/* Roboto et non plus 'Trebuchet MS' (17/08/2026) : cette règle est la SEULE raison pour
   laquelle le module d'offre s'affichait dans une autre police que le reste de l'application.
   Elle vise #tabs nommément, et #tabs n'existe que dans COM_offer.php — la feuille est pourtant
   chargée partout (helperhtml.php), sans prise ailleurs. Héritage de l'ancien thème jQuery UI,
   lui-même en Trebuchet MS 11px ; Roboto est arrivé plus tard sur le body sans qu'on revienne
   ici.
   ⚠️ NE PAS supprimer la règle : les select/input/button n'héritent PAS de la police du texte,
   et aucune règle globale ne les cible (ccv2.css ne pose Roboto que sur body). Les effacer
   d'ici les ferait tomber sur la police par défaut du navigateur.
   font-size conservé tel quel : il est déjà écrasé ailleurs (#tabs calcule 11px), le toucher
   ne ferait que déplacer le problème. */
#tabs,
#tabs select,
#tabs input,
#tabs button {
    font-family: Roboto, sans-serif;
    font-size: 12px;

}

div#tabs {
    border: none;
    padding: 0;
    background: none;
}

#tabs ul {
    border-radius: 0px;
    background: none;
    border: none;
    padding: 0;
}

.ui-tabs .ui-tabs-panel {
    padding: 0px 5px 0px 0px;
}

.ui-tabs-nav {
    margin-left: 25px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a {
    background-color: #a4d4f1;
}

.ui-tabs .ui-tabs-nav li a:hover {
    background-color: #a4d4f1;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 0px;
}

.ui-button {
    color: #2F2F2F;
    height: 30px;
    background-color: #e6e6e6;
    border-radius: 4px;
}

.ui-button:hover {
    background-color: #a4d4f1 !important;
}

.ui-widget-header {
    border: 0;
}

.ui-dialog-titlebar {
    border-radius: 4px;
    height: 20px;
    background-color: #c8c8d1;
}

.ui-dialog-title {
    padding-top: 3px;
}

.ui-dialog {
    border-radius: 4px;
    padding: 5px;
    background-color: #f4f4f5;

}

.ui-dialog-buttonpane {
    color: #2F2F2F !important;
/ / background-color: #e7e7e7 !important;
    border-radius: 4px !important;
    margin-top: 5px !important;
    padding: 3px 10px !important;
    border: 0;
}

/* Roboto ici aussi (17/08/2026) : la règle #tabs du haut de fichier ne couvre PAS les
   dialogues, que jQuery UI DÉPLACE sous <body> — hors de #tabs, donc hors de sa portée.
   C'est ce qui laissait tout le contenu des dialogues du module d'offre en Trebuchet MS
   alors que le reste était déjà passé à Roboto. */
.ui-dialog-content {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    color: #2F2F2F !important;
    background-color: #e7e7e7 !important;
    border-radius: 4px !important;
    margin-top: 4px !important;
    padding: 15px !important;
}