/* Styles personnalisés pour la grille DHTMLX dans le projet TOOSMART10 */

/* Personnalisation avec une palette de couleurs spécifique à TOOSMART10 */
:root {
    --toosmart10-primary: #3498db;
    --toosmart10-secondary: #2ecc71;
    --toosmart10-accent: #f39c12;
    --toosmart10-light: #ecf0f1;
    --toosmart10-dark: #2c3e50;
}

/* Personnalisation de l'en-tête */
.dhx_grid-header-cell {
    background-color: var(--toosmart10-primary);
    color: white;
    font-weight: bold;
    border-bottom: 2px solid var(--toosmart10-dark);
}

/* Personnalisation des lignes alternées */
.dhx_grid-row:nth-child(odd) {
    background-color: white;
}

.dhx_grid-row:nth-child(even) {
    background-color: var(--toosmart10-light);
}

/* Personnalisation du survol des lignes */
.dhx_grid-row:hover {
    background-color: rgba(52, 152, 219, 0.1);
}

/* Personnalisation de la sélection */
.dhx_grid-selected-row {
    background-color: rgba(52, 152, 219, 0.2) !important;
}

/* Personnalisation de la pagination */
.dhx-pagination-button {
    border-color: var(--toosmart10-primary);
    color: var(--toosmart10-primary);
}

.dhx-pagination-button:hover:not([disabled]) {
    background-color: rgba(52, 152, 219, 0.1);
}

.dhx-pagination-button.active {
    background-color: var(--toosmart10-primary);
    border-color: var(--toosmart10-primary);
    color: white;
}

/* Personnalisation des filtres */
.dhx_grid-filter-input {
    border: 1px solid var(--toosmart10-primary);
    border-radius: 4px;
}

/* Personnalisation du séparateur de colonnes */
.column--separator {
    border-left: 3px solid var(--toosmart10-accent);
}