/* Panel 971 : jetons de couleur en double bloc (clair, sombre). */
:root{--fond:#F7F8FA;--carte:#FFFFFF;--encre:#1C2533;--doux:#5B6676;--trait:#DDE2EA;--accent:#0F6E6E;--accent-texte:#0B5C5C;--accent-fond:#E3F2F1;--ocre:#C4832E;--alerte:#A4372A;--alerte-fond:#FBEDEA;--ok:#2F7D4F}
@media (prefers-color-scheme:dark){:root{--fond:#0F141B;--carte:#171E28;--encre:#E6EAF0;--doux:#9AA5B4;--trait:#2A3442;--accent:#3FB3AA;--accent-texte:#6FD0C8;--accent-fond:#16302F;--ocre:#E0A458;--alerte:#F08A7C;--alerte-fond:#3A1F1C;--ok:#6BC28F}}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--encre);font:16px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--accent-texte)}
.cadre{max-width:920px;margin:0 auto;padding:0 16px}
.haut{background:var(--carte);border-bottom:1px solid var(--trait);position:sticky;top:0;z-index:2}
.haut .cadre:first-child{display:flex;justify-content:space-between;align-items:center;height:56px}
.marque{font-weight:700;font-size:20px;text-decoration:none;color:var(--encre);letter-spacing:-.02em}.marque b{color:var(--accent)}
.moi{text-align:right;font-size:14px;font-weight:600}.moi small{display:block;font-weight:400;color:var(--doux)}
.nav{display:flex;gap:4px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
.nav a{white-space:nowrap;padding:6px 12px;border-radius:999px;text-decoration:none;color:var(--doux);font-size:14px}
.nav a.actif{background:var(--accent-fond);color:var(--accent-texte);font-weight:600}
main{padding:24px 16px 48px}
h1{font-size:28px;line-height:1.2;margin:8px 0 16px;letter-spacing:-.02em}h2{font-size:19px;margin:28px 0 10px}h3{font-size:16px;margin:0 0 6px}
.surtitre{color:var(--ocre);font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin:0}.surtitre a{color:inherit}
.chapeau{color:var(--doux);font-size:17px}
.une{padding:40px 0}.une h1{font-size:34px;max-width:720px}
.bouton{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:10px;padding:12px 20px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.bouton.petit{padding:6px 12px;font-size:14px}.bouton.discret{background:var(--accent-fond);color:var(--accent-texte)}
.encadre{background:var(--carte);border:1px solid var(--trait);border-left:4px solid var(--accent);border-radius:10px;padding:12px 16px;margin:16px 0}
.encadre.urgent{border-left-color:var(--ocre)}
.alerte{background:var(--alerte-fond);color:var(--alerte);padding:10px 14px;border-radius:8px}
.liste{padding-left:18px}.liste li{margin:6px 0}
small{color:var(--doux)}
.vide{color:var(--doux);font-style:italic}
.grille{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}@media(max-width:700px){.grille{grid-template-columns:1fr}}
.phase{margin:10px 0}.phase-tete{display:flex;justify-content:space-between;font-size:14px;margin-bottom:4px}
.barre{height:8px;background:var(--trait);border-radius:4px;overflow:hidden}.barre i{display:block;height:100%;background:var(--accent)}
.fil{list-style:none;padding:0}.fil li{padding:6px 0;border-bottom:1px solid var(--trait);font-size:15px}
.pastille{display:inline-block;font-size:12px;padding:1px 8px;border-radius:999px;background:var(--trait);color:var(--encre);vertical-align:middle}
.pastille.fait,.pastille.valide,.pastille.signe,.pastille.tranchee{background:var(--accent-fond);color:var(--ok)}
.pastille.en_cours,.pastille.a_valider,.pastille.a_signer,.pastille.en_attente{background:var(--accent-fond);color:var(--accent-texte)}
.pastille.bloque{background:var(--alerte-fond);color:var(--alerte)}
.tableau{width:100%;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}
.tableau th{text-align:left;color:var(--doux);font-weight:600;border-bottom:2px solid var(--trait);padding:6px 8px}
.tableau td{border-bottom:1px solid var(--trait);padding:8px;vertical-align:top}
.cartes{list-style:none;padding:0;display:grid;gap:10px}
.cartes a{display:block;background:var(--carte);border:1px solid var(--trait);border-radius:10px;padding:12px 16px;text-decoration:none;color:var(--encre)}
.cartes span{display:block;color:var(--doux);font-size:14px;margin:2px 0 6px}
.doc{background:var(--carte);border:1px solid var(--trait);border-radius:12px;padding:20px 24px;overflow-wrap:anywhere}
.doc table{border-collapse:collapse;width:100%;font-size:14px;display:block;overflow-x:auto}.doc th,.doc td{border:1px solid var(--trait);padding:6px 8px;text-align:left}
.doc blockquote{border-left:3px solid var(--ocre);margin:12px 0;padding:2px 14px;color:var(--doux)}
.doc-tete{margin:8px 0}
.formulaire{display:grid;gap:12px;max-width:640px}
.formulaire label{display:grid;gap:4px;font-size:14px;font-weight:600}
input,select,textarea{font:inherit;padding:10px 12px;border:1px solid var(--trait);border-radius:8px;background:var(--carte);color:var(--encre);width:100%}
.case{display:flex!important;gap:8px;font-weight:400!important;align-items:flex-start}.case input{width:auto;margin-top:4px}
.option{display:flex!important;gap:8px;align-items:center;font-weight:400!important;font-size:16px!important;background:var(--carte);border:1px solid var(--trait);border-radius:8px;padding:10px 12px}.option input{width:auto}
.deux{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.deux{grid-template-columns:1fr}}
.taches{list-style:none;padding:0}.tache{background:var(--carte);border:1px solid var(--trait);border-radius:10px;padding:12px 16px;margin:10px 0}.tache.fait{opacity:.6}
.ligne{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.ligne input{flex:1;min-width:140px;padding:6px 10px}
.commentaire{border-bottom:1px solid var(--trait);padding:8px 0}.commentaire p{margin:4px 0}
.chiffres{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.chiffres div{background:var(--carte);border:1px solid var(--trait);border-radius:10px;padding:10px 16px;min-width:140px}
.chiffres b{display:block;font-size:26px;color:var(--accent-texte)}.chiffres span{font-size:13px;color:var(--doux)}
details summary{cursor:pointer;font-weight:600}
.bas{border-top:1px solid var(--trait);padding:20px 0;font-size:13px;color:var(--doux)}