/*
 * ETP global overrides
 * Bootstrap 3 XL shim (temp)
 * TODO: supprimer ce shim après migration front vers Bootstrap 4/5
 * (ou après remplacement des classes col-xl-* dans les vues legacy)
 */

@media (min-width: 1600px) {
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
        float: left;
    }

    .col-xl-1 { width: 8.33333333%; }
    .col-xl-2 { width: 16.66666667%; }
    .col-xl-3 { width: 25%; }
    .col-xl-4 { width: 33.33333333%; }
    .col-xl-5 { width: 41.66666667%; }
    .col-xl-6 { width: 50%; }
    .col-xl-7 { width: 58.33333333%; }
    .col-xl-8 { width: 66.66666667%; }
    .col-xl-9 { width: 75%; }
    .col-xl-10 { width: 83.33333333%; }
    .col-xl-11 { width: 91.66666667%; }
    .col-xl-12 { width: 100%; }
}

/* ==========================================================================
   CHARTE GRAPHIQUE TMSX
   Palette : Rouge #e74e3e | Vert #34a647 | Sombre #1e2228 | Gris #616161
   Base : smart-style-1 (Dark Elegance)
   ========================================================================== */

/* --- Header --- */
.smart-style-1 #header {
    background-color: #1e2228 !important;
}

.smart-style-1 #logo-group {
    background: #1e2228 !important;
}

/* --- Boutons header (deconnexion, menu, etc.) --- */
.smart-style-1 .btn-header > a {
    background: #e74e3e !important;
    border-color: #c0392b !important;
}

.smart-style-1 .btn-header > a:hover {
    background: #c0392b !important;
}

/* --- Badge notifications --- */
.smart-style-1 #logo-group > span .badge {
    background: #e74e3e !important;
}

/* --- Left Panel / Sidebar --- */
.smart-style-1 #left-panel,
.smart-style-1 aside {
    background: #252525 !important;
}

/* --- Navigation items --- */
.smart-style-1 nav ul ul {
    background: #1e2228 !important;
}

.smart-style-1 nav ul li a:hover {
    color: #ffffff !important;
}

.smart-style-1 nav > ul > li > a:hover,
.smart-style-1 nav > ul > li.open > a,
.smart-style-1 nav > ul > li.open > a b {
    color: #ffffff !important;
}

/* Menu actif */
.smart-style-1 nav ul li.active > a {
    color: #ffffff !important;
    font-weight: 700;
}

.smart-style-1 nav > ul > li.active > a::before {
    border-left-color: #e74e3e !important;
}

/* --- Ribbon (fil d'ariane) --- */
.smart-style-1 #ribbon {
    background: #f5f5f5 !important;
    border-bottom: 1px solid #e0e0e0;
}

/* --- Jarviswidget header (couleur primaire TMSX) --- */
.jarviswidget-color-blueDark > header {
    background: #1e2228 !important;
    border-color: #1e2228 !important;
}

/* --- Boutons d'action --- */
.btn-primary {
    background-color: #e74e3e !important;
    border-color: #c0392b !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #c0392b !important;
    border-color: #a93226 !important;
}

.btn-success {
    background-color: #34a647 !important;
    border-color: #2d8f3e !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #2d8f3e !important;
    border-color: #267a35 !important;
}

.btn-info {
    background-color: #4acad5 !important;
    border-color: #3ab5bf !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: #3ab5bf !important;
    border-color: #2fa0a9 !important;
}

.btn-warning {
    background-color: #d8c860 !important;
    border-color: #c4b54e !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background-color: #c4b54e !important;
    border-color: #b0a33e !important;
}

.btn-danger {
    background-color: #f44236 !important;
    border-color: #e53935 !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background-color: #e53935 !important;
    border-color: #d32f2f !important;
}

/* --- Liens --- */
a {
    color: #e74e3e;
}

a:hover,
a:focus {
    color: #c0392b;
}

/* --- Page title --- */
.page-title {
    color: #1e2228 !important;
}

/* --- DataTables header --- */
table.dataTable thead th,
table.dataTable thead td {
    border-bottom-color: #e74e3e !important;
}

/* --- Pagination active --- */
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    background-color: #e74e3e !important;
    border-color: #c0392b !important;
}

/* --- Progress bars --- */
.progress-bar {
    background-color: #e74e3e;
}

.progress-bar.bg-color-blue {
    background-color: #e74e3e !important;
}

/* --- Login / Connexion header --- */
#header-connexion {
    background: #ffffff !important;
    border-bottom-color: #e0e0e0 !important;
}

/* --- Footer --- */
.page-footer {
    background: #252525 !important;
    color: #9b9b9b;
}

/* --- Smart form focus --- */
.smart-form .input:focus input,
.smart-form .textarea:focus textarea,
.smart-form .select:focus select {
    border-color: #e74e3e !important;
}

/* --- Tabs actif --- */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-top: 3px solid #e74e3e !important;
}

/* --- Dropdown action buttons (convention existante) --- */
.btn-group .btn-dropdown-toggle {
    background-color: #34a647 !important;
    border-color: #2d8f3e !important;
    color: #ffffff !important;
}

.btn-group .btn-dropdown-toggle:hover {
    background-color: #2d8f3e !important;
}