/* =====================================================
   Radzen DataGrid — Tema Dark Slate Profesional
   Portal de Autogestión v2.1.0
   ===================================================== */

/* --- Encabezado del grid --- */
/* El color lo controlan las variables CSS de portalstyle.css:
   Standard: --rz-grid-header-background-color: #4ea8b3 (turquesa)
   Default:  --rz-grid-header-background-color: #2e6b75 (turquesa profundo)
   No se sobreescribe aquí — dejar que el tema Radzen lo maneje */
.rz-grid-table .rz-column-title,
.rz-grid-table .rz-column-header .rz-column-title-content {
    font-weight: 600 !important;
}
/* Iconos de sort/filtro — heredan color del header */
.rz-grid-table .rz-column-header .rzi,
.rz-grid-table .rz-column-header .rz-column-filter-icon {
    opacity: 0.75;
}

/* --- Fila de filtros --- */
.rz-grid-table .rz-filter-row td,
.rz-grid-table .rz-filter-row {
    background: #f1f5f9 !important;
    border-bottom: 2px solid #cbd5e1 !important;
}
.rz-grid-table .rz-filter-row .rz-textbox,
.rz-grid-table .rz-filter-row .rz-dropdown,
.rz-grid-table .rz-filter-row input {
    background: white !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    padding: 4px 7px !important;
}

/* --- Filas de datos alternadas --- */
.rz-data-row:nth-child(odd) > td {
    background: #f8fafc !important;
}
.rz-data-row:nth-child(even) > td {
    background: white !important;
}

/* --- Hover de fila --- */
.rz-data-row:hover > td {
    background: #eff6ff !important;
    cursor: pointer;
}

/* --- Paginación --- */
.rz-pager {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    padding: 6px 12px !important;
}
.rz-paginator-element.rz-state-active,
.rz-paginator-element.rz-state-active:hover {
    background: #4ea8b3 !important;
    color: white !important;
    border-radius: 4px !important;
    border-color: #4ea8b3 !important;
}
.rz-pager-summary {
    font-size: 11px !important;
    color: #64748b !important;
}

/* --- Toolbar personalizado (para páginas de lista) --- */
.rz-grid-toolbar-custom {
    background: #4ea8b3;
    border-radius: 6px 6px 0 0;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.rz-grid-title {
    flex: 1;
    color: white;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* Botones del toolbar sobre fondo dark */
.rz-grid-toolbar-custom .rz-button {
    min-width: 30px !important;
    height: 30px !important;
    padding: 0 8px !important;
}

/* --- Borde del grid completo --- */
.rz-data-grid {
    border: 1px solid #e2e8f0 !important;
    border-radius: 0 0 6px 6px !important;
}
.rz-grid-toolbar-custom + .rz-data-grid {
    border-radius: 0 0 6px 6px !important;
    border-top: none !important;
}