/* =============================================================================
   FORPRO – Passage au bleu du bandeau du tableau de bord (#003f7f → #0078d4 → #2b88d8)
   Fichier généré automatiquement : chaque vert de l'interface est remplacé par son
   équivalent bleu ; les bandes tricolores du drapeau conservent leur vert.
   ============================================================================= */

:root { --c-success: #0062b1; }
:root { --c-success-bg: #e1edfa; }
.alert-success { border-color: #c3dcf5; }
.wf-edge-label-validate { fill: #003d73; }
.copilot-dot { background: #2b88d8; }
.copilot-dot { box-shadow: 0 0 0 3px rgba(43, 136, 216, 0.2); }
@keyframes cp-pulse {
  0%, 100% { box-shadow: 0 0 0 3px rgba(43, 136, 216, 0.2); }
  50%      { box-shadow: 0 0 0 6px rgba(43, 136, 216, 0.05); }
}
.al-sev-faible { background: #e1edfa; }
.al-sev-faible { color: #004a87; }
.al-etab.al-sev-faible   .al-etab-bar { background: #0062b1; }
.wf-off-hero::after { background: linear-gradient(90deg,
    #00853f 0% 33%,
    var(--sn-yellow)     33% 66%,
    var(--sn-red)        66% 100%) !important; }
.wf-off-chip-ok { background: #e1edfa; }
.wf-off-chip-ok { color: #003d73; }
.wf-off-chip-ok { border-color: #c3dcf5; }
.wf-off-scope-yes::before { background: #0062b1; }
.wf-off-scope-yes .wf-off-scope-ico { background: #e1edfa; }
.wf-off-scope-yes .wf-off-scope-ico { color: #003d73; }
.wf-off-scope-yes ul li i { color: #0062b1; }
.op-scope-chip-done { background: #e1edfa; }
.op-scope-chip-done { color: #003d73; }
.op-scope-chip-done { border-color: #c3dcf5; }
.op-etab-picker-head > i { background: var(--c-primary-50, #eef5fc); }
.op-etab-option:hover { border-color: var(--c-primary-400, #5aa6e6); }
.op-etab-option:hover { background: var(--c-primary-50, #f0f7fd); }
.op-etab-option:has(input[type="radio"]:checked) { border-color: var(--c-primary-600, #0078d4); }
.op-etab-option:has(input[type="radio"]:checked) { background: var(--c-primary-50, #f0f7fd); }
.op-etab-option:has(input[type="radio"]:checked) { box-shadow: 0 0 0 3px rgba(0, 120, 212,0.12); }
.op-etab-option:has(input[type="radio"]:checked) .op-etab-option-check { background: var(--c-primary-600, #0078d4); }
.op-etab-option:has(input[type="radio"]:checked) .op-etab-option-check { border-color: var(--c-primary-600, #0078d4); }
#pwa-offline-banner.is-online { background: rgba(0, 120, 212, 0.95); }
.pwa-install-prompt i { color: #0078d4; }
.compl-bar-btn:hover { background: var(--c-primary-50, #f0f7fd); }
.compl-bar-btn:hover { border-color: var(--c-primary-400, #5aa6e6); }
.compl-bar-btn:hover { color: var(--c-primary-800, #003d73); }
.compl-bar-btn.is-complete { background: var(--c-primary-50, #eef5fc); }
.compl-bar-btn.is-complete { border-color: var(--c-primary-400, #5aa6e6); }
.compl-bar-btn.is-complete { color: var(--c-primary-800, #003d73); }
.compl-bar-btn.is-complete .compl-bar-missing-badge,
.compl-bar-missing-badge.is-zero { background: var(--c-primary-600, #0078d4); }
.missing-section-head:hover { background: var(--c-primary-50, #f0f7fd); }
.missing-section-num { background: var(--c-primary-600, #0078d4); }
.missing-empty > i { color: var(--c-primary-600, #0078d4); }
.al-cov-done::before { background: #0078d4; }
.al-cov-done     .al-cov-icon { background: #f0f7fd; }
.al-cov-done     .al-cov-icon { color: #0078d4; }
.al-cov-done     .al-cov-pct { background: #f0f7fd; }
.al-cov-done     .al-cov-pct { color: #004a87; }
.al-cov-done     .al-cov-bar > span { background: linear-gradient(90deg, #2b88d8, #0078d4); }
:root { --c-primary-50: #eaf3fc; }
:root { --c-primary-100: #cfe4f8; }
:root { --c-primary-200: #a6cdf1; }
:root { --c-primary-300: #6fb0e8; }
:root { --c-primary-400: #3a92dd; }
:root { --c-primary-500: #1a84d8; }
:root { --c-primary-600: #0078d4; }
:root { --c-primary-700: #0062b1; }
:root { --c-primary-800: #004e8f; }
:root { --c-primary-900: #003f7f; }
.sidebar { background: linear-gradient(180deg, #00264d 0%, #003566 100%); }
.sidebar-brand::after { background: linear-gradient(90deg,
    #00853f 0%, #00853f 33%,
    var(--sn-yellow)     33%, var(--sn-yellow)     66%,
    var(--sn-red)        66%, var(--sn-red)        100%) !important; }
.nav-item.active { background: linear-gradient(90deg, rgba(0, 120, 212,0.22) 0%, rgba(0, 120, 212,0.08) 100%); }
.btn-primary { box-shadow: 0 2px 6px rgba(0, 120, 212,0.18); }
.btn-primary:hover:not(:disabled) { box-shadow: 0 4px 12px rgba(0, 120, 212,0.26); }
input:not([type="radio"]):not([type="checkbox"]):focus,
select:focus,
textarea:focus { box-shadow: 0 0 0 3px rgba(0, 120, 212,0.12) !important; }
.input-icon:focus-within { box-shadow: 0 0 0 3px rgba(0, 120, 212,0.12); }
.alert-success { background: rgba(0, 120, 212,0.08); }
.profile-band::after { background: linear-gradient(90deg,
    #00853f 0% 33%,
    var(--sn-yellow)     33% 66%,
    var(--sn-red)        66% 100%) !important; }
.sidebar-brand::before { filter: drop-shadow(0 1px 1.5px rgba(0, 120, 212, 0.4)); }
.profile-band::before { filter: drop-shadow(0 1px 2px rgba(0, 120, 212, 0.4)); }
.compl-dist-high .compl-dist-fill { background: linear-gradient(90deg, #0062b1, #2b88d8); }
.profile-card::after { background: linear-gradient(90deg,
    #00853f 0% 33%,
    var(--sn-yellow)     33% 66%,
    var(--sn-red)        66% 100%) !important; }
.profile-scope i { color: #9cc9f2 !important; }
.ind-hero::after { background: linear-gradient(90deg,
    #00853f 0% 33%,  
    var(--sn-yellow)     33% 66%, 
    var(--sn-red)        66% 100% 
  ) !important; }
.isn-badge { box-shadow: 0 2px 6px rgba(0, 120, 212,0.22); }

/* ---- Page de connexion : variables de la charte passées au bleu, drapeau conservé ---- */
.auth-body { --sn-green: #0078d4; --sn-green-d: #004e8f; --sn-green-dd: #003f7f; }
.auth-body .flag-green { background: #00853f !important; }

/* ---- Menu latéral : dégradé bleu nuit reprenant le bandeau du tableau de bord ---- */
.sidebar { background: linear-gradient(180deg, #002b55 0%, #003f7f 62%, #004a94 100%) !important; }
.nav-item.active { background: linear-gradient(90deg, rgba(43, 136, 216, .38) 0%, rgba(43, 136, 216, .10) 100%) !important; border-left-color: #2b88d8 !important; }
.nav-item.active i { color: #8cc4f2 !important; }