/* Thème sombre "plan de métro" (24 juillet 2026, demande de Simon) : fond noir partout, accents colorés repris des 6 lignes de la carte d'accueil (rouge=Pilotage, jaune=Vue d'ensemble, bleu=Équipe & partenaires, violet=Moyens, vert=Communication/ validé, orange=Compte). Remplace l'ancienne charte claire/bleu marine jugée trop austère. Les anciens noms de variables (--navy, --green, --card...) sont conservés en alias pour ne pas avoir à retoucher chaque règle qui les utilise. */ :root{ --bg-page:#12131b; --bg-card:#1b1d29; --bg-card-alt:#20222f; --border:rgba(255,255,255,0.10); --border-strong:rgba(255,255,255,0.20); --text:#EDEFF5; --text-dim:#9aa0b4; --rouge:#E4483A; --rouge-bg:rgba(228,72,58,0.18); --jaune:#F0C93D; --jaune-bg:rgba(240,201,61,0.18); --bleu:#4FA8E0; --bleu-bg:rgba(79,168,224,0.18); --violet:#8B5FBF; --violet-bg:rgba(139,95,191,0.20); --vert:#3FBE72; --vert-bg:rgba(63,190,114,0.18); --orange:#F2994A; --orange-bg:rgba(242,153,74,0.18); /* alias de compatibilité */ --navy:var(--rouge); --navy-light:#c73c30; --bg:var(--bg-page); --card:var(--bg-card); --green:var(--vert); --green-bg:var(--vert-bg); --yellow:var(--jaune); --yellow-bg:var(--jaune-bg); --red:var(--rouge); --red-bg:var(--rouge-bg); --blue:var(--bleu); --blue-bg:var(--bleu-bg); --grey:var(--text-dim); --border:var(--border); } *{box-sizing:border-box;} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg-page);color:var(--text);} /* Liens génériques (24 juillet 2026, demande de Simon) : sans cette règle, les sans classe dédiée reprennent le bleu/violet "visité" par défaut du navigateur, moche sur fond sombre et incohérent avec la charte. On fixe la même couleur avant/après clic. */ a{color:var(--bleu);} a:visited{color:var(--bleu);} a:hover{color:var(--text);} .intervenant-link{text-decoration:underline;} header{background:#0d0e15;color:var(--text);padding:20px 32px;border-bottom:1px solid var(--border);} header h1{margin:0;font-size:20px;} header p{margin:4px 0 0;font-size:12.5px;color:var(--text-dim);} /* Nav "mini plan de métro" (24 juillet 2026, demande de Simon) : chaque page est une pastille aux bords arrondis, reliée à la suivante par un trait pointillé — reprend la charte graphique de la page d'accueil au lieu d'onglets alignés classiques. nav::before dessine le fil pointillé qui traverse toutes les pastilles. */ nav{position:relative;display:flex;gap:10px;align-items:center;background:#181a24;padding:14px 24px;flex-wrap:wrap;border-bottom:1px solid var(--border);} nav::before{content:"";position:absolute;left:24px;right:24px;top:50%;border-top:2px dashed var(--border-strong);z-index:0;} nav a{position:relative;z-index:1;color:var(--text-dim);padding:8px 16px;font-size:13px;text-decoration:none; background:var(--bg-card);border:2px solid var(--border-strong);border-radius:16px;font-weight:600;} nav a:hover{color:var(--text);border-color:var(--text-dim);} nav a.active{color:var(--text);font-weight:bold;background:var(--bg-card-alt);border-color:var(--text-dim);} /* Accents par ligne du plan de métro, appliqués aux liens de nav correspondants (voir base.html) — purement décoratif, garde une cohérence visuelle avec la page d'accueil sans changer la logique de navigation. */ nav a.l-rouge{border-color:rgba(228,72,58,0.5);color:var(--rouge);} nav a.l-bleu{border-color:rgba(79,168,224,0.5);color:var(--bleu);} nav a.l-violet{border-color:rgba(139,95,191,0.5);color:var(--violet);} nav a.l-vert{border-color:rgba(39,174,96,0.5);color:var(--vert);} nav a.l-orange{border-color:rgba(242,153,74,0.5);color:var(--orange);} nav a.l-rouge.active{background:var(--rouge-bg);border-color:var(--rouge);} nav a.l-bleu.active{background:var(--bleu-bg);border-color:var(--bleu);} nav a.l-violet.active{background:var(--violet-bg);border-color:var(--violet);} nav a.l-vert.active{background:var(--vert-bg);border-color:var(--vert);} nav a.l-orange.active{background:var(--orange-bg);border-color:var(--orange);} main{padding:24px 32px;max-width:1200px;margin:0 auto;} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px;} .kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px;} .kpi .num{font-size:26px;font-weight:bold;color:var(--text);} .kpi .lbl{font-size:12px;color:var(--text-dim);margin-top:4px;} section.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:20px;} .panel-head{display:flex;justify-content:space-between;align-items:center;} h2{font-size:16px;color:var(--text);margin:0 0 14px;} table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text);} th{background:var(--bg-card-alt);text-align:left;padding:8px 10px;font-size:12px;color:var(--text-dim);border-bottom:2px solid var(--border);} td{padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top;} .badge{display:inline-block;padding:3px 9px;border-radius:12px;font-size:11px;font-weight:bold;white-space:nowrap;} /* 14 juillet 2026 : déroulant de statut de candidature, coloré comme les badges (.badge-pourvu etc. réutilisées ici via le filtre candidature_class) plutôt qu'un