/* ============================================
   TABLEAU SITUATION DES OF - Style spécifique
   ============================================ */

/* Désactiver TOUS les autres styles du tableau */
#ofSituationTable,
#ofSituationTable *,
#ofSituationTable::before,
#ofSituationTable::after,
#ofSituationTable *::before,
#ofSituationTable *::after {
    all: unset !important;
    display: revert !important;
    box-sizing: border-box !important;
}

/* Réinitialisation totale du tableau */
#ofSituationTable {
    width: 100% !important;
    min-width: 1600px !important;
    border-collapse: collapse !important;
    table-layout: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #D1D5DB !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

#ofSituationTable thead {
    display: table-header-group !important;
    background-color: #F3F4F6 !important;
}

#ofSituationTable thead tr {
    display: table-row !important;
}

#ofSituationTable thead th {
    display: table-cell !important;
    padding: 12px 10px !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    background-color: #F3F4F6 !important;
    border: 1px solid #D1D5DB !important;
    color: #374151 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    line-height: 1.3 !important;
    text-align: left !important;
    position: relative !important;
}

/* Désactiver les pseudo-éléments qui pourraient créer des colonnes invisibles */
#ofSituationTable thead th::before,
#ofSituationTable thead th::after,
#ofSituationTable thead tr::before,
#ofSituationTable thead tr::after {
    display: none !important;
    content: none !important;
}

#ofSituationTable tbody {
    display: table-row-group !important;
}

#ofSituationTable tbody tr {
    display: table-row !important;
    position: relative !important;
}

/* Désactiver les pseudo-éléments qui pourraient créer des colonnes invisibles */
#ofSituationTable tbody tr::before,
#ofSituationTable tbody tr::after {
    display: none !important;
    content: none !important;
}

#ofSituationTable tbody td {
    display: table-cell !important;
    padding: 10px 10px !important;
    border: 1px solid #D1D5DB !important;
    vertical-align: middle !important;
    font-size: 13px !important;
    color: #1F2937 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    position: relative !important;
}

/* Désactiver les pseudo-éléments qui pourraient créer des colonnes invisibles */
#ofSituationTable tbody td::before,
#ofSituationTable tbody td::after {
    display: none !important;
    content: none !important;
}

#ofSituationTable tbody tr:hover {
    background-color: #F9FAFB !important;
}

/* Largeurs des colonnes - Forcer l'alignement */
#ofSituationTable th:nth-child(1),
#ofSituationTable td:nth-child(1) {
    min-width: 80px !important;
    width: auto !important;
}

#ofSituationTable th:nth-child(2),
#ofSituationTable td:nth-child(2) {
    min-width: 100px !important;
    width: auto !important;
}

#ofSituationTable th:nth-child(3),
#ofSituationTable td:nth-child(3) {
    min-width: 150px !important;
    width: auto !important;
}

#ofSituationTable th:nth-child(4),
#ofSituationTable td:nth-child(4) {
    min-width: 120px !important;
    width: auto !important;
}

#ofSituationTable th:nth-child(5),
#ofSituationTable td:nth-child(5) {
    min-width: 100px !important;
    width: auto !important;
}

#ofSituationTable th:nth-child(6),
#ofSituationTable td:nth-child(6) {
    min-width: 100px !important;
    width: auto !important;
}

#ofSituationTable th:nth-child(7),
#ofSituationTable td:nth-child(7),
#ofSituationTable th:nth-child(8),
#ofSituationTable td:nth-child(8) {
    min-width: 80px !important;
    width: auto !important;
    text-align: right !important;
}

#ofSituationTable th:nth-child(9),
#ofSituationTable td:nth-child(9) {
    min-width: 100px !important;
    width: auto !important;
    text-align: center !important;
}

#ofSituationTable th:nth-child(10),
#ofSituationTable td:nth-child(10),
#ofSituationTable th:nth-child(11),
#ofSituationTable td:nth-child(11) {
    min-width: 100px !important;
    width: auto !important;
    text-align: center !important;
}

#ofSituationTable th:nth-child(12),
#ofSituationTable td:nth-child(12),
#ofSituationTable th:nth-child(13),
#ofSituationTable td:nth-child(13),
#ofSituationTable th:nth-child(14),
#ofSituationTable td:nth-child(14) {
    min-width: 80px !important;
    width: auto !important;
    text-align: right !important;
}