/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════════
   « VOIR MES ANALYSES » — la coque (barre d'onglets, sélecteur d'exercice) et deux de ses vues : Tableau de bord et
   Qualité du provisoire (2026-09-14). Même grammaire que la vue LBO du volet Financement (lbo.css) : tuiles de chiffres,
   lignes de lecture, cartes à 12 px de rayon, graphiques SVG dessinés côté C#, tableaux à chiffres alignés.
   Préfixe atb- partout. Les jetons locaux (--atb-*) sont rebranchés sur tokens.css ; toute couleur propre est posée ici
   pour le thème sombre (défaut) puis pour le clair. Mises en page : requêtes de CONTENEUR (la vue vit dans le volet plein
   écran, dans le parcours live à largeur variable, dans la page Régularisations et sur téléphone).
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════ */

/* ── Jetons ─────────────────────────────────────────────────────────────────────────────────────────────────
   Posés sur la coque, sur la racine de chaque vue ET sur le voile du détail (rendu hors de la racine). */
.atb-coque,.atb-root,.atb-pop-back{
  --atb-tp:var(--color-text-primary); --atb-t2:var(--color-text-secondary); --atb-mut:var(--color-text-muted); --atb-dim:var(--color-text-dim);
  --atb-line:var(--color-border-medium); --atb-line-2:var(--color-border-bright); --atb-in:var(--color-bg-input); --atb-in-line:var(--color-border-hover);
  --atb-pop:var(--surf-pop);
  --atb-up:var(--st-green); --atb-dn:var(--st-red); --atb-amber:var(--st-amber);
  --atb-vert:#34d399; --atb-orange:#fb923c; --atb-rouge:#f87171; --atb-feu-ink:#04121a;
  --atb-neg:#ff8f7a; --atb-ebe:#a28ff6; --atb-rn:#6aa6f8; --atb-ink:var(--brand-contrast,#03161d);
}
html[data-theme="light"] .atb-coque,html[data-theme="light"] .atb-root,html[data-theme="light"] .atb-pop-back{
  --atb-vert:#047857; --atb-orange:#c2410c; --atb-rouge:#dc2626; --atb-feu-ink:#ffffff;
  --atb-neg:#c4432c; --atb-ebe:#5b45c4; --atb-rn:#2563c9;
}

/* ═══ COQUE ═══════════════════════════════════════════════════════════════════════════════════════════════════
   Contrat de largeur commun aux volets Analyses et Cession : les vues se lisent sur 1 180 px au plus, centrées. */
.apop-plein .apop-centre.apop-large{max-width:1180px}
.apop.apop-plein.atb-coque{display:flex;flex-direction:column;font-family:var(--font-family)}
.atb-bar{position:relative;z-index:3;flex:none;container:atb-barre/inline-size;border-bottom:1px solid var(--atb-line);
  background:color-mix(in srgb,var(--atb-tp) 2.5%,transparent)}
.atb-bar-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"id tabs exo close";align-items:end;column-gap:18px;padding:0 14px 0 20px;min-height:54px}
.atb-id{grid-area:id;align-self:center;display:flex;align-items:center;gap:8px;font:700 14px/1.2 var(--font-family);color:var(--atb-tp);white-space:nowrap}
.atb-id .iku-ico{width:16px;height:16px;color:var(--brand-strong)}
.atb-tabs{grid-area:tabs;align-self:stretch;display:flex;align-items:flex-end;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.atb-tabs::-webkit-scrollbar{display:none}
.atb-tab{appearance:none;position:relative;flex:none;display:inline-flex;align-items:center;gap:7px;padding:17px 12px 15px;border:0;border-radius:8px 8px 0 0;
  background:transparent;color:var(--atb-mut);font:600 12.5px/1.2 var(--font-family);white-space:nowrap;cursor:pointer}
.atb-tab:hover{color:var(--atb-tp);background:color-mix(in srgb,var(--atb-tp) 4%,transparent)}
.atb-tab[aria-selected="true"]{color:var(--atb-tp)}
.atb-tab[aria-selected="true"]::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--brand)}
.atb-tab:focus-visible{outline:2px solid var(--brand-strong);outline-offset:-3px}
.atb-exo{grid-area:exo;align-self:center;display:flex;align-items:center;gap:8px;min-width:0}
.atb-exo-l{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--atb-mut);white-space:nowrap}
.atb-exo-dd{width:100px}
.atb-exo-dd .custom-dropdown{width:100%}
.atb-exo-dd .custom-dropdown-trigger{min-width:0;padding:6px 10px;font-weight:600;color:var(--atb-tp)}
.atb-exo-fixe{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;border:1px dashed var(--atb-line-2);font-size:12px;font-weight:600;color:var(--atb-t2);white-space:nowrap;cursor:help}
.atb-exo-fixe .iku-ico{width:12px;height:12px;color:var(--atb-mut)}
.atb-exo-fixe small{font-size:11px;font-weight:500;color:var(--atb-mut)}
/* Repère « réels seulement » (2026-09-14) : la vue ne propose que les exercices réels ; la raison est dans l'infobulle. */
.atb-exo-note{display:inline-flex;align-items:center;padding:3px 8px;border-radius:99px;border:1px dashed var(--atb-line-2);font-size:10.5px;font-weight:600;color:var(--atb-mut);white-space:nowrap;cursor:help}
.atb-exo-note:focus-visible{outline:2px solid var(--brand-strong);outline-offset:2px}
.atb-close{grid-area:close;align-self:center;appearance:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;padding:0;cursor:pointer;
  border:1px solid var(--atb-line-2);background:transparent;color:var(--atb-mut)}
.atb-close .iku-ico{width:15px;height:15px}
.atb-close:hover{color:var(--atb-tp);border-color:color-mix(in srgb,var(--atb-dn) 60%,transparent);background:color-mix(in srgb,var(--atb-dn) 10%,transparent)}
.atb-close:focus-visible{outline:2px solid var(--brand-strong);outline-offset:2px}
/* Le défileur est le seul élément qui défile : la barre d'onglets reste en place. La réserve basse laisse passer le dernier
   bloc au-dessus de la pile de boutons flottants de l'application (au-dessus du volet, à droite). */
.atb-coque .apop-content{position:relative;inset:auto;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:18px clamp(12px,3vw,28px) 168px}
@container atb-barre (max-width:1280px){
  .atb-bar-in{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"id exo close" "tabs tabs tabs";row-gap:2px;padding:8px 12px 0 16px;min-height:0}
  .atb-tab{padding:9px 11px 11px}
}
@container atb-barre (max-width:520px){
  .atb-exo-l,.atb-exo-fixe small{display:none}
  .atb-bar-in{column-gap:10px;padding-left:14px}
  .atb-tab{font-size:12px;padding:9px 10px 11px}
}

/* ═══ ATOMES COMMUNS AUX DEUX VUES ═══════════════════════════════════════════════════════════════════════════ */
.atb-root{container:atb-vue/inline-size;display:grid;gap:14px;min-width:0;font-family:var(--font-family);color:var(--atb-tp);font-size:12.5px;line-height:1.45;text-align:left}
.atb-root *,.atb-pop-back *{box-sizing:border-box}
.atb-root .iku-ico,.atb-pop-back .iku-ico{width:13px;height:13px;flex:none;vertical-align:-2px}
.atb-root b{font-weight:600}
.atb-num{font-variant-numeric:tabular-nums}
.atb-head{display:flex;align-items:flex-end;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
.atb-h{font:700 18px/1.2 var(--font-family);letter-spacing:-.01em;margin:0;color:var(--atb-tp)}
.atb-sub{font-size:12px;color:var(--atb-mut);margin:3px 0 0}
.atb-sub b{color:var(--atb-t2)}
.atb-help{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:5px;border-radius:50%;color:var(--atb-mut);cursor:help;vertical-align:-3px}
.atb-help .iku-ico{width:14px;height:14px;vertical-align:0}
.atb-help:hover,.atb-help:focus-visible{color:var(--brand-strong);outline:none}

/* Tuiles de chiffres */
.atb-kpis{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}
.atb-kpi{position:relative;padding:9px 12px;border-radius:12px;border:1px solid var(--atb-line);background:color-mix(in srgb,var(--atb-tp) 3%,transparent);
  display:grid;gap:2px;align-content:start;min-width:0;color:inherit;font:inherit;text-align:left}
.atb-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
.atb-kpi-l{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--atb-mut);min-width:0}
.atb-kpi-l small{text-transform:none;letter-spacing:0;font-weight:500;font-size:10.5px}
.atb-kpi-v{font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.15;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--atb-tp)}
.atb-kpi-v small{font-size:12px;font-weight:600;color:var(--atb-mut);margin-left:4px;letter-spacing:0}
.atb-kpi-s{font-size:10.5px;color:var(--atb-mut);line-height:1.4}
.atb-kpi-s b{color:var(--atb-t2)}
.atb-kpi.is-key{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 14%,transparent),color-mix(in srgb,var(--brand) 3%,transparent));border-color:color-mix(in srgb,var(--brand) 34%,transparent)}
.atb-kpi.is-key .atb-kpi-v{color:var(--brand-strong)}
.atb-kpi.is-sup{grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center}
.atb-kpi.is-sup>.atb-kpi-l,.atb-kpi.is-sup>.atb-kpi-s{grid-column:1/-1}
.atb-kpi.is-sup .atb-kpi-v{font-size:15px;white-space:normal;line-height:1.25;letter-spacing:-.01em}
.atb-kpi[data-level="vert"]{border-color:color-mix(in srgb,var(--atb-vert) 45%,transparent);background:color-mix(in srgb,var(--atb-vert) 7%,transparent)}
.atb-kpi[data-level="orange"]{border-color:color-mix(in srgb,var(--atb-orange) 45%,transparent);background:color-mix(in srgb,var(--atb-orange) 7%,transparent)}
.atb-kpi[data-level="rouge"]{border-color:color-mix(in srgb,var(--atb-rouge) 50%,transparent);background:color-mix(in srgb,var(--atb-rouge) 8%,transparent)}
button.atb-kpi{appearance:none;cursor:pointer;padding-right:28px}
button.atb-kpi:hover{border-color:color-mix(in srgb,var(--brand) 45%,transparent);background:color-mix(in srgb,var(--brand) 6%,transparent)}
button.atb-kpi:focus-visible{outline:2px solid var(--brand-strong);outline-offset:2px}
button.atb-kpi .atb-kpi-go{position:absolute;right:9px;top:50%;margin-top:-7px;width:14px;height:14px;color:var(--atb-mut)}
button.atb-kpi:hover .atb-kpi-go{color:var(--brand-strong)}
.atb-tr{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.atb-tr.up{color:var(--atb-up)} .atb-tr.dn{color:var(--atb-dn)} .atb-tr.eq{color:var(--atb-mut)}

/* Feux et pastilles d'état */
.atb-feu{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;flex:none;color:var(--atb-feu-ink);background:var(--atb-mut)}
.atb-feu .iku-ico{width:11px;height:11px;vertical-align:0}
.atb-feu[data-level="vert"]{background:var(--atb-vert)}
.atb-feu[data-level="orange"]{background:var(--atb-orange)}
.atb-feu[data-level="rouge"]{background:var(--atb-rouge)}
.atb-feu.lg{width:34px;height:34px;border-radius:9px}
.atb-feu.lg .iku-ico{width:18px;height:18px}
.atb-pill{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;line-height:1.3;padding:2px 8px;border-radius:99px;white-space:nowrap;
  color:var(--atb-t2);background:color-mix(in srgb,var(--atb-tp) 7%,transparent)}
.atb-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.atb-pill.vert{color:var(--atb-up);background:color-mix(in srgb,var(--atb-vert) 14%,transparent)}
.atb-pill.orange{color:var(--atb-amber);background:color-mix(in srgb,var(--atb-orange) 14%,transparent)}
.atb-pill.rouge{color:var(--atb-dn);background:color-mix(in srgb,var(--atb-rouge) 14%,transparent)}

/* Lecture : une phrase courte, le chiffre clé en gras */
.atb-read{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;padding:9px 14px;border-radius:12px;border:1px solid var(--atb-line);
  background:color-mix(in srgb,var(--atb-tp) 2%,transparent);font-size:12.5px;line-height:1.55;color:var(--atb-t2)}
.atb-read b{color:var(--atb-tp)}
.atb-read>.iku-ico{width:15px;height:15px;color:var(--brand-strong);margin-top:3px}
.atb-read p{margin:0}
.atb-read p+p{margin-top:3px}

/* Cartes, légendes, boutons */
.atb-card{border:1px solid var(--atb-line);border-radius:12px;background:color-mix(in srgb,var(--atb-tp) 2.5%,transparent);padding:12px 14px;min-width:0}
.atb-card-t{display:flex;align-items:baseline;gap:3px 10px;margin:0 0 8px;flex-wrap:wrap}
.atb-card-t h3{font:700 13px/1.25 var(--font-family);margin:0;color:var(--atb-tp)}
.atb-card-t small{font-size:11px;color:var(--atb-mut)}
.atb-card-t .r{margin-left:auto;display:inline-flex;align-items:center;gap:8px}
.atb-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:10.5px;color:var(--atb-mut);margin:0 0 4px}
.atb-legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.atb-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;background:var(--c)}
.atb-legend i.line{height:2px;width:14px;border-radius:1px}
.atb-legend i.dash{height:0;width:14px;border-radius:0;background:none;border-top:2px dashed var(--c)}
.atb-legend i.tick{height:0;width:12px;border-radius:0;background:none;border-top:2px solid var(--c)}
.atb-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:99px;padding:6px 13px;font:600 12px/1.2 var(--font-family);white-space:nowrap;cursor:pointer;
  border:1px solid var(--atb-line-2);background:transparent;color:var(--atb-t2)}
.atb-btn:hover{color:var(--atb-tp);border-color:color-mix(in srgb,var(--atb-tp) 38%,transparent)}
.atb-btn.p{background:var(--brand);border-color:var(--brand);color:var(--atb-ink)}
.atb-btn.p:hover{background:color-mix(in srgb,var(--brand) 88%,var(--atb-tp));color:var(--atb-ink)}
.atb-btn.soft{background:color-mix(in srgb,var(--brand) 14%,transparent);border-color:color-mix(in srgb,var(--brand) 38%,transparent);color:var(--atb-tp)}
.atb-btn.soft:hover{border-color:color-mix(in srgb,var(--brand) 75%,transparent)}
.atb-btn:disabled{opacity:.55;cursor:default}
.atb-btn:focus-visible,.atb-link:focus-visible{outline:2px solid var(--brand-strong);outline-offset:2px}
.atb-link{appearance:none;display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;color:var(--brand-strong);font:600 11.5px/1.3 var(--font-family);cursor:pointer}
.atb-link:hover{text-decoration:underline;text-underline-offset:2px}

/* Graphiques SVG : plusieurs dessins (340, 580, 900, et 1 240 unités pour les cartes pleine largeur), choisis selon la largeur de
   la carte qui les porte, pour que les textes gardent une taille proche de leur taille de dessin — du téléphone au parcours live
   très large. */
.atb-chart{container:atb-graph/inline-size}
.atb-root svg.atb-svg{display:block;width:100%;height:auto;overflow:visible}
.atb-root svg.atb-svg text{font-family:var(--font-family)}
.atb-v2,.atb-v3,.atb-v4{display:none}
@container atb-graph (min-width:440px){.atb-v1{display:none}.atb-v2{display:block}}
@container atb-graph (min-width:760px){.atb-v2{display:none}.atb-v3{display:block}}
@container atb-graph (min-width:1100px){.atb-chart:has(>.atb-v4) .atb-v3{display:none}.atb-v4{display:block}}
.atb-g-grid{stroke:color-mix(in srgb,var(--atb-tp) 9%,transparent);stroke-width:1}
.atb-g-base{stroke:color-mix(in srgb,var(--atb-tp) 26%,transparent);stroke-width:1}
.atb-g-ax{fill:var(--atb-mut);font-size:10px}
.atb-g-ax.on{fill:var(--atb-tp);font-weight:700}
.atb-g-ax.off{fill:var(--atb-amber);font-weight:700}
.atb-g-val{fill:var(--atb-tp);font-size:10.5px;font-weight:700}
.atb-g-val.mut{fill:var(--atb-t2);font-weight:600}
.atb-g-note{fill:var(--atb-mut);font-size:9.5px}
.atb-g-prev{fill:color-mix(in srgb,var(--atb-tp) 3.5%,transparent)}
.atb-g-sep{stroke:color-mix(in srgb,var(--atb-tp) 28%,transparent);stroke-width:1;stroke-dasharray:3 3}
.atb-g-bar{fill:color-mix(in srgb,var(--brand) 42%,transparent)}
.atb-g-bar.on{fill:var(--brand)}
.atb-g-bar.p{fill:color-mix(in srgb,var(--brand) 16%,transparent);stroke:color-mix(in srgb,var(--brand) 55%,transparent);stroke-width:1;stroke-dasharray:3 2}
.atb-g-bar.p.on{fill:color-mix(in srgb,var(--brand) 45%,transparent)}
.atb-g-bar.off{fill:color-mix(in srgb,var(--atb-orange) 30%,transparent);stroke:var(--atb-orange);stroke-width:1;stroke-dasharray:2 2}
.atb-g-bar.late{fill:color-mix(in srgb,var(--atb-orange) 62%,transparent)}
.atb-g-ref{stroke:var(--atb-tp);stroke-width:2;stroke-linecap:round;opacity:.55}
.atb-g-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.atb-g-line.ebe{stroke:var(--atb-ebe)} .atb-g-line.rn{stroke:var(--atb-rn)} .atb-g-line.cash{stroke:var(--brand)}
.atb-g-line.p{stroke-dasharray:5 4}
.atb-g-area{fill:color-mix(in srgb,var(--brand) 12%,transparent)}
.atb-g-dot{stroke:var(--atb-pop);stroke-width:1.5}
.atb-g-dot.ebe{fill:var(--atb-ebe)} .atb-g-dot.rn{fill:var(--atb-rn)} .atb-g-dot.cash{fill:var(--brand)}
.atb-g-dot.cur{fill:var(--atb-tp)} .atb-g-dot.low{fill:var(--atb-amber)}
.atb-g-t-ebe{fill:var(--atb-ebe);font-size:10.5px;font-weight:700}
.atb-g-t-rn{fill:var(--atb-rn);font-size:10.5px;font-weight:700}
.atb-g-t-low{fill:var(--atb-amber);font-size:10.5px;font-weight:700}
.atb-g-hit{fill:transparent}
.atb-g-hit:hover{fill:color-mix(in srgb,var(--atb-tp) 6%,transparent)}

/* Jauge : position d'un ratio face à ses repères */
.atb-gauge{position:relative;height:27px;margin:5px 0 1px}
.atb-gauge-t{position:absolute;left:0;right:0;top:4px;height:6px;border-radius:3px;display:flex;overflow:hidden;background:color-mix(in srgb,var(--atb-tp) 8%,transparent)}
.atb-gauge-t i{display:block;height:100%}
.atb-gauge-t i.vert{background:color-mix(in srgb,var(--atb-vert) 45%,transparent)}
.atb-gauge-t i.orange{background:color-mix(in srgb,var(--atb-orange) 45%,transparent)}
.atb-gauge-t i.rouge{background:color-mix(in srgb,var(--atb-rouge) 45%,transparent)}
.atb-gauge-m{position:absolute;top:0;width:4px;height:14px;margin-left:-2px;border-radius:2px;background:var(--atb-tp);box-shadow:0 0 0 2px var(--atb-pop)}
.atb-gauge-k{position:absolute;top:15px;transform:translateX(-50%);font-size:9.5px;line-height:1.2;color:var(--atb-mut);white-space:nowrap;font-variant-numeric:tabular-nums}

/* Tableaux : chiffres à droite, négatifs entre parenthèses en corail, zéro en tiret pâle */
.atb-tw{overflow-x:auto;border:1px solid var(--atb-line);border-radius:10px;background:color-mix(in srgb,var(--atb-tp) 2%,transparent)}
.atb-fin{width:100%;border-collapse:separate;border-spacing:0;font-size:11.5px;line-height:1.35;font-variant-numeric:tabular-nums}
.atb-fin th,.atb-fin td{padding:6px 12px;text-align:right;white-space:nowrap;color:var(--atb-tp);font-weight:500;border-bottom:1px solid color-mix(in srgb,var(--atb-tp) 6%,transparent)}
.atb-fin th[scope=row],.atb-fin thead th:first-child{text-align:left;color:var(--atb-t2);white-space:normal}
.atb-fin thead th{font-size:10.5px;font-weight:600;color:var(--atb-mut);background:color-mix(in srgb,var(--atb-tp) 3.5%,transparent);border-bottom-color:color-mix(in srgb,var(--atb-tp) 14%,transparent)}
.atb-fin tbody tr:last-child>*{border-bottom:0}
.atb-fin tbody tr:hover>*{background:color-mix(in srgb,var(--atb-tp) 3.5%,transparent)}
.atb-fin td.neg{color:var(--atb-neg)}
.atb-fin td.z{color:color-mix(in srgb,var(--atb-mut) 60%,transparent)}
.atb-fin tr.tot>*{font-weight:700;color:var(--atb-tp);background:color-mix(in srgb,var(--brand) 9%,transparent)}
.atb-fin tr.tot>td.neg{color:var(--atb-neg)}

/* ═══ TABLEAU DE BORD ═════════════════════════════════════════════════════════════════════════════════════════ */
.atb-synth{display:grid;gap:12px}
.atb-synth-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,3fr);gap:10px;align-items:stretch}
.atb-kpis3{grid-template-columns:repeat(3,minmax(0,1fr))}
.atb-hero .atb-kpi-v{font-size:14.5px}
.atb-tdb-mid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;align-items:stretch}
.atb-kpis4{grid-template-columns:repeat(2,minmax(0,1fr))}
.atb-prio{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.atb-prio li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;font-size:12.5px;line-height:1.5;color:var(--atb-t2)}
.atb-prio li b{color:var(--atb-tp)}
.atb-prio-n{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700;color:var(--brand-strong);
  background:color-mix(in srgb,var(--brand) 14%,transparent);border:1px solid color-mix(in srgb,var(--brand) 38%,transparent)}
.atb-prio li.ok .atb-prio-n{color:var(--atb-up);background:color-mix(in srgb,var(--atb-vert) 14%,transparent);border-color:color-mix(in srgb,var(--atb-vert) 40%,transparent)}
@container atb-vue (max-width:1000px){
  .atb-tdb-mid{grid-template-columns:minmax(0,1fr)}
  .atb-kpis4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@container atb-vue (max-width:880px){
  .atb-synth-top{grid-template-columns:minmax(0,1fr)}
  .atb-kpis4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container atb-vue (max-width:540px){
  .atb-kpis3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .atb-kpis3>.is-key{grid-column:1/-1}
  .atb-kpis4{grid-template-columns:minmax(0,1fr)}
  .atb-kpi-v{font-size:19px}
}

/* ═══ QUALITÉ DU PROVISOIRE ═══════════════════════════════════════════════════════════════════════════════════ */
.atb-q-kpis{grid-template-columns:minmax(0,1.35fr) repeat(4,minmax(0,1fr))}
.atb-q-nav{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin-top:2px}
.atb-seg{display:inline-flex;gap:2px;padding:3px;border-radius:11px;border:1px solid var(--atb-line);background:color-mix(in srgb,var(--atb-tp) 3%,transparent);max-width:100%;overflow-x:auto;scrollbar-width:none}
.atb-seg::-webkit-scrollbar{display:none}
.atb-seg button{appearance:none;flex:none;border:0;background:transparent;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:8px;font:600 12.5px/1.2 var(--font-family);color:var(--atb-mut);cursor:pointer;white-space:nowrap}
.atb-seg button:hover{color:var(--atb-tp)}
.atb-seg button[aria-selected="true"]{background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--atb-tp);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 42%,transparent)}
.atb-seg button:focus-visible{outline:2px solid var(--brand-strong);outline-offset:1px}
.atb-seg .n{min-width:18px;text-align:center;font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:99px;background:color-mix(in srgb,var(--atb-tp) 9%,transparent);color:var(--atb-t2);font-variant-numeric:tabular-nums}
.atb-seg .n.orange{background:color-mix(in srgb,var(--atb-orange) 18%,transparent);color:var(--atb-amber)}
.atb-seg .n.rouge{background:color-mix(in srgb,var(--atb-rouge) 18%,transparent);color:var(--atb-dn)}
.atb-q-panel{display:grid;gap:12px;min-width:0}
.atb-q-cols{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:12px;align-items:start}
.atb-q-cols>.atb-q-col:only-child{grid-column:1/-1}
.atb-q-col{display:grid;gap:12px;min-width:0}

/* Les décisions */
.atb-rg{display:grid;gap:8px}
.atb-rg-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:baseline;padding:10px 12px;border-radius:10px;border:1px solid var(--atb-line);background:color-mix(in srgb,var(--atb-tp) 2%,transparent)}
.atb-rg-item.on{border-color:color-mix(in srgb,var(--brand) 45%,transparent);background:color-mix(in srgb,var(--brand) 7%,transparent);box-shadow:inset 3px 0 0 var(--brand)}
.atb-rg-n{min-width:0;font-size:12.5px;font-weight:700;color:var(--atb-tp);line-height:1.3}
.atb-rg-n small{display:block;margin-top:2px;font-size:10.5px;font-weight:500;color:var(--atb-mut)}
.atb-rg-amt{font-size:14px;font-weight:700;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.atb-rg-acts{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:8px 14px;flex-wrap:wrap}
.atb-rg-acts .atb-pill{margin-right:auto}
.atb-rg-tot{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:10px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--brand) 9%,transparent);font-size:12px;color:var(--atb-t2)}
.atb-rg-tot b{font-size:14px;color:var(--atb-tp);font-variant-numeric:tabular-nums;white-space:nowrap}
.atb-cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;margin:0 0 8px}
.atb-cmp>div{padding:7px 10px;border-radius:9px;background:color-mix(in srgb,var(--atb-tp) 4%,transparent);min-width:0}
.atb-cmp span{display:block;font-size:10.5px;line-height:1.3;color:var(--atb-mut)}
.atb-cmp b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.atb-cmp b small{font-size:11px;font-weight:600;color:var(--atb-mut);margin-left:3px}
.atb-cmp b.neg{color:var(--atb-neg)}
.atb-legend i.pt{width:8px;height:8px;border-radius:50%}
.atb-g-offz{fill:color-mix(in srgb,var(--atb-orange) 9%,transparent)}
.atb-empty{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:14px 16px;border-radius:12px;border:1px dashed var(--atb-line-2);color:var(--atb-t2);font-size:12.5px;line-height:1.55}
.atb-empty>.iku-ico{width:18px;height:18px;color:var(--atb-up);margin-top:1px}
.atb-empty b{color:var(--atb-tp)}
.atb-empty.is-soft{padding:12px 14px}
.atb-empty.is-soft>.iku-ico{color:var(--atb-mut)}
.atb-wait{display:flex;align-items:center;justify-content:center;gap:8px;padding:28px 0;color:var(--atb-mut);font-size:12px}
.atb-note{margin:8px 0 0;font-size:11px;line-height:1.5;color:var(--atb-mut)}
.atb-note b{color:var(--atb-t2)}
.atb-hyp{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0 0 10px;padding:7px 10px;border-radius:10px;background:color-mix(in srgb,var(--atb-tp) 4%,transparent)}
.atb-hyp-k{font-size:11.5px;font-weight:600;color:var(--atb-t2)}
.atb-hyp .atb-btn b{font-size:13px;color:var(--atb-tp);font-variant-numeric:tabular-nums}
.atb-hyp .atb-btn span{font-weight:500;color:var(--atb-mut)}
.atb-q-effet .an-diffwrap{margin-top:0}

/* Les points de contrôle, groupés par gravité */
.atb-ck-grp{border:1px solid var(--atb-line);border-radius:12px;background:color-mix(in srgb,var(--atb-tp) 2.5%,transparent);min-width:0}
.atb-ck-grp[data-level="rouge"]{border-color:color-mix(in srgb,var(--atb-rouge) 40%,transparent)}
.atb-ck-grp[data-level="orange"]{border-color:color-mix(in srgb,var(--atb-orange) 35%,transparent)}
.atb-ck-grp>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-radius:12px}
.atb-ck-grp>summary::-webkit-details-marker{display:none}
.atb-ck-grp>summary:hover{background:color-mix(in srgb,var(--atb-tp) 3%,transparent)}
.atb-ck-grp>summary:focus-visible{outline:2px solid var(--brand-strong);outline-offset:-2px}
.atb-ck-grp>summary .atb-pill{font-size:11.5px;padding:3px 10px}
.atb-ck-cnt{font-size:11.5px;color:var(--atb-mut)}
.atb-root .atb-chev{margin-left:auto;width:14px;height:14px;color:var(--atb-mut);transition:transform .15s}
.atb-ck-grp[open] .atb-chev{transform:rotate(180deg)}
.atb-ck{border-top:1px solid var(--atb-line)}
.atb-ck-row{display:grid;grid-template-columns:minmax(0,1fr) 104px 104px 150px;gap:4px 12px;align-items:center;padding:8px 12px}
.atb-ck-row+.atb-ck-row{border-top:1px solid color-mix(in srgb,var(--atb-tp) 6%,transparent)}
.atb-ck-head{padding-top:6px;padding-bottom:6px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--atb-mut);background:color-mix(in srgb,var(--atb-tp) 2.5%,transparent)}
.atb-ck-head span:nth-child(2),.atb-ck-head span:nth-child(3){text-align:right}
.atb-ck-n{min-width:0;font-size:12.5px;color:var(--atb-tp);line-height:1.35}
.atb-ck-v{text-align:right;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.atb-ck-v.p{font-weight:500;color:var(--atb-mut)}
.atb-ck-st{min-width:0}
.atb-ck-more{grid-column:1/-1;margin:2px 0;font-size:11.5px;line-height:1.5;color:var(--atb-t2)}
.atb-bank{display:grid;gap:8px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--atb-tp) 3%,transparent)}
.atb-bank-f{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.atb-bank-f label{font-size:12px;color:var(--atb-t2)}
.atb-bank-f label b{color:var(--atb-tp)}
.atb-bank-in{position:relative;display:inline-flex;align-items:center}
.atb-bank-in input{appearance:none;-moz-appearance:textfield;width:160px;padding:6px 26px 6px 9px;border-radius:8px;border:1px solid var(--atb-in-line);background:var(--atb-in);color:var(--atb-tp);font:600 13px/1.2 var(--font-family);font-variant-numeric:tabular-nums;text-align:right}
.atb-bank-in input::-webkit-outer-spin-button,.atb-bank-in input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.atb-bank-in input:focus{outline:none;border-color:var(--brand-strong);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 30%,transparent)}
.atb-bank-in i{position:absolute;right:9px;font-style:normal;font-size:11px;color:var(--atb-mut);pointer-events:none}
.atb-bank .atb-tw{max-width:380px}
.atb-bank .atb-note{margin:0}
.atb-q-ecartes{margin-top:10px}

@container atb-vue (max-width:1000px){
  .atb-q-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  .atb-q-kpis>.is-sup,.atb-q-kpis>.atb-kpi-nav{grid-column:span 2}
  .atb-q-cols{grid-template-columns:minmax(0,1fr)}
}
@container atb-vue (max-width:640px){
  .atb-q-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .atb-q-kpis>.atb-kpi-nav{grid-column:auto}
  .atb-q-kpis>.is-sup{grid-column:1/-1}
  .atb-q-nav>.atb-btn{width:100%}
  .atb-ck-head{display:none}
  .atb-ck-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n st" "v p" "more more";row-gap:3px}
  .atb-ck-n{grid-area:n}
  .atb-ck-st{grid-area:st;justify-self:end}
  .atb-ck-v{grid-area:v;text-align:left;font-size:11.5px}
  .atb-ck-v.p{grid-area:p;text-align:right}
  .atb-ck-v::before{content:attr(data-k) " : ";font-weight:500;color:var(--atb-mut)}
  .atb-ck-row.is-sans .atb-ck-v{display:none}
  .atb-ck-more{grid-area:more}
  .atb-bank-in input{width:140px}
}

/* ═══ DÉTAIL D'UN POSTE (popup, rendu hors de la racine de la vue) ═══════════════════════════════════════════ */
.atb-pop-back{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(3,12,18,.6);backdrop-filter:blur(3px);
  font-family:var(--font-family);color:var(--atb-tp);font-size:12.5px;line-height:1.45;text-align:left}
html[data-theme="light"] .atb-pop-back{background:rgba(15,23,32,.4)}
/* Fond « Aurore » opaque (2026-09-15) : les lueurs du volet plein écran dans lequel ce détail s'ouvre, sans le verre (jetons de tokens.css). */
.atb-pop{container:atb-pop/inline-size;width:min(700px,100%);max-height:min(80vh,760px);display:flex;flex-direction:column;overflow:hidden;outline:none;
  background:
    radial-gradient(70% 60% at 100% 0%,color-mix(in srgb,var(--aurore-2) var(--aurore-a2),transparent),transparent 70%),
    radial-gradient(70% 70% at 0% 100%,color-mix(in srgb,var(--aurore-3) var(--aurore-a3),transparent),transparent 70%),
    var(--modal-surf);
  border:1px solid var(--atb-line-2);border-radius:14px;box-shadow:0 24px 60px rgba(var(--shadow-col),calc(.45 * var(--shadow-mul)))}
.atb-pop-h{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 16px;align-items:start;padding:14px 16px 12px;border-bottom:1px solid var(--atb-line)}
.atb-pop-h .atb-close{grid-area:auto}
.atb-pop-id h3{margin:2px 0 0;font:700 15px/1.3 var(--font-family);color:var(--atb-tp)}
.atb-pop-id p{margin:2px 0 0;font-size:11.5px;color:var(--atb-mut)}
.atb-pop .atb-kpi-l{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--atb-mut)}
.atb-pop-sum{text-align:right}
.atb-pop-sum span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--atb-mut)}
.atb-pop-sum b{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.atb-pop-b{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 8px 8px}
.atb-gd-row{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:14px;align-items:center;padding:9px 8px;border-bottom:1px solid color-mix(in srgb,var(--atb-tp) 6%,transparent)}
.atb-gd-row:last-child{border-bottom:0}
.atb-gd-row:hover{background:color-mix(in srgb,var(--atb-tp) 3.5%,transparent)}
.atb-gd-main{min-width:0}
.atb-gd-top{display:flex;align-items:baseline;gap:8px;min-width:0}
.atb-gd-num{flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:var(--atb-mut)}
.atb-gd-lib{min-width:0;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.atb-gd-calc{display:flex;align-items:center;gap:4px 8px;margin-top:4px;font-size:11px;color:var(--atb-mut);flex-wrap:wrap}
.atb-gd-chip{flex:none;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;padding:1px 7px;border-radius:99px;border:1px solid var(--atb-line-2);color:var(--atb-t2);cursor:help}
.atb-gd-chip.full{color:var(--brand-strong);border-color:color-mix(in srgb,var(--brand-strong) 45%,transparent)}
.atb-gd-chip.warn{color:var(--atb-amber);border-color:color-mix(in srgb,var(--atb-orange) 50%,transparent);cursor:default}
.atb-gd-amt{text-align:right}
.atb-gd-amt b{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.atb-gd-bar{display:block;width:88px;height:4px;margin:5px 0 0 auto;border-radius:2px;background:color-mix(in srgb,var(--atb-tp) 8%,transparent);overflow:hidden}
.atb-gd-bar i{display:block;height:100%;border-radius:2px;background:var(--brand)}
.atb-gd-row.is-off{opacity:.78}
.atb-gd-nil{font-size:11px;color:var(--atb-mut)}
.atb-pop-f{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 16px;border-top:1px solid var(--atb-line)}
.atb-pop-f>span{font-size:11px;line-height:1.45;color:var(--atb-mut)}
@container atb-pop (max-width:520px){
  .atb-pop-h{grid-template-columns:minmax(0,1fr) auto}
  .atb-pop-sum{grid-row:2;grid-column:1/-1;text-align:left}
  .atb-gd-row{grid-template-columns:minmax(0,1fr) 92px;gap:10px}
  .atb-gd-lib{white-space:normal}
  .atb-gd-bar{width:64px}
  .atb-pop-f{flex-direction:column;align-items:stretch}
}
@media (max-width:560px){.atb-pop-back{padding:10px}}
@media (prefers-reduced-motion:reduce){.atb-root *,.atb-coque *{transition:none!important}}