/* P-11 — CSS verbatim de los bloques de estilo de Pages/Common/MDSeleccionarSeriesPage.razor. Igual que hoy, es global mientras el componente está en pantalla:
   se enlaza con <link> donde estaba el bloque. Cambios: @@ → @. Las reglas .e-grid ya no aplican (la grilla es nativa). */
.custom-dialog .e-dialog {
    border-radius: 8px !important;
    /* width: 80% !important;
            height: 80% !important;
            max-width: 500px !important; */
    max-height: 800px !important;
    /* min-Width: 200px !important;
            min-Height: 200px !important; */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
}


.custom-dialog .input-container {
    display: block;
    justify-content: space-between;
    gap: 10px;
    margin-top: 12px;
}

.custom-dialog .e-dlg-header, .e-dlg-header * {
    color: green;
    font-size: 20px;
    font-weight: 600;
}

.custom-dialog .e-dialog .e-dlg-header {
    color: green;
    font-size: 20px;
    font-weight: normal;
}

/* Estilos generales para el grid */
.e-grid {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    font-family: 'Segoe UI', sans-serif;
    font-size: 15px;
}

    /* Estilos para las cabeceras de las columnas */
    .e-grid .e-headercell {
        background-color: #4CAF50; /* Verde vibrante */
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        padding: 2px;
        border-bottom: 2px solid #388E3C;
    }

    /* Estilos para las celdas de datos */
    .e-grid .e-rowcell {
        background-color: #f9f9f9;
        color: #333333;
        text-align: left;
        padding: 2px;
        border-bottom: 1px solid #dddddd;
    }

    /* Estilo para las filas alternas (zebra striping) */
    .e-grid .e-alt_row {
        background-color: #e0f7fa; /* Azul claro */
    }

    /* Hover en las filas */
    .e-grid .e-row:hover {
        background-color: #d1f2eb; /* Color suave para hover */
        cursor: pointer;
    }

    /* Estilo para la barra de herramientas */
    .e-grid .e-toolbar {
        background-color: #e0e0e0;
        border-bottom: 2px solid #cccccc;
    }

        /* Estilo para los botones de la barra de herramientas */
        .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn {
            color: #4CAF50; /* Verde */
            border: none;
            font-size: 14px;
            padding: 6px 12px;
        }

            .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn:hover {
                background-color: #a5d6a7; /* Verde suave */
            }

    /* Estilo para los paginadores */
    .e-grid .e-gridpager .e-pagercontainer {
        background-color: #f1f1f1;
        color: #666666;
        border-top: 1px solid #cccccc;
    }

    .e-grid .e-gridpager .e-pager .e-pagerdefault {
        color: #4CAF50; /* Verde */
    }

    .e-grid .e-gridpager .e-prevnext {
        color: #4CAF50; /* Verde */
    }