/*
 * ════════════════════════════════════════════════════
 *  SKIN : FIRSTCAR — Thème Orange + Dark
 *  © 2025 SGI FIRSTCAR — FIRSTCAR Côte d'Ivoire
 * ════════════════════════════════════════════════════
 */

/* ── Variables CSS globales ── */
:root {
    --fc-orange:         #FF6B00;
    --fc-orange-hover:   #E55A00;
    --fc-orange-light:   #FF8C33;
    --fc-orange-glow:    rgba(255, 107, 0, 0.22);
    --fc-orange-bg:      rgba(255, 107, 0, 0.08);
    --fc-orange-border:  rgba(255, 107, 0, 0.30);
    --fc-dark:           #07070F;
    --fc-dark-nav:       #0D0D18;
    --fc-dark-logo:      #080810;
    --fc-dark-sidebar:   #0E0E1A;
    --fc-dark-sidebar2:  #13131F;
    --fc-dark-hover:     rgba(255,107,0,0.08);
    --fc-sidebar-text:   #C8C8DD;
    --fc-sidebar-muted:  #7777AA;
}

/* ════════════════════════════════════════
   HEADER / NAVBAR
════════════════════════════════════════ */
.skin-firstcar .main-header .navbar {
    background-color: var(--fc-dark-nav) !important;
    border-bottom: 1px solid rgba(255,107,0,0.18) !important;
}
.skin-firstcar .main-header .navbar .nav > li > a {
    color: #C8C8DD !important;
}
.skin-firstcar .main-header .navbar .nav > li > a:hover,
.skin-firstcar .main-header .navbar .nav > li > a:active,
.skin-firstcar .main-header .navbar .nav > li > a:focus,
.skin-firstcar .main-header .navbar .nav .open > a,
.skin-firstcar .main-header .navbar .nav .open > a:hover,
.skin-firstcar .main-header .navbar .nav .open > a:focus,
.skin-firstcar .main-header .navbar .nav > .active > a {
    background: var(--fc-orange-bg) !important;
    color: var(--fc-orange-light) !important;
}
.skin-firstcar .main-header .navbar .sidebar-toggle {
    color: #C8C8DD !important;
    border-right: 1px solid rgba(255,255,255,0.06) !important;
}
.skin-firstcar .main-header .navbar .sidebar-toggle:hover {
    background-color: var(--fc-orange-bg) !important;
    color: var(--fc-orange) !important;
}
.skin-firstcar .main-header .logo {
    background-color: var(--fc-dark-logo) !important;
    color: #FFFFFF !important;
    border-bottom: 0 solid transparent !important;
    border-right: 1px solid rgba(255,107,0,0.25) !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
}
.skin-firstcar .main-header .logo:hover {
    background-color: var(--fc-dark-nav) !important;
}
.skin-firstcar .main-header .logo .logo-lg {
    background: linear-gradient(135deg, #FFFFFF 0%, var(--fc-orange-light) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 800;
}
.skin-firstcar .main-header li.user-header {
    background-color: var(--fc-dark-nav) !important;
}
@media (max-width: 767px) {
    .skin-firstcar .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255,255,255,0.07) !important;
    }
    .skin-firstcar .main-header .navbar .dropdown-menu li a {
        color: #C8C8DD !important;
    }
    .skin-firstcar .main-header .navbar .dropdown-menu li a:hover {
        background: var(--fc-orange-bg) !important;
        color: var(--fc-orange) !important;
    }
}

/* ════════════════════════════════════════
   SIDEBAR
════════════════════════════════════════ */
.skin-firstcar .wrapper,
.skin-firstcar .main-sidebar,
.skin-firstcar .left-side {
    background-color: var(--fc-dark-sidebar) !important;
}
.skin-firstcar .main-sidebar {
    border-right: 1px solid rgba(255,255,255,0.05) !important;
    box-shadow: 2px 0 20px rgba(0,0,0,0.4) !important;
}
.skin-firstcar .content-header {
    background: transparent !important;
}
.skin-firstcar .content-header h1 {
    color: #1a1a2e !important;
}
/* Liens sidebar */
.skin-firstcar .sidebar a {
    color: var(--fc-sidebar-text) !important;
    transition: color 0.2s ease !important;
}
.skin-firstcar .sidebar a:hover {
    color: #fff !important;
    text-decoration: none !important;
}
.skin-firstcar .user-panel > .info,
.skin-firstcar .user-panel > .info > a {
    color: var(--fc-sidebar-text) !important;
}
/* Items de menu */
.skin-firstcar .sidebar-menu > li {
    -webkit-transition: border-left-color 0.2s ease, background 0.2s ease;
    -o-transition: border-left-color 0.2s ease, background 0.2s ease;
    transition: border-left-color 0.2s ease, background 0.2s ease;
}
.skin-firstcar .sidebar-menu > li.header {
    color: var(--fc-sidebar-muted) !important;
    background: var(--fc-dark-sidebar) !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
    padding: 10px 14px 4px !important;
}
.skin-firstcar .sidebar-menu > li > a {
    border-left: 3px solid transparent !important;
    color: var(--fc-sidebar-text) !important;
    font-weight: 500 !important;
    padding: 11px 15px 11px 18px !important;
}
.skin-firstcar .sidebar-menu > li:hover > a,
.skin-firstcar .sidebar-menu > li.active > a {
    color: #fff !important;
    background: var(--fc-dark-hover) !important;
}
.skin-firstcar .sidebar-menu > li.active {
    border-left-color: var(--fc-orange) !important;
}
.skin-firstcar .sidebar-menu > li.active > a {
    font-weight: 700 !important;
    color: var(--fc-orange-light) !important;
}
.skin-firstcar .sidebar-menu > li > .treeview-menu {
    background: var(--fc-dark-sidebar2) !important;
    border-left: 3px solid rgba(255,107,0,0.15) !important;
}
.skin-firstcar .sidebar-menu .treeview-menu > li > a {
    color: var(--fc-sidebar-muted) !important;
    padding-left: 22px !important;
}
.skin-firstcar .sidebar-menu .treeview-menu > li.active > a,
.skin-firstcar .sidebar-menu .treeview-menu > li > a:hover {
    color: var(--fc-orange-light) !important;
    background: transparent !important;
}
.skin-firstcar .sidebar-menu .treeview-menu > li.active > a {
    color: var(--fc-orange) !important;
    font-weight: 600 !important;
}
/* Icônes sidebar */
.skin-firstcar .sidebar-menu > li > a > .fa,
.skin-firstcar .sidebar-menu > li > a > .fas,
.skin-firstcar .sidebar-menu > li > a > .far,
.skin-firstcar .sidebar-menu > li > a > .fab,
.skin-firstcar .sidebar-menu > li > a > .fal,
.skin-firstcar .sidebar-menu > li > a > .fad {
    color: var(--fc-sidebar-muted) !important;
    width: 20px !important;
    margin-right: 8px !important;
    transition: color 0.2s ease !important;
}
.skin-firstcar .sidebar-menu > li:hover > a > .fa,
.skin-firstcar .sidebar-menu > li:hover > a > .fas,
.skin-firstcar .sidebar-menu > li.active > a > .fa,
.skin-firstcar .sidebar-menu > li.active > a > .fas {
    color: var(--fc-orange) !important;
}
/* Recherche sidebar */
.skin-firstcar .sidebar-form {
    border-radius: 4px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    margin: 10px 10px !important;
    background: rgba(255,255,255,0.04) !important;
}
.skin-firstcar .sidebar-form input[type="text"] {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--fc-sidebar-text) !important;
}
.skin-firstcar .sidebar-form input[type="text"]:focus {
    border-color: var(--fc-orange-border) !important;
}
.skin-firstcar .sidebar-form .btn {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--fc-sidebar-muted) !important;
}
/* Scrollbar sidebar */
.skin-firstcar .main-sidebar::-webkit-scrollbar { width: 4px !important; }
.skin-firstcar .main-sidebar::-webkit-scrollbar-track { background: var(--fc-dark-sidebar) !important; }
.skin-firstcar .main-sidebar::-webkit-scrollbar-thumb { background: rgba(255,107,0,0.3) !important; border-radius: 2px !important; }

/* ════════════════════════════════════════
   CONTENT WRAPPER
════════════════════════════════════════ */
.skin-firstcar .content-wrapper {
    background-color: #F4F5F7 !important;
}

/* ════════════════════════════════════════
   BOUTONS — Remplacer le vert par l'orange
════════════════════════════════════════ */

/* btn-success → orange */
.btn-success,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: var(--fc-orange) !important;
    border-color: var(--fc-orange-hover) !important;
    color: #fff !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: var(--fc-orange-hover) !important;
    border-color: #B34400 !important;
    color: #fff !important;
}

/* btn-primary → orange foncé */
.btn-primary {
    background-color: var(--fc-orange) !important;
    border-color: var(--fc-orange-hover) !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--fc-orange-hover) !important;
    border-color: #B34400 !important;
}

/* Gradient orange pour les CTA */
.fc-orange-btn,
.btn-fc-orange {
    background: linear-gradient(135deg, var(--fc-orange) 0%, var(--fc-orange-hover) 100%) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 14px var(--fc-orange-glow) !important;
    transition: all 0.25s ease !important;
}
.fc-orange-btn:hover,
.btn-fc-orange:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(255,107,0,0.40) !important;
    color: #fff !important;
}

/* ════════════════════════════════════════
   LIENS
════════════════════════════════════════ */
.skin-firstcar a.text-primary,
.text-primary { color: var(--fc-orange) !important; }

a.text-success,
.text-success { color: #16A34A !important; }

/* ════════════════════════════════════════
   LABELS / BADGES
════════════════════════════════════════ */
.label-success,
.badge-success {
    background-color: var(--fc-orange) !important;
}
.label-primary,
.badge-primary {
    background-color: var(--fc-orange) !important;
}

/* ════════════════════════════════════════
   INFO BOXES (small-box)
════════════════════════════════════════ */
.small-box.bg-orange {
    background-color: var(--fc-orange) !important;
}
.small-box.bg-primary {
    background-color: var(--fc-orange) !important;
}
/* Hover overlay */
.small-box:hover .icon { font-size: 100px; }
.small-box .inner { padding: 10px; color: #fff; }

/* ════════════════════════════════════════
   BOXES (panels)
════════════════════════════════════════ */
.box.box-primary { border-top-color: var(--fc-orange) !important; }
.box.box-success { border-top-color: #16A34A !important; }
.box-header.with-border { border-bottom: 1px solid #eee; }
.box-header.bg-orange,
.box-header .box-title.text-primary { color: var(--fc-orange) !important; }

/* ════════════════════════════════════════
   NAV TABS
════════════════════════════════════════ */
.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: var(--fc-orange) !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-top: 3px solid var(--fc-orange) !important;
    color: var(--fc-orange) !important;
}
.nav-tabs > li > a:hover {
    color: var(--fc-orange) !important;
}

/* ════════════════════════════════════════
   PAGINATION
════════════════════════════════════════ */
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    background-color: var(--fc-orange) !important;
    border-color: var(--fc-orange) !important;
    color: #fff !important;
}
.pagination > li > a:hover,
.pagination > li > span:hover {
    color: var(--fc-orange) !important;
    border-color: var(--fc-orange-border) !important;
}

/* ════════════════════════════════════════
   DATATABLES
════════════════════════════════════════ */
table.dataTable thead th {
    background-color: #1a1a2e !important;
    color: var(--fc-sidebar-text) !important;
    border-bottom: 2px solid rgba(255,107,0,0.3) !important;
}
table.dataTable thead th:hover {
    background-color: #252538 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: linear-gradient(135deg, var(--fc-orange), var(--fc-orange-hover)) !important;
    border-color: var(--fc-orange) !important;
    color: #fff !important;
    border-radius: 4px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--fc-orange-bg) !important;
    border-color: var(--fc-orange-border) !important;
    color: var(--fc-orange) !important;
    border-radius: 4px !important;
}
/* Boutons export DataTables */
.dt-buttons .dt-button,
.dt-button {
    background: var(--fc-dark-nav) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: var(--fc-sidebar-text) !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
}
.dt-buttons .dt-button:hover,
.dt-button:hover {
    background: var(--fc-orange-bg) !important;
    border-color: var(--fc-orange-border) !important;
    color: var(--fc-orange) !important;
}

/* ════════════════════════════════════════
   FORMULAIRES
════════════════════════════════════════ */
.form-control:focus {
    border-color: var(--fc-orange) !important;
    box-shadow: 0 0 0 3px var(--fc-orange-glow) !important;
}
.has-success .form-control,
.has-success .input-group-addon {
    border-color: #16A34A !important;
}
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--fc-orange) !important;
    box-shadow: 0 0 0 3px var(--fc-orange-glow) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--fc-orange) !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--fc-orange) !important;
    border-color: var(--fc-orange-hover) !important;
    color: #fff !important;
}

/* ════════════════════════════════════════
   PROGRESS BARS
════════════════════════════════════════ */
.progress-bar,
.progress-bar-success,
.progress-bar-primary {
    background-color: var(--fc-orange) !important;
}

/* ════════════════════════════════════════
   ALERTS
════════════════════════════════════════ */
.alert-success {
    background-color: rgba(22,163,74,0.1) !important;
    border-color: rgba(22,163,74,0.3) !important;
    color: #166534 !important;
}

/* ════════════════════════════════════════
   BREADCRUMB
════════════════════════════════════════ */
.breadcrumb > .active {
    color: var(--fc-orange) !important;
}
.breadcrumb a {
    color: #6B7280 !important;
}
.breadcrumb a:hover {
    color: var(--fc-orange) !important;
}

/* ════════════════════════════════════════
   CONTENT HEADER
════════════════════════════════════════ */
.content-header > h1 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
}
.content-header > h1 > small {
    color: #6B7280 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

/* ════════════════════════════════════════
   DROPDOWN MENUS
════════════════════════════════════════ */
.skin-firstcar .navbar-custom-menu .dropdown-menu {
    background: #1a1a2e !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}
.skin-firstcar .navbar-custom-menu .dropdown-menu li > a {
    color: var(--fc-sidebar-text) !important;
}
.skin-firstcar .navbar-custom-menu .dropdown-menu li > a:hover {
    background: var(--fc-orange-bg) !important;
    color: var(--fc-orange-light) !important;
}
/* Notifications dropdown */
.skin-firstcar .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.skin-firstcar .navbar-nav > .messages-menu > .dropdown-menu > li.header,
.skin-firstcar .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
    background: var(--fc-dark-nav) !important;
    color: #fff !important;
    border-radius: 4px 4px 0 0 !important;
}
.skin-firstcar .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.skin-firstcar .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.skin-firstcar .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
    background: var(--fc-dark-nav) !important;
    color: var(--fc-orange-light) !important;
}

/* ════════════════════════════════════════
   TABLE PDF — Remplacer bleu par orange-dark
════════════════════════════════════════ */
.table-pdf thead tr,
.blue-heading,
.blue-header th {
    background-color: #1a1a2e !important;
    color: #fff !important;
}

/* ════════════════════════════════════════
   POS TAB
════════════════════════════════════════ */
div.pos-tab-menu div.list-group > a.active,
div.pos-tab-menu div.list-group > a.active .glyphicon,
div.pos-tab-menu div.list-group > a.active .fa {
    background-color: var(--fc-orange) !important;
    color: #ffffff !important;
    border-color: var(--fc-orange) !important;
}
div.pos-tab-menu div.list-group > a.active:after {
    border-left-color: var(--fc-orange) !important;
}
.active-cell {
    border: 2px dotted var(--fc-orange) !important;
}
.add-product-price-table th,
.table-th-green th {
    background-color: var(--fc-orange) !important;
    color: white !important;
}

/* ════════════════════════════════════════
   SCROLLBAR GLOBAL
════════════════════════════════════════ */
::-webkit-scrollbar { width: 6px !important; height: 6px !important; }
::-webkit-scrollbar-track { background: #f0f0f0 !important; }
::-webkit-scrollbar-thumb { background: rgba(255,107,0,0.4) !important; border-radius: 3px !important; }
::-webkit-scrollbar-thumb:hover { background: var(--fc-orange) !important; }

/* ════════════════════════════════════════
   ICHECK — CHECKBOX / RADIO
════════════════════════════════════════ */
.icheckbox_square-blue.checked,
.iradio_square-blue.checked {
    background-color: var(--fc-orange) !important;
    border-color: var(--fc-orange) !important;
}

/* ════════════════════════════════════════
   USER PANEL (sidebar)
════════════════════════════════════════ */
.skin-firstcar .sidebar .user-panel {
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
    padding: 12px 14px !important;
}

/* ════════════════════════════════════════
   BADGE ONLINE INDICATOR
════════════════════════════════════════ */
#online_indicator { color: #22C55E !important; }

/* ════════════════════════════════════════
   REPAIR / SMARTGARAGE MODULE
════════════════════════════════════════ */
/* Liens "Plus d'infos" dans les stats */
a[href*="repair"],
a[href*="smartgarage"],
.text-primary-repair {
    color: var(--fc-orange) !important;
}

/* ════════════════════════════════════════
   CARDS / BOXES PERSONNALISÉES
════════════════════════════════════════ */
.bg-primary-fc {
    background: linear-gradient(135deg, var(--fc-orange), var(--fc-orange-hover)) !important;
    color: #fff !important;
}
.border-primary-fc {
    border-color: var(--fc-orange) !important;
}
.text-primary-fc {
    color: var(--fc-orange) !important;
}

/* ════════════════════════════════════════
   HEADER TOPBAR — Boutons ROLE/SITE/POS
════════════════════════════════════════ */
.skin-firstcar .main-header .btn-success,
.skin-firstcar .main-header .btn-primary {
    background: rgba(255,107,0,0.15) !important;
    border: 1px solid rgba(255,107,0,0.35) !important;
    color: var(--fc-orange-light) !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
}
.skin-firstcar .main-header .btn-success:hover,
.skin-firstcar .main-header .btn-primary:hover {
    background: rgba(255,107,0,0.25) !important;
    color: #fff !important;
}
.skin-firstcar .main-header .btn-danger {
    background: rgba(220,38,38,0.15) !important;
    border: 1px solid rgba(220,38,38,0.35) !important;
    color: #FCA5A5 !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
}
.skin-firstcar .main-header .btn-danger:hover {
    background: rgba(220,38,38,0.3) !important;
    color: #fff !important;
}

/* ════════════════════════════════════════
   DATE FILTER / DATERANGEPICKER
════════════════════════════════════════ */
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--fc-orange) !important;
    border-color: var(--fc-orange) !important;
}
.daterangepicker td.in-range {
    background-color: rgba(255,107,0,0.12) !important;
}
.daterangepicker .ranges li.active {
    background-color: var(--fc-orange) !important;
    border-color: var(--fc-orange) !important;
}
.daterangepicker .ranges li:hover {
    background-color: var(--fc-orange-bg) !important;
    border-color: var(--fc-orange-border) !important;
}

/* ════════════════════════════════════════
   TOASTR NOTIFICATIONS
════════════════════════════════════════ */
.toast-success {
    background-color: var(--fc-orange) !important;
}

/* ════════════════════════════════════════
   DASHBOARD WIDGETS / INFO BOX
════════════════════════════════════════ */
.info-box-icon.bg-orange,
.info-box-icon.bg-yellow {
    background: linear-gradient(135deg, var(--fc-orange), var(--fc-orange-hover)) !important;
}
/* Liens "Plus d'infos" dans les boxes */
.info-box + a,
a.info-box-more-link {
    color: var(--fc-orange) !important;
}

/* ════════════════════════════════════════
   REPAIR MODULE SPECIFIC
════════════════════════════════════════ */
/* Barre nav module Repair */
.repair-nav-active,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: var(--fc-orange) !important;
    color: #fff !important;
}
.nav-pills > li > a:hover {
    background-color: var(--fc-orange-bg) !important;
    color: var(--fc-orange) !important;
}

/* ════════════════════════════════════════
   TIMELINE
════════════════════════════════════════ */
.timeline > li > .timeline-item > .timeline-header {
    border-bottom-color: rgba(255,107,0,0.2) !important;
}
.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
    background-color: var(--fc-orange) !important;
}

/* ════════════════════════════════════════
   WIZARD
════════════════════════════════════════ */
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
    background: var(--fc-orange) !important;
}
.wizard > .steps .done a,
.wizard > .steps .done a:hover {
    background: var(--fc-orange-hover) !important;
}

/* ════════════════════════════════════════
   REPAIR DASHBOARD — Stats colors
════════════════════════════════════════ */
.border-left-success { border-left-color: var(--fc-orange) !important; }
a.text-success { color: var(--fc-orange) !important; }

/* ════════════════════════════════════════
   OVERRIDES COULEURS ADMINLTE UTILITAIRES
   Tous les verts/violets/marines → orange
════════════════════════════════════════ */

/* --- small-box bg-green → orange gradient --- */
.small-box.bg-green,
.small-box.bg-olive,
.small-box.bg-teal {
    background: linear-gradient(135deg, var(--fc-orange), var(--fc-orange-hover)) !important;
}

/* --- info-box-icon bg-green → orange --- */
.info-box-icon.bg-green,
.info-box-icon.bg-olive,
.info-box-icon.bg-teal {
    background-color: var(--fc-orange) !important;
}

/* --- Boutons bg-green / bg-olive / bg-purple → orange --- */
.btn.bg-green, .btn.bg-olive, .btn.bg-teal,
.btn.bg-purple, .btn.bg-navy, .btn.bg-maroon {
    background-color: var(--fc-orange) !important;
    border-color: var(--fc-orange-hover) !important;
    color: #fff !important;
}
.btn.bg-green:hover, .btn.bg-olive:hover, .btn.bg-teal:hover,
.btn.bg-purple:hover, .btn.bg-navy:hover, .btn.bg-maroon:hover {
    background-color: var(--fc-orange-hover) !important;
    color: #fff !important;
}

/* --- Table rows / misc bg-green → subtle orange tint --- */
tr.bg-green, .bg-green:not(.small-box):not(.info-box-icon):not(.btn) {
    background-color: rgba(255,107,0,0.08) !important;
    color: inherit !important;
}

/* --- Text green utilities --- */
.text-green, .text-success-alt { color: var(--fc-orange) !important; }

/* --- Toutes les classes bg-* dans la navbar → orange glass --- */
.skin-firstcar .main-header .bg-green,
.skin-firstcar .main-header .bg-olive,
.skin-firstcar .main-header .bg-teal,
.skin-firstcar .main-header .bg-navy,
.skin-firstcar .main-header .bg-maroon,
.skin-firstcar .main-header .bg-purple {
    background-color: rgba(255,107,0,0.15) !important;
    color: var(--fc-orange-light) !important;
}