/* -------------------------
   Caption principale (bannière)
   ------------------------- */
.ui-jqgrid .ui-jqgrid-titlebar {
    background-color: #124D30 !important; /* fond vert bouteille */
    background-image: none !important;    /* supprime le dégradé thème */
}

/* Texte de la caption principale */
.ui-jqgrid .ui-jqgrid-titlebar .ui-jqgrid-title {
    color: #ffffff !important;            /* texte blanc */
    font-weight: bold;
    font-size: 20px;                      /* texte un peu plus grand */
}

/* Icônes de la barre de titre (fermer / maximiser) */
.ui-jqgrid .ui-jqgrid-titlebar .ui-jqgrid-titlebar-close,
.ui-jqgrid .ui-jqgrid-titlebar .ui-jqgrid-titlebar-maximize {
    filter: invert(100%); /* icônes blanches */
}

/* -------------------------
   Header / titres des colonnes
   ------------------------- */
.ui-jqgrid .ui-jqgrid-hdiv {
    background-color: #198754 !important; /* vert foncé */
    background-image: none !important;
    border-bottom: 1px solid #145c40 !important;
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th {
    background-color: #198754 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-bottom: 1px solid #145c40 !important;
    font-size: 18px;   /* titres plus grands */
    font-weight: bold;
    padding: 8px 6px;
}

/* -------------------------
   Lignes alternées du tableau
   ------------------------- */
.ui-jqgrid-btable tr.jqgrow:nth-child(odd) td {
    background-color: #e6f2e6 !important;  /* vert très clair */
    color: #000000 !important;
}

.ui-jqgrid-btable tr.jqgrow:nth-child(even) td {
    background-color: #ffffff !important;  /* blanc */
    color: #000000 !important;
}

/* Survol d'une ligne */
.ui-jqgrid-btable tr.jqgrow:hover td {
    background-color: #cde8cd !important;  /* vert clair légèrement plus soutenu */
    color: #000000 !important;
}

/* bord inférieur de la table */
.ui-jqgrid-bdiv {
    background-color: #fff !important;  /* blanc pour espace vide */
}

/* -------------------------
   Boutons Add/Edit/Delete
   ------------------------- */
.ui-jqgrid .ui-pg-button {
    background-color: #198754 !important; /* vert foncé */
    color: #ffffff !important;
    border-radius: 4px;
    border: 1px solid #145c40 !important;
}

.ui-jqgrid .ui-pg-button:hover {
    background-color: #145c40 !important;
    color: #ffffff !important;
}

/* -------------------------
   Taille des lignes
   ------------------------- */
.ui-jqgrid tr.jqgrow td {
    font-size: 18px;
    padding: 6px 6px;
}





</* -------------------------
   Icônes Edit/Delete vertes (PNG individuelles)
   ------------------------- */
/* neutraliser les icônes du thème trontastic */
.ui-icon-pencil,
.ui-icon-trash {
    background-image: none !important;
    background-position: center !important;
}

/* icône EDIT - crayon vert */
.ui-jqgrid .ui-inline-edit .ui-icon,
.ui-jqgrid .ui-inline-edit .ui-icon-pencil {
    background-image: url('../images/ui-icon-pencil-vert.png') !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* icône DELETE - poubelle verte */
.ui-jqgrid .ui-inline-del .ui-icon,
.ui-jqgrid .ui-inline-del .ui-icon-trash {
    background-image: url('../images/ui-icon-trash-vert.png') !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* .ui-icon-pencil { outline: 2px solid red !important; } */

/* -------------------------
   FIX : Rendre les icônes Edit/Delete visibles
   ------------------------- */

/* Inverser UNIQUEMENT les icônes, pas les fonds */
.ui-jqgrid tr.jqgrow td .ui-icon {
    filter: invert(1) contrast(2) !important;
    opacity: 1 !important;
    background-color: transparent !important;
}

/* Annuler l'inversion sur les icônes pour qu'elles restent noires */
.ui-jqgrid tr.jqgrow td a .ui-icon {
    filter: invert(1) contrast(2) !important;
}

/* Fond coloré VERT pour le bouton edit (crayon) - inversé car jqGrid met edit en dernier */
td[aria-describedby$="_act"] a:last-child,
.ui-jqgrid tr.jqgrow td a[title*="dit"],
.ui-jqgrid tr.jqgrow td a[title*="Edit"] {
    background-color: #c3e6cb !important;
    padding: 3px 6px !important;
    border-radius: 3px !important;
    border: 1px solid #28a745 !important;
    margin: 0 1px !important;
}

/* Fond coloré ROSE pour le bouton delete (poubelle) - inversé car jqGrid met delete en premier */
td[aria-describedby$="_act"] a:first-child,
.ui-jqgrid tr.jqgrow td a[title*="elete"],
.ui-jqgrid tr.jqgrow td a[title*="Delete"] {
    background-color: #f5c6cb !important;
    padding: 3px 6px !important;
    border-radius: 3px !important;
    border: 1px solid #dc3545 !important;
    margin: 0 1px !important;
}

/* Cibler les cellules contenant les boutons d'action - garder les icônes sur la même ligne */
.ui-jqgrid tr.jqgrow td[aria-describedby$="_act"] {
    text-align: center !important;
    white-space: nowrap !important;
}

/* Masquer le texte "Action" dans le header de la colonne Actions */
.ui-jqgrid .ui-jqgrid-htable th[id$="_act"],
.ui-jqgrid-htable thead tr th[id$="_act"] {
    font-size: 0 !important;
    text-indent: -9999px !important;
}

/* Les icônes dans la colonne restent visibles */
.ui-jqgrid .ui-jqgrid-htable th[id$="_act"] .ui-icon {
    font-size: 14px !important;
    text-indent: 0 !important;
}

/* Hover pour les boutons */
td[aria-describedby$="_act"] a:first-child:hover,
.ui-jqgrid tr.jqgrow td a[onclick*="edit"]:hover,
a.ui-inline-edit:hover {
    background-color: #28a745 !important;
}

td[aria-describedby$="_act"] a:last-child:hover,
.ui-jqgrid tr.jqgrow td a[onclick*="del"]:hover,
a.ui-inline-del:hover {
    background-color: #dc3545 !important;
}