/* =============================================================================
 * FTD 84 — Extranet partenaires — THÈME CLAIR (charte graphique V8)
 * -----------------------------------------------------------------------------
 * Décision Karl du 24/09/2026 : aligner l'extranet sur la vitrine station-ftd84.fr.
 * Chargé en DERNIER dans le <head> de chaque page (une ligne ajoutée par page) :
 * il redéfinit les variables de couleur et corrige les couleurs codées en dur.
 * Réversible : retirer la ligne <link> (ou ce fichier) rend le thème sombre d'origine.
 * Charte V8 : Rouge #D21F2A, Bleu #00549F, Gris #444444 ; fond clair #F5F5F5 →
 * texte #444444 ; fond foncé (bleu / rouge) → texte blanc.
 * ========================================================================== */

:root{
    --bg:#F5F5F5; --card:#FFFFFF; --card2:#FFFFFF;
    --border:#DADDE3; --tx:#444444; --muted:#6B6F76;
    --vert:#1D8A57; --orange:#B26A00;
}
body{background:var(--bg);color:var(--tx)}

/* ---- En-tête : bandeau blanc, logo pour fond clair ---- */
.bandeau{background:#FFFFFF;border-bottom:3px solid #D21F2A}
.bandeau-logo{background:url('/assets/img/logo_ftd84_pdf.png') left center / contain no-repeat}
.bandeau-logo img{visibility:hidden}
.bandeau-apsad{background:transparent;padding:0}
.bandeau-sep{background:#DADDE3}
.bandeau-infos{color:#6B6F76}
.bandeau-infos .bi-certif{color:#444444}
.bandeau-infos .bi-cnaps{color:#00549F}

/* ---- Navigation : bandeau bleu FTD, texte blanc ---- */
.nav-secondary{background:#00549F;border-bottom:none}
.nav-links a{color:rgba(255,255,255,0.82)}
.nav-links a:hover{color:#FFFFFF}
.nav-links a.active{color:#FFFFFF;border-bottom-color:#D21F2A}
.nav-user,.nav-user strong{color:#FFFFFF}
.btn-logout{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.55);color:#FFFFFF}
.btn-logout:hover{background:rgba(255,255,255,0.22);color:#FFFFFF}
.nav-admin-badge{background:#D21F2A;border:1px solid #D21F2A;color:#FFFFFF}

/* ---- Titres, cartes, blocs ---- */
.page-title,.welcome-title{color:#444444}
.page-title span,.welcome-title span{color:#D21F2A}
.page-sub,.welcome-sub{color:#6B6F76}
.table-wrap,.card-block,.upload-card,.section,.bloc,.filtres,.module-card,.empty-state,.totp-block,.kpi-card,.stat-card{
    background:#FFFFFF;border:1px solid #DADDE3;box-shadow:0 1px 2px rgba(0,0,0,0.04)}
.module-card:hover{border-color:#00549F}
.card-head{border-bottom:1px solid #DADDE3}
.page-footer{color:#6B6F76;border-top:1px solid #DADDE3;background:#FFFFFF}

/* ---- Tableaux ---- */
.data-table th,.releves-table th,.cases th{background:#EEF2F7;color:#444444;border-bottom:1px solid #DADDE3}
.data-table td,.releves-table td{border-bottom:1px solid #ECEEF2}
.data-table tr:hover td,.releves-table tr:hover td{background:#F7F9FC}
.cases td{border-bottom:1px solid #ECEEF2}
.num,.meta-val.num,.cellule-site .num,.parc-code{color:#00549F}
.data-table a:hover{color:#00549F}
.lien-ouvrir,.section-head a,.totp-info a{color:#00549F}

/* ---- Pastilles ---- */
.pill-vert{background:#E7F5EE;color:#1D6B45;border:1px solid #9FD4B8}
.pill-rouge{background:#FDECEE;color:#A3151F;border:1px solid #F0A7AD}
.pill-bleu{background:#E8F1FA;color:#00549F;border:1px solid #B7D3EE}
.pill-orange{background:#FFF3E3;color:#8A5200;border:1px solid #F3C98B}
.pill-gris,.pill-grey{background:#F0F0F0;color:#555555;border:1px solid #D5D5D5}
.cat-badge,.piece-badge,.msg.ftd84 .badge{background:#E8F1FA;color:#00549F;border-color:#B7D3EE}
.module-tag.bientot{background:#F0F0F0;color:#6B6F76}

/* ---- Alertes ---- */
.alert-info{background:#E8F1FA;border:1px solid #B7D3EE;color:#1F4E7A}
.alert-warn{background:#FFF6E8;border:1px solid #F3C98B;color:#7A4A00}
.alert-err,.alert-error{background:#FDECEE;border:1px solid #F0A7AD;color:#8F1520}
.alert-ok,.alert-success{background:#E7F5EE;border:1px solid #9FD4B8;color:#1D6B45}

/* ---- Formulaires ---- */
.form-group input,.form-group select,.form-group textarea,
.filtre input,.filtre select,
.champ input,.champ select,.champ textarea,
.cases input[type=text],.cases input[type=time],.cases select,
.code-input input{background:#FFFFFF;border:1px solid #C9CED6;color:#444444}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus,
.filtre input:focus,.filtre select:focus,.champ input:focus,.champ select:focus,.champ textarea:focus{border-color:#00549F;outline:none;box-shadow:0 0 0 2px rgba(0,84,159,0.15)}
.form-group select option,.filtre select option,.champ select option,.cases select option{background:#FFFFFF;color:#444444}
.form-group label,.filtre label,.champ label,.lib{color:#6B6F76}
.oblig{color:#D21F2A}
.hint,.cellule-erreur,.delai-attente{color:#8A5200}
.erreur,.delai-tard{color:#A3151F}
.secret-ok{color:#1D6B45}
.revele{color:#7A4A00;background:#FFF3D6}
.rules{color:#6B6F76}

/* ---- Boutons ---- */
.btn-secondary{background:#FFFFFF;border:1px solid #C9CED6;color:#444444}
.btn-secondary:hover{border-color:#00549F;color:#00549F}
.btn-dl{background:#E8F1FA;border:1px solid #B7D3EE;color:#00549F}
.btn-dl svg,.action-btn svg,.module-icon.bleu svg,.kpi-icon.bleu svg{stroke:#00549F}
.btn-danger,.btn-del,.btn-cloture{background:#FDECEE;border:1px solid #F0A7AD;color:#A3151F}
.module-cta{color:#00549F}
.step.inactive .step-dot{background:#E4E7EC;color:#6B6F76}
.totp-secret{background:#F5F5F5;color:#444444;border-color:#DADDE3}

/* ---- Couleurs codées en dur dans des attributs style="" (thème sombre) ---- */
[style*="#7DB8F0"],[style*="#7db8f0"]{color:#00549F !important}
[style*="#ff8a8f"],[style*="#FF8A8F"]{color:#A3151F !important}
[style*="#f0b97c"],[style*="#F0B97C"],[style*="#FFB861"]{color:#8A5200 !important}
[style*="#9fe0bf"],[style*="#8be0a8"]{color:#1D6B45 !important}
[style*="color:var(--tx)"]{color:#444444 !important}

/* ---- Pages d'authentification (titres et saisie codés en blanc) ---- */
.login-title,.title{color:#444444}
.step.active span{color:#444444}
.code-input input{color:#444444}

/* ---- Fil de discussion des réclamations ---- */
.msg-head{background:#F3F5F8;border-bottom:1px solid #ECEEF2}
.msg.partenaire .badge{background:#F0F0F0;color:#555555;border:1px solid #D5D5D5}