/* =========================================================
   XPERTECH - ACCIONES DE TABLAS
   Acción principal + menú de tres puntos
========================================================= */

.x-table-actions {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    white-space: nowrap;
}

.x-table-action-main {
    min-width: 72px;
    height: 36px;
    padding: 0 12px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    border: 1px solid #dbe4ee !important;
    border-radius: 11px !important;

    background: #fff !important;
    color: #334155 !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: none !important;

    cursor: pointer !important;
    box-shadow: none !important;
    outline: none !important;

    transition: .15s ease;
}

.x-table-action-main:hover,
.x-table-action-main:focus {
    border-color: #bfdbfe !important;
    background: #eff6ff !important;
    color: #2563eb !important;
}

.x-table-action-main i {
    margin: 0 !important;
    color: #2563eb !important;
    font-size: 10px !important;
}

.x-table-action-dropdown {
    position: relative;
}

.x-table-action-more {
    width: 42px;
    height: 36px;
    padding: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid #dbe4ee !important;
    border-radius: 11px !important;

    background: #fff !important;
    color: #64748b !important;

    cursor: pointer !important;
    box-shadow: none !important;
    outline: none !important;

    transition: .15s ease;
}

.x-table-action-more:hover,
.x-table-action-more:focus,
.x-table-action-dropdown.show .x-table-action-more {
    border-color: #bfdbfe !important;
    background: #eff6ff !important;
    color: #2563eb !important;
}

.x-table-action-more i {
    margin: 0 !important;
    font-size: 11px !important;
}

.x-table-action-menu {
    min-width: 178px !important;
    padding: 6px !important;

    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;

    background: #fff !important;

    box-shadow: 0 15px 35px rgba(15, 23, 42, .12) !important;

    z-index: 9999 !important;
}

.x-table-menu-item {
    width: 100% !important;
    min-height: 36px !important;
    padding: 0 10px !important;

    display: flex !important;
    align-items: center !important;
    gap: 9px !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: transparent !important;
    color: #475569 !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: none !important;

    box-shadow: none !important;
}

/* =========================================================
   FIX HOVER DROPDOWN ACCIONES
========================================================= */

.x-table-action-menu .x-table-menu-item {
    color: #475569 !important;
}

.x-table-action-menu .x-table-menu-item i,
.x-table-action-menu .x-table-menu-item span {
    color: inherit !important;
}


/* HOVER NORMAL */
.x-table-action-menu .x-table-menu-item:hover,
.x-table-action-menu .x-table-menu-item:focus,
.x-table-action-menu .x-table-menu-item:active {
    background: #f1f5f9 !important;
    color: #0f172a !important;

    text-decoration: none !important;

    box-shadow: none !important;
    outline: none !important;
}

.x-table-action-menu .x-table-menu-item:hover i,
.x-table-action-menu .x-table-menu-item:hover span,
.x-table-action-menu .x-table-menu-item:focus i,
.x-table-action-menu .x-table-menu-item:focus span {
    color: inherit !important;
}


/* EDITAR */
.x-table-action-menu .btnEditarCompra:hover,
.x-table-action-menu .btnEditarVenta:hover {
    background: #eff6ff !important;
    color: #2563eb !important;
}

.x-table-action-menu .btnEditarCompra:hover i,
.x-table-action-menu .btnEditarVenta:hover i {
    color: #2563eb !important;
}


/* IMPRIMIR */
.x-table-action-menu .btnImpticketcompra:hover,
.x-table-action-menu .btnImprimirFactura:hover {
    background: #f8fafc !important;
    color: #334155 !important;
}

.x-table-action-menu .btnImpticketcompra:hover i,
.x-table-action-menu .btnImprimirFactura:hover i {
    color: #475569 !important;
}


/* ANULAR */
.x-table-action-menu .x-table-menu-danger,
.x-table-action-menu .btnAnularCompra,
.x-table-action-menu .btnAnularVenta {
    color: #dc2626 !important;
}

.x-table-action-menu .x-table-menu-danger i,
.x-table-action-menu .btnAnularCompra i,
.x-table-action-menu .btnAnularVenta i {
    color: #dc2626 !important;
}

.x-table-action-menu .x-table-menu-danger:hover,
.x-table-action-menu .btnAnularCompra:hover,
.x-table-action-menu .btnAnularVenta:hover {
    background: #fff1f2 !important;
    color: #dc2626 !important;
}

.x-table-action-menu .x-table-menu-danger:hover i,
.x-table-action-menu .btnAnularCompra:hover i,
.x-table-action-menu .btnAnularVenta:hover i {
    color: #dc2626 !important;
}

.x-table-menu-item i {
    width: 16px !important;
    margin: 0 !important;

    color: #64748b !important;

    font-size: 10px !important;
    text-align: center !important;
}

.x-table-menu-danger {
    color: #dc2626 !important;
}

.x-table-menu-danger i {
    color: #dc2626 !important;
}

.x-table-menu-danger:hover,
.x-table-menu-danger:focus {
    background: #fff1f2 !important;
    color: #b91c1c !important;
}

.x-table-action-menu .dropdown-divider {
    margin: 5px 2px !important;
    border-top: 1px solid #f1f5f9 !important;
}

.x-table-menu-item:disabled,
.x-table-menu-item.disabled {
    opacity: .55 !important;
    cursor: not-allowed !important;
    background: transparent !important;
}

/* Evita que el dropdown quede cortado dentro de DataTables */
table.dataTable td {
    overflow: visible !important;
}

.dataTables_wrapper,
.dataTables_scrollBody {
    overflow: visible;
}

@media(max-width:768px) {

    .x-table-action-main {
        min-width: 66px;
        height: 34px;
        padding: 0 10px !important;
    }

    .x-table-action-more {
        width: 38px;
        height: 34px;
    }

    .x-table-action-menu {
        min-width: 170px !important;
    }
}

/* =========================================================
   FIX DROPDOWN ACCIONES - OPACIDAD
========================================================= */

.x-table-action-menu .dropdown-item,
.x-table-action-menu .dropdown-item *,
.x-order-action-menu .dropdown-item,
.x-order-action-menu .dropdown-item * {
    opacity: 1 !important;
}


/* EDITAR */
.x-table-action-menu .btnEditarCompra,
.x-table-action-menu .btnEditarVenta,
.x-order-action-menu .btnEditarOrden {
    opacity: 1 !important;
    color: #475569 !important;
    background: transparent !important;
}

.x-table-action-menu .btnEditarCompra *,
.x-table-action-menu .btnEditarVenta *,
.x-order-action-menu .btnEditarOrden * {
    opacity: 1 !important;
    color: #475569 !important;
}


/* HOVER EDITAR */
.x-table-action-menu .btnEditarCompra:hover,
.x-table-action-menu .btnEditarVenta:hover,
.x-order-action-menu .btnEditarOrden:hover {
    opacity: 1 !important;
    background: #eff6ff !important;
    color: #2563eb !important;
}

.x-table-action-menu .btnEditarCompra:hover *,
.x-table-action-menu .btnEditarVenta:hover *,
.x-order-action-menu .btnEditarOrden:hover * {
    opacity: 1 !important;
    color: #2563eb !important;
}

/* =========================================
   DROPDOWN ACCIONES - MÁS REDONDEADO
========================================= */

.x-action-dropdown .dropdown-menu,
.dropdown-menu.x-action-menu {
    min-width: 240px;
    padding: 0.45rem;
    border: 1px solid #dbe5f1;
    border-radius: 1.2rem;
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.14);
    overflow: hidden;
    margin-top: 0.45rem;
    background: #ffffff;
}

.x-action-dropdown .dropdown-item,
.dropdown-menu.x-action-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 48px;
    padding: 0.85rem 1rem;
    border-radius: 0.95rem;
    font-size: 14px;
    font-weight: 600;
    color: #475569 !important;
    transition: all 0.18s ease;
    border: 0;
    background: transparent;
    opacity: 1 !important;
}

.x-action-dropdown .dropdown-item i,
.dropdown-menu.x-action-menu .dropdown-item i {
    width: 18px;
    text-align: center;
    font-size: 15px;
}

/* Hover general */
.x-action-dropdown .dropdown-item:hover,
.dropdown-menu.x-action-menu .dropdown-item:hover {
    background: #f8fafc !important;
    color: #1e293b !important;
}

/* Opción principal azul */
.x-action-dropdown .dropdown-item.is-primary,
.dropdown-menu.x-action-menu .dropdown-item.is-primary {
    background: #3b82f6 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(59, 130, 246, 0.28);
}

.x-action-dropdown .dropdown-item.is-primary i,
.dropdown-menu.x-action-menu .dropdown-item.is-primary i {
    color: #ffffff !important;
}

.x-action-dropdown .dropdown-item.is-primary:hover,
.dropdown-menu.x-action-menu .dropdown-item.is-primary:hover {
    background: #2563eb !important;
    color: #ffffff !important;
}

/* WhatsApp */
.x-action-dropdown .dropdown-item.is-whatsapp:hover,
.dropdown-menu.x-action-menu .dropdown-item.is-whatsapp:hover {
    background: #ecfdf5 !important;
    color: #16a34a !important;
}

/* Separador suave */
.x-action-dropdown .dropdown-divider,
.dropdown-menu.x-action-menu .dropdown-divider {
    margin: 0.35rem 0;
    border-top: 1px solid #edf2f7;
}