:root{--noir:#0f172a;--or:#047857;--or-vif:#c5d930;--creme:#f1f5f9;--fond:#f8fafc;--blanc:#fff;--gris:#475569;--ligne:#e2e8f0;--ok:#047857;--ko:#b91c1c;--att:#b45309;--ambre-fond:#fef3c7;--rouge-fond:#fee2e2;--vert-fond:#d1fae5;--lime:#c5d930}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;font-family:Inter,"Segoe UI",Calibri,Carlito,Arial,sans-serif;background:var(--fond);color:var(--noir);line-height:1.45}
a{color:var(--or)}
a:hover{color:var(--noir)}
:focus-visible{outline:3px solid #5a430b;outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--noir);color:var(--creme);padding:8px;z-index:9}
header.top{background:var(--noir);color:var(--creme);padding:10px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-bottom:4px solid var(--or-vif)}
header.top .marque{font-family:Cambria,Caladea,Georgia,serif;font-size:1.15rem;font-weight:700;margin-right:auto}
header.top .tag{font-size:.8rem;background:var(--or-vif);color:var(--noir);padding:2px 8px;border-radius:3px;font-weight:700}
nav.menu{background:var(--blanc);border-bottom:1px solid var(--ligne);display:flex;flex-wrap:wrap;gap:0;padding:0 8px}
nav.menu a{padding:12px 14px;text-decoration:none;color:var(--noir);border-bottom:3px solid transparent;font-weight:600;min-height:44px}
nav.menu a[aria-current="page"]{border-bottom-color:var(--or-vif);color:var(--or)}
nav.menu a:hover{background:var(--creme)}
main{max-width:1100px;margin:0 auto;padding:16px}
h1{font-family:Cambria,Caladea,Georgia,serif;font-size:1.7rem;margin:.2em 0 .1em}
h2{font-family:Cambria,Caladea,Georgia,serif;font-size:1.2rem;margin:1.4em 0 .5em;color:var(--or);border-bottom:2px solid var(--or-vif);padding-bottom:3px}
.sub{color:var(--gris);margin:0 0 12px}
.card{background:var(--blanc);border:1px solid var(--ligne);border-radius:6px;padding:12px 14px;margin:10px 0}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:10px 0}
.tile{background:var(--blanc);border:1px solid var(--ligne);border-left:6px solid var(--or-vif);border-radius:6px;padding:10px 14px}
.tile .n{font-size:2rem;font-weight:700;line-height:1.1}.tile .l{color:var(--gris);font-size:.95rem}
.tile.alerte{border-left-color:var(--ko)}.tile.ok{border-left-color:var(--ok)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:800px){.grid2{grid-template-columns:1fr}}
table{border-collapse:collapse;width:100%;background:var(--blanc);font-size:.95rem}
th{background:var(--noir);color:var(--creme);text-align:left;padding:8px;font-weight:600}
td{border-bottom:1px solid var(--ligne);padding:8px;vertical-align:top}
.tablewrap{overflow-x:auto;border:1px solid var(--ligne);border-radius:6px}
.badge{display:inline-block;padding:1px 8px;border-radius:12px;font-size:.82rem;font-weight:700;border:1px solid var(--noir);background:var(--blanc);white-space:nowrap}
.badge.fait{background:#e3f2e6;border-color:var(--ok);color:var(--ok)}
.badge.retard,.badge.bloque{background:#fbeaea;border-color:var(--ko);color:var(--ko)}
.badge.en_cours,.badge.en_attente{background:#fff3d6;border-color:var(--att);color:var(--att)}
progress{appearance:none;width:100%;height:12px;border:0;border-radius:6px;overflow:hidden;background:#e2e8f0;accent-color:var(--or);--progress-color:#047857}
progress::-webkit-progress-bar{background:#e2e8f0;border-radius:6px}
progress::-webkit-progress-value{background:var(--progress-color);border-radius:6px}
progress::-moz-progress-bar{background:var(--progress-color);border-radius:6px}
.vol{display:grid;grid-template-columns:minmax(150px,1.1fr) 2fr auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--ligne)}
@media(max-width:600px){.vol{grid-template-columns:1fr}}
.btn{display:inline-block;min-height:44px;padding:10px 16px;background:var(--noir);color:var(--creme);border:2px solid var(--noir);border-radius:6px;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--or);border-color:var(--or);color:#fff}
.btn.sec{background:var(--blanc);color:var(--noir)}
.btn.sec:hover{background:var(--creme);color:var(--noir)}
.btn[disabled]{opacity:.6;cursor:wait}
label{font-weight:600;display:block;margin:8px 0 3px}
input[type=text],input[type=password],input[type=search],select,textarea{width:100%;min-height:44px;padding:8px 10px;font:inherit;border:1.5px solid #8b8b8b;border-radius:6px;background:#fff;color:var(--noir)}
textarea{min-height:90px}
.filtres{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:8px 0}
.filtres>div{flex:1;min-width:160px}
.chk{width:26px;height:26px;accent-color:var(--ok);cursor:pointer}
.note{font-size:.9rem;color:var(--gris)}
.alerte-box{border:1px solid var(--ko);background:#fbeaea;padding:10px 14px;border-radius:6px;margin:10px 0}
.info-box{border:1px solid var(--or-vif);background:#fbf5e4;padding:10px 14px;border-radius:6px;margin:10px 0}
.flash{background:#e3f2e6;border:1px solid var(--ok);padding:8px 12px;border-radius:6px;margin:8px 0;color:var(--ok);font-weight:600}
.com{border-left:4px solid var(--or-vif);background:#f7f7f7;padding:6px 10px;margin:6px 0}
.tree-0{margin-left:0}.tree-1{margin-left:22px}.tree-2{margin-left:44px}.tree-3{margin-left:66px}
.login{max-width:380px;margin:12vh auto;padding:0 16px}
.dec{background:var(--blanc);border:1px solid var(--ligne);border-left:6px solid var(--or-vif);border-radius:6px;padding:12px 14px;margin:12px 0}
.dec.tranchee{border-left-color:var(--ok)}
details summary{cursor:pointer;font-weight:600;padding:6px 0;min-height:44px}
.right{text-align:right}.nowrap{white-space:nowrap}
@media print{header.top,nav.menu,.btn{display:none}}

.lien-tile{text-decoration:none;color:inherit;display:block}
.surfonce{color:var(--creme)}
.titre-sec{border:0;margin:0}

textarea.grand{min-height:320px;font-family:Consolas,monospace;font-size:.95rem}
.badge.a_confirmer{background:#eef0ff;border-color:#2b3a8a;color:#2b3a8a}
a.alerte-box{display:block;text-decoration:none;color:inherit}
@media(max-width:480px){main{padding:10px}h1{font-size:1.4rem}.filtres>div{min-width:100%}.btn{width:100%;text-align:center}.tiles{grid-template-columns:1fr 1fr}.tile .n{font-size:1.6rem}nav.menu a{padding:10px 9px;font-size:.92rem}}

@media print{.noprint{display:none!important}.dec{break-inside:avoid}}
dl dt{font-weight:700;margin-top:6px}dl dd{margin:0 0 4px 0}

/* ---- cockpit : menu latéral (maquette Figma validée, variante A) ---- */
.app{display:flex;min-height:100vh}
.side{width:248px;flex:0 0 248px;background:#0f172a;color:#e2e8f0;padding:20px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}
.side .marque{display:flex;align-items:center;gap:10px;font-weight:700;color:#fff;margin:4px 0 22px 8px}
.side .logo{width:28px;height:28px;border-radius:7px;background:var(--lime);display:inline-block}
.side .tag{font-size:.72rem;background:var(--lime);color:#0f172a;padding:1px 6px;border-radius:3px}
nav.menu{background:transparent;border:0;display:flex;flex-direction:column;padding:0;gap:4px}
nav.menu a{color:#e2e8f0;border:0;border-radius:8px;padding:11px 12px;min-height:44px;font-weight:500;text-decoration:none;display:flex;align-items:center;justify-content:space-between}
nav.menu a:hover{background:#1e293b;color:#fff}
nav.menu a[aria-current="page"]{background:var(--lime);color:#0f172a;font-weight:700}
.compteur{background:var(--lime);color:#0f172a;border-radius:10px;padding:0 8px;font-size:.8rem;font-weight:700}
nav.menu a[aria-current="page"] .compteur{background:#0f172a;color:#fff}
.side form.quitter{margin-top:auto;padding-top:16px}
.side .btn{width:100%;background:#1e293b;color:#fff;border-color:#334155;font-size:.9rem}
.app main{flex:1;min-width:0;max-width:1240px;margin:0;padding:28px 32px}
@media(max-width:900px){.app{flex-direction:column}.side{width:100%;flex:none;height:auto;position:static;padding:10px 12px}.side .marque{margin:0 0 8px}
 nav.menu{flex-direction:row;flex-wrap:wrap;gap:4px}nav.menu a{white-space:nowrap}.side form.quitter{margin:6px 0 0;padding:0}.side .btn{width:auto;min-height:36px;padding:4px 12px}.app main{padding:14px 16px}}
h2{color:var(--noir);border-bottom:0;font-size:1.15rem;margin:1.6em 0 .6em}
h1{font-size:1.9rem;color:var(--noir)}
.tile{border-left:4px solid var(--lime);box-shadow:0 1px 2px rgba(15,23,42,.06)}
.tile.alerte,.tile.rouge{border-left-color:var(--ko)}.tile.ok,.tile.vert{border-left-color:var(--ok)}.tile.ambre{border-left-color:#d97706}.tile.gris{border-left-color:#94a3b8}
.alerte-box{border-color:#d97706;background:var(--ambre-fond)}
.info-box{border-color:#cbd5e1;background:#f1f5f9}
.badge{border-color:#cbd5e1}
.badge.rouge{background:var(--rouge-fond);border-color:var(--ko);color:var(--ko)}.badge.ambre{background:var(--ambre-fond);border-color:#d97706;color:var(--att)}.badge.vert{background:var(--vert-fond);border-color:var(--ok);color:var(--ok)}.badge.gris{background:#f1f5f9;border-color:#94a3b8;color:#475569}
.badge.hypothese,.badge.reference,.badge.modifie{background:var(--ambre-fond);border-color:#d97706;color:var(--att)}.badge.mesure,.badge.valide{background:var(--vert-fond);border-color:var(--ok);color:var(--ok)}
.btn{background:#0f172a;border-color:#0f172a;color:#fff}.btn:hover{background:#047857;border-color:#047857}.btn.sec{background:#fff;color:#0f172a;border-color:#cbd5e1}.btn.sec:hover{background:#f1f5f9;color:#0f172a}
progress{accent-color:#047857}
th{background:#0f172a;color:#fff}
th .note,th small,th .legende{color:#cbd5e1}
.skip:focus{background:#0f172a;color:#fff}
.tablewrap{background:#fff}
@media print{.side{display:none}.app main{padding:0}}

/* ---- tableau de bord ---- */
.head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.bandeau{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--ambre-fond);border:1px solid #d97706;border-radius:10px;padding:14px 18px;margin:14px 0;text-decoration:none;color:inherit}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.kpis{grid-template-columns:1fr}}
.kpi{background:#fff;border:1px solid var(--ligne);border-left:4px solid var(--lime);border-radius:10px;padding:14px 16px;box-shadow:0 1px 2px rgba(15,23,42,.06);display:block;text-decoration:none;color:inherit}
.kpi .t{color:var(--gris);font-size:.9rem}.kpi .v{font-size:1.9rem;font-weight:700;line-height:1.15;margin:4px 0}.kpi .p{font-size:.85rem;color:var(--gris)}
.kpi.rouge{border-left-color:var(--ko)}.kpi.ambre{border-left-color:#d97706}.kpi.vert{border-left-color:var(--ok)}.kpi.gris{border-left-color:#94a3b8}
.cols{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:22px}
@media(max-width:1000px){.cols{grid-template-columns:1fr}}
.carte{background:#fff;border:1px solid var(--ligne);border-radius:10px;padding:14px 18px;margin:10px 0;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.carte.decision{border-left:4px solid var(--lime)}
.jauge{display:flex;justify-content:space-between;align-items:center;gap:10px}.jauge .pc{font-size:1.6rem;font-weight:700}
.piste{height:10px;background:#f1f5f9;border-radius:6px;overflow:hidden;margin:8px 0;border:1px solid #e2e8f0}
.piste i{display:block;height:100%;background:var(--ok)}.piste i.rouge{background:var(--ko)}.piste i.ambre{background:#d97706}
.pt{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}
.pt.vert{background:var(--ok)}.pt.ambre{background:#d97706}.pt.rouge{background:var(--ko)}.pt.gris{background:#94a3b8}
.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
td.num,th.num{text-align:right}
.sc-table td,.sc-table th{padding:6px 8px}
table.fin input[type=text]{min-height:36px;width:130px;text-align:right}
table.fin td.src{font-size:.85rem;color:var(--gris);max-width:360px}
.svg-box{background:#fff;border:1px solid var(--ligne);border-radius:10px;padding:8px}
.legende span{display:inline-block;margin-right:14px;font-size:.9rem}
.legende i{display:inline-block;width:14px;height:4px;vertical-align:middle;margin-right:4px}
.verdict{font-weight:700}
.v-CONTINUER{color:#047857}.v-FINALISER{color:#b45309}.v-ARRETER{color:#b91c1c}.v-PROD{color:#1d4ed8}

.mb12{margin-bottom:12px}.pad4{padding:4px 8px}.legende i.c-prudent{background:#b91c1c}.legende i.c-central{background:#0f172a}.legende i.c-ambitieux{background:#047857}
progress.p-rouge{accent-color:#b91c1c;--progress-color:#b91c1c}progress.p-ambre{accent-color:#b45309;--progress-color:#b45309}progress.p-bleu{accent-color:#1d4ed8;--progress-color:#1d4ed8}progress.p-vert{accent-color:#047857;--progress-color:#047857}
h1,h2,h3{font-family:Inter,"Segoe UI",Calibri,Carlito,Arial,sans-serif}h3{font-size:1rem;margin:1.2em 0 .4em}

.badge.cible{background:#e0f2fe;border-color:#0369a1;color:#0369a1}

/* Relecture UX : lisibilité, clavier et petits écrans. */
main{overflow-wrap:break-word}
.menu-titre{color:#cbd5e1;font-size:.75rem;letter-spacing:.08em;font-weight:700;padding:16px 12px 4px}
.badge.info{color:#1d4ed8;background:#dbeafe;border-color:#1d4ed8}
.badge.fait,.badge.tranchee{color:#047857;background:#d1fae5;border-color:#047857}
.badge.en_attente,.badge.en_cours{color:#b45309;background:#fef3c7;border-color:#d97706}
.badge.retard,.badge.bloque{color:#b91c1c;background:#fee2e2;border-color:#b91c1c}
.piste i.bleu{background:#1d4ed8}
.jauge .pc,.score{white-space:nowrap;flex-shrink:0}
.jauge>a{min-width:0}
.resume-ligne{display:inline-flex;align-items:center;gap:10px;width:calc(100% - 24px);vertical-align:middle}
.resume-titre{flex:1;min-width:0}
.resume-ligne progress{flex:0 0 90px;height:8px}
.resume-ligne .badge{white-space:normal}
.dec>summary{color:#0f172a}
.dec[open]>summary{border-bottom:1px solid var(--ligne);margin-bottom:12px}
.commandes-details .btn{width:auto}
.commandes-details{display:none}
.js .commandes-details{display:flex}
.commentaire{flex:1 1 100%}
.tablewrap{max-width:100%;min-width:0}
.tablewrap:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
td,th{overflow-wrap:normal;word-break:normal;hyphens:manual}
.tablewrap table{min-width:680px}
.tablewrap .plateformes-table{table-layout:auto;min-width:1180px;font-size:.9rem}
.plateformes-table td,.plateformes-table th{white-space:normal}
.plateformes-table td:nth-child(1),.plateformes-table th:nth-child(1){min-width:190px}
.plateformes-table td:nth-child(2),.plateformes-table th:nth-child(2){min-width:280px}
.plateformes-table td:nth-child(3),.plateformes-table th:nth-child(3){min-width:170px}
.plateformes-table td:nth-child(4),.plateformes-table th:nth-child(4){min-width:130px}
.plateformes-table td:nth-child(5),.plateformes-table th:nth-child(5){min-width:150px}
.plateformes-table td:nth-child(6),.plateformes-table th:nth-child(6){min-width:210px}
.plateformes-table td:nth-child(7),.plateformes-table th:nth-child(7){min-width:240px}
details.sec{margin:16px 0;min-width:0}
details.sec>summary{font-size:1.15rem;color:var(--noir)}
.kpis>*,.cols>*,.grid2>*,.bandeau>*,.filtres>*{min-width:0;max-width:100%}
.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.btn,input,select,textarea{max-width:100%}
.btn{white-space:normal;overflow-wrap:break-word}
.chk{width:44px;height:44px}
:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}
.side :focus-visible{outline-color:#c5d930}
main a:not(.btn):not(.tile):not(.kpi):not(.bandeau){display:inline-block;min-height:44px;align-content:center}
@media(max-width:900px){
 .menu-titre{display:none}
 nav.menu{flex-wrap:wrap}
 nav.menu a{flex:1 1 auto;gap:8px;min-height:44px;font-size:0.9rem}
 .side{min-width:0;max-width:100%}
 .side .btn{min-height:44px}
}
@media(max-width:800px){.grid2{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){
 .resume-ligne{flex-wrap:wrap}
 .resume-titre{flex-basis:100%}
 .resume-ligne progress{flex:1 1 70px}
 .tree-1,.tree-2,.tree-3{margin-left:0}
 .tiles{grid-template-columns:minmax(0,1fr)}
 .badge{white-space:normal}
 .bandeau{padding:12px}
 .filtres>div{min-width:0;flex-basis:100%}
}

img,svg{max-width:100%;height:auto}
@media(min-width:1200px){
 details:not([open])>summary .resume-titre{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:600px){.vol .nowrap{white-space:normal}}

details[open]>summary,details[open]>summary .resume-titre{white-space:normal;overflow:visible;text-overflow:clip}

/* Bénin : détails lisibles et focus des tableaux défilants. */
.benin-douane dt { font-weight: 700; margin-top: 1rem; }
.benin-douane dd { margin-left: 0; }
.tablewrap:focus-visible { outline: 3px solid #1d4ed8; outline-offset: 3px; }

/* Accueil v2 : trois niveaux, tuiles et saisie de l'enjeu. */
.niveau{font-size:12px;line-height:1.4;letter-spacing:.06em;font-weight:700;color:#334155;margin:22px 0 8px}
h2.niveau{padding:0;border:0}
.carte.decision h3{font-size:1rem;font-weight:700;line-height:1.45;margin:1em 0;color:inherit}
.hero{background:#fff;border:1px solid var(--ligne);border-left:6px solid #94a3b8;border-radius:10px;padding:16px 18px;margin:8px 0 14px;min-width:0;max-width:100%}
.hero.rouge{border-left-color:var(--ko);background:var(--rouge-fond)}
.hero.ambre{border-left-color:#d97706;background:var(--ambre-fond)}
.hero.vert{border-left-color:var(--ok);background:var(--vert-fond)}
.hero.gris{border-left-color:#94a3b8;background:#f8fafc}
.hero-titre{font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 8px;color:var(--noir)}
.hero progress{margin:8px 0}
.tuiles{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:14px 0}
.tuile{background:#fff;border:1px solid var(--ligne);border-left:4px solid var(--lime);border-radius:10px;padding:14px 16px;box-shadow:0 1px 2px rgba(15,23,42,.06);min-width:0;max-width:100%}
.tuile .t{color:#334155;font-size:.9rem;font-weight:700}
.tuile .v{font-size:1.35rem;font-weight:700;line-height:1.25;margin:6px 0}
.tuile .p{font-size:.95rem;margin:6px 0}
.tuile.rouge{border-left-color:var(--ko)}
.tuile.ambre{border-left-color:#d97706}
.tuile.vert{border-left-color:var(--ok)}
.tuile.gris{border-left-color:#94a3b8}
.liste-decisions{margin:8px 0;padding-left:1.2em}
.liste-decisions li{margin:2px 0}
.enjeu-resume{font-weight:600}
.enjeu-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:8px 0 12px}
.enjeu-form label{flex:1 0 100%;margin:0}
.enjeu-form input[type=text]{flex:1 1 12rem;width:auto;max-width:16rem;min-width:0}
.enjeu-form .btn{width:auto}
@media(min-width:1280px){.tuiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:480px){.enjeu-form input[type=text],.enjeu-form .btn{flex:1 1 100%;max-width:100%;width:100%}}

.benin-kpis { grid-template-columns: repeat(auto-fit,minmax(min(100%,270px),1fr)); }
.benin-kpis .v { font-size: 1.35rem; white-space: nowrap; }
.benin-kpis .gris .v { color: var(--gris); font-size: 1rem; white-space: normal; }
.benin-kpis .v { font-variant-numeric: tabular-nums; }
.benin-kpis .benin-explication { display: block; white-space: normal; font-size: .85rem; font-weight: normal; color: var(--gris); }

/* Plan V3 : lecture seule, hors projections. */
.plan-v3{min-width:0;font-size:1rem}
.plan-v3-liens{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.plan-v3-fiche{scroll-margin-top:16px;min-width:0}
.plan-v3-fiche>summary>h2{display:inline;margin:0;font-size:1.15rem}
.plan-v3 li{margin:10px 0}
/* 08/10/2026 : tableau par structure (/finance), mise en forme seulement */
.legende-pts{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:.9rem;color:var(--gris);margin:6px 0}
.legende-item{white-space:normal}
.tableau-defile{max-height:75vh;overflow:auto}
.sc-structures thead th{position:sticky;top:0;z-index:2;vertical-align:bottom}
.sc-structures .col-structure{width:16rem;min-width:15rem}
.sc-structures thead .note{color:#e2e8f0}
.sc-structures tbody .col-structure{position:sticky;left:0;z-index:1;background:var(--blanc)}
.sc-structures thead .col-structure{left:0;z-index:3}
.sc-structures .nom-structure{display:flex;align-items:baseline;gap:6px;max-width:16rem}
.sc-structures .type-structure{max-width:15rem}
.sc-structures .nom-structure .pt{flex:0 0 10px;margin-right:0;align-self:center}
main .sc-structures td.col-structure a:not(.btn):not(.tile){display:inline-block;min-height:24px;min-width:0;overflow-wrap:break-word;max-width:100%}
.sc-structures .type-structure{display:block;margin-left:16px;line-height:1.3}
.sc-structures .marge{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.sc-structures .num .note{white-space:normal;display:inline-block;max-width:14rem}
.sc-structures .nr{color:var(--gris);font-style:italic}
main .sc-structures td.marge a.renvoi:not(.btn){display:inline-block;min-height:24px;min-width:24px;text-align:center;font-size:.85rem}
/* Statut lisible sans la couleur : une forme par état, reprise dans la légende. */
.sc-structures .pt.ambre,.legende-pts .pt.ambre,#detail-pastilles .pt.ambre{border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%)}
.sc-structures .pt.rouge,.legende-pts .pt.rouge,#detail-pastilles .pt.rouge{border-radius:1px}
.sc-structures .pt.gris,.legende-pts .pt.gris,#detail-pastilles .pt.gris{background:transparent;box-shadow:inset 0 0 0 2px #64748b}
@media(max-width:600px){.sc-structures .col-structure{width:10.5rem;min-width:10.5rem}.sc-structures .nom-structure{max-width:10.5rem}.sc-structures .type-structure{max-width:10.5rem}.sc-structures .type-structure{margin-left:0}}
/* 08/10/2026 : page « Voir le détail » d une évolution */
mark.critere{background:var(--ambre-fond);color:var(--noir);padding:0 2px;border-radius:3px;font-weight:600}
.extrait{background:#f7f7f7;border-left:4px solid var(--ligne);padding:8px 10px;overflow-wrap:break-word}