:root{--fond:#f4f6fa;--carte:#fff;--texte:#14202e;--discret:#556270;--trait:#dce2ea;--primaire:#1b5fa8;--primaire-pale:#e6eef8;--alerte-texte:#8a5a00;--danger:#a32a16;--danger-fond:#fce8e4;--bon:#1f7a4f}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fond);color:var(--texte);font-family:Times New Roman,Times,serif;font-size:17px;line-height:1.45}h1,h2{margin:0}h1{font-size:28px}h2{font-size:19px;margin-bottom:12px}p{margin:0 0 10px}.discret{color:var(--discret);font-size:15px}.page{max-width:1100px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:20px}.entete{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-start}.utilisateur{display:flex;flex-direction:column;align-items:flex-end;font-size:14px;color:var(--discret)}.lien{background:none;border:0;color:var(--primaire);text-decoration:underline;cursor:pointer;font:inherit;font-size:14px;min-height:44px}.centre{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.carte{background:var(--carte);border:1px solid var(--trait);border-radius:14px;padding:20px}.carte-login{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:4px;font-size:15px}input{font:inherit;padding:10px 12px;border:1px solid var(--trait);border-radius:10px;min-height:44px}.bouton{background:var(--primaire);color:#fff;border:0;border-radius:10px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer;min-height:44px}.bouton:disabled{opacity:.6}.alerte-erreur{background:var(--danger-fond);color:var(--danger);padding:10px 12px;border-radius:10px}.grille-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.kpi{background:var(--carte);border:1px solid var(--trait);border-radius:14px;padding:16px 20px}.kpi-label{font-size:14px;color:var(--discret)}.kpi-valeur{font-size:34px;font-weight:700}.kpi-alerte{color:var(--alerte-texte)}.onglets{display:flex;flex-wrap:wrap;gap:8px}.onglet{font:inherit;background:#fff;border:1.5px solid var(--trait);color:var(--texte);border-radius:999px;padding:8px 16px;cursor:pointer;min-height:44px}.onglet.actif{background:var(--primaire);border-color:var(--primaire);color:#fff}.statuts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.bon{color:var(--bon)}.alerte{color:var(--danger)}.barres{display:flex;flex-direction:column;gap:9px;font-size:15px}.barre-ligne{display:flex;align-items:center;gap:10px}.barre-nom{flex:0 0 100px}.barre-piste{flex:1;min-width:0}.barre-remplie{height:14px;border-radius:4px;background:var(--primaire)}.barre-valeur{flex:0 0 48px;text-align:right;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.logo-login{display:block;margin:0 auto 4px;max-width:100%;height:auto}.titre-bloc{display:flex;gap:16px;align-items:flex-start;flex:1 1 520px;min-width:0}.titre-bloc h1{line-height:1.15;margin-bottom:4px}.entete .utilisateur{flex:0 0 auto;text-align:right}.entete .utilisateur .lien{padding:0;min-height:32px}.logo-entete{border-radius:14px;flex:none;width:80px;height:80px;object-fit:contain;background:#fff;border:1px solid var(--trait);padding:4px}.barre-titre{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.barre-titre h2{margin:0}.carte-bj{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,78px);gap:6px;max-width:520px;margin:0 auto}.dep{border-radius:10px;padding:8px;display:flex;flex-direction:column;justify-content:center;font-size:14px;line-height:1.2;border:1px solid var(--trait)}.dep strong{font-size:15px}.dep-vide{background:repeating-linear-gradient(45deg,#f1f3f6,#f1f3f6 6px,#e8ebf0 6px,#e8ebf0 12px);color:var(--discret)}.barre-nom-large{flex:0 0 min(280px,42%)}.parcours{display:flex;flex-direction:column;gap:14px}.etape-tete{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px}@media (max-width: 520px){.carte-bj{grid-template-rows:repeat(6,70px)}.dep{font-size:12px;padding:6px}.dep strong{font-size:13px}}.rep-dep{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}.rep-carte svg{width:100%;height:auto;display:block;max-width:560px;margin:0 auto}.carte-texte{font-family:Times New Roman,Times,serif;paint-order:stroke}.carte-nom,.carte-val{font-size:14px;font-weight:700}.carte-pct{font-size:12px}.rep-cote{display:flex;flex-direction:column;gap:16px}.rep-total{border:1px solid var(--trait);border-radius:14px;padding:14px 16px;background:var(--primaire-pale)}.rep-total-n{font-size:30px;font-weight:700;line-height:1.15}.rep-total-n span{font-size:16px;font-weight:400;color:var(--discret)}.rep-total-r{font-size:17px;font-weight:700;color:var(--alerte-texte);margin-bottom:4px}.legende{display:flex;flex-direction:column;gap:6px;font-size:15px}.legende-titre{color:var(--discret);font-size:14px}.legende-ligne{display:flex;align-items:center;gap:10px}.pastille{width:22px;height:16px;border-radius:4px;flex:none;border:1px solid rgba(0,0,0,.08)}.pastille-vide{background:repeating-linear-gradient(45deg,#eef1f5,#eef1f5 3px,#e2e7ee 3px,#e2e7ee 6px)}.tableau-dep{margin-top:14px}.tableau-dep summary{cursor:pointer;color:var(--primaire);min-height:32px}.defile{overflow-x:auto}.tableau-dep table{border-collapse:collapse;width:100%;font-size:15px;margin-top:8px}.tableau-dep th,.tableau-dep td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--trait)}.tableau-dep th{color:var(--discret);font-weight:600}.facteurs{display:flex;flex-direction:column;gap:14px}.fact{display:flex;align-items:center;gap:14px}.fact-ic{flex:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.fact-corps{flex:1;min-width:0}.fact-tete{display:flex;justify-content:space-between;gap:12px;font-size:16px}.fact-tete strong{flex:none}.fact-piste{background:#e9edf3;border-radius:999px;height:10px;margin-top:4px;overflow:hidden}.fact-piste .barre-remplie{height:10px;border-radius:999px}.fact-n{font-size:13px;margin:2px 0 0}@media (max-width: 760px){.rep-dep{grid-template-columns:minmax(0,1fr)}.carte-nom,.carte-val{font-size:15px}.carte-pct{font-size:13px}}.bandeau-demo{background:#fff3c4;border:2px solid #d9a400;color:#5c4300;border-radius:12px;padding:12px 16px;font-size:16px}.bandeau-demo a{color:#5c4300}.carte .defile table{border-collapse:collapse;width:100%;font-size:15px;margin-top:8px}.carte .defile th,.carte .defile td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--trait)}.carte .defile th{color:var(--discret);font-weight:600}