/* =========================================================
   DISEÑO OSCURO GLOBAL PARA TODAS LAS GRILLAS DEVEXPRESS
   ========================================================= */

/* Contenedor principal y estructura de tablas transparentes */
.dxbl-grid,
.dxbl-grid-table,
.dxbl-grid .dxbl-table,
tr[class*="dxbl-grid-data-row"] {
    background-color: transparent !important;
    background: transparent !important;
    color: #ffffff !important;
}

    /* Celdas de datos con fondo cristalizado oscuro (COMPACTAS) */
    .dxbl-grid td,
    [class*="dxbl-grid-cell"] {
        background-color: rgba(30, 41, 59, 0.4) !important;
        color: #e2e8f0 !important;
        border-color: rgba(255, 255, 255, 0.05) !important;
        /* 🔹 SOLUCIÓN: Reducimos el relleno a 4px arriba/abajo y 12px a los lados */
        padding: 4px 12px !important;
        line-height: 1.2 !important;
        height: auto !important;
    }

    /* Forzamos a la fila física a no tener una altura mínima impuesta por DevExpress */
    .dxbl-grid tr,
    [class*="dxbl-grid-data-row"] {
        height: auto !important;
    }

    /* Cabeceras de columna con degradado premium y texto cian (COMPACTAS) */
    .dxbl-grid th,
    [class*="dxbl-grid-header-cell"] {
        background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%) !important;
        color: #38bdf8 !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        font-size: 0.82rem !important;
        border-bottom: 2px solid rgba(56, 189, 248, 0.3) !important;
        /* 🔹 Reducimos el relleno de los títulos de las columnas */
        padding: 8px 12px !important;
    }
    /* Caja de búsqueda superior derecha en modo oscuro */
    .dxbl-grid [class*="dxbl-grid-search-input"],
    .dxbl-grid input[type="search"] {
        background-color: rgba(15, 23, 42, 0.8) !important;
        border: 1px solid rgba(255, 255, 255, 0.15) !important;
        color: #ffffff !important;
        border-radius: 58px !important;
    }

        .dxbl-grid [class*="dxbl-grid-search-input"]:focus {
            border-color: #38bdf8 !important;
            box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.25) !important;
        }

    /* Estilos de pie de página de la grilla (Paginación) */
    .dxbl-grid [class*="dxbl-grid-pager"] {
        background-color: #1e293b !important;
        color: #ffffff !important;
        border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    }