/* Venture360 v2 — compléments de style (parcours en étapes, statuts, vérification) */
.langsw{display:inline-flex;gap:2px;margin-left:6px;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:#fff}
.langsw a{padding:4px 9px;font-size:12px;font-weight:700;color:var(--ink-3);text-decoration:none}
.langsw a.on{background:var(--accent,#009383);color:#fff}
.steps{display:flex;gap:6px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 18px}
.steps li{flex:1 1 120px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--ink-3);display:flex;align-items:center;gap:8px}
.steps li b{display:inline-flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;background:var(--sand-100);color:var(--ink-2);font-size:12px}
.steps li.done{color:var(--ink-2)} .steps li.done b{background:var(--green-100);color:var(--green-700)}
.steps li.cur{border-color:var(--accent);color:var(--green-700);font-weight:700} .steps li.cur b{background:var(--accent);color:#fff}
.steps a{color:inherit;text-decoration:none;display:flex;gap:8px;align-items:center}
.status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--border);background:#fff}
.status.brouillon{color:var(--ink-3)} .status.soumis{background:var(--gold-50);border-color:var(--gold-300);color:#7A5A10}
.status.attribue,.status.en_examen{background:var(--blue-bg);border-color:#B9D0EC;color:var(--blue-ink)}
.status.pieces_demandees{background:var(--pink-bg);border-color:#EBBACB;color:var(--pink)}
.status.valide{background:var(--green-50);border-color:var(--green-200);color:var(--green-700)} .status.cloture{background:var(--sand-100)}
.vstat{display:inline-block;padding:1px 8px;border-radius:6px;font-size:12px;font-weight:700}
.vstat.verified{background:var(--green-50);color:var(--green-700)} .vstat.unverified{background:var(--pink-bg);color:var(--pink)} .vstat.none{background:var(--sand-100);color:var(--ink-3)}
.vstat.unanswered{background:var(--sand-100);color:var(--ink-3)}
.refcard{position:relative;border-top:4px solid var(--rc,#009383)} .refcard .reco-flag{position:absolute;top:-12px;right:14px}
.docs-hint{font-size:12px;color:var(--ink-2);margin:6px 0 0;padding:4px 8px;background:var(--sand-50);border-radius:6px;display:inline-block}
.band-name{font-weight:800;color:var(--green-700)}
.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;font-size:14px} .kv dt{color:var(--ink-3)} .kv dd{margin:0}
.stat{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#fff;min-width:150px}
.stat .v{font-size:26px;font-weight:800;color:var(--green-700);line-height:1.1} .stat .l{font-size:12px;color:var(--ink-3)}
.stats{display:flex;gap:10px;flex-wrap:wrap}
.table-sm td,.table-sm th{padding:6px 8px;font-size:13px}
textarea.diff{width:100%;min-height:64px}
.q-level{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border:1px solid var(--border);border-radius:8px;margin:4px 0;background:#fff}
.q-level .n{font-weight:800;min-width:20px;color:var(--green-700)}
.q-level.cur{border-color:var(--accent);background:var(--sel-bg)}
.alert-list li{margin:3px 0}
.saving{font-size:12px;color:var(--ink-3)} .saving.err{color:var(--pink);font-weight:700}
.ua-block{border-left:4px solid var(--gold-500);padding-left:12px}
.muted-box{background:var(--sand-50);border:1px dashed var(--border);border-radius:10px;padding:10px 12px}
@media print{.noprint{display:none!important}}

/* ---- Gamme du référentiel courant (variables posées par inc/header.php quand $REF_CODE est défini) ---- */
body[data-ref] .levelbig .num{color:var(--rc)} body[data-ref] .ladder .step.on{background:var(--rc)}
body[data-ref] .panel-tint{background:var(--rc-grad);border-color:var(--rc-light)}
body[data-ref] .progress > i{background:var(--rc)} body[data-ref] .token.cur{border-color:var(--rc);color:var(--rc-dark);box-shadow:0 0 0 3px color-mix(in srgb, var(--rc) 24%, transparent)} body[data-ref] .token.done{background:var(--rc);border-color:var(--rc)}
body[data-ref] .choice.sel{border-color:var(--rc-light);background:var(--rc-bg);box-shadow:inset 3px 0 0 var(--rc)} body[data-ref] .choice input, body[data-ref] input[type=radio]{accent-color:var(--rc)}
body[data-ref] .callout{border-left-color:var(--rc);background:var(--rc-bg)} body[data-ref] .tech{border-left-color:var(--rc);background:var(--rc-bg)}
body[data-ref] .badge-ref{background:var(--rc);color:#fff} .badge-ref{display:inline-block;padding:2px 10px;border-radius:999px;font-weight:700;font-size:12px;color:#fff;background:var(--rc,#009383)}
.refcard{border-top-color:var(--rc,#009383)} .refcard .badge-green{background:var(--rc,#009383)!important;color:#fff}
body[data-ref] h1 .badge-green{color:#fff}
body[data-ref] .badge-gold{background:var(--rc-light);color:var(--rc-ink)}
/* cartes en grille : annule la marge d'empilement .card+.card d'imara.css (cartes de même hauteur) */
.grid > .card{margin-top:0}

/* ---- v2.3 · chiffres clés financiers (saisie, vérification, tableau de bord) ---- */
.fin-dash table.data{margin-top:8px} .fin-dash td,.fin-dash th{white-space:nowrap} .fin-dash td:first-child,.fin-dash th:first-child{white-space:normal}
.vok{color:var(--green-700);font-weight:700} .vno{color:var(--pink);font-weight:700}
.fin-grid{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(110px,1fr));gap:6px 10px;align-items:center}
.fin-grid .fin-head{font-size:12px;font-weight:800;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;padding-top:8px}
.fin-grid input[type=text],.fin-grid input[type=number]{width:100%;text-align:right;font-family:var(--font-mono);font-size:13px;padding:6px 8px}
.fin-grid .sub{font-weight:700;background:var(--sand-50);padding:6px 8px;border-radius:6px}
.fin-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:12px 0} .fin-charts svg{width:100%;height:auto;background:#fff;border:1px solid var(--border);border-radius:10px}
.fin-verif td{vertical-align:middle} .fin-verif input[type=text]{width:100%;text-align:right;font-family:var(--font-mono);font-size:12px;padding:4px 6px}
@media (max-width:760px){.fin-grid{grid-template-columns:1fr 1fr 1fr 1fr;font-size:12px} .fin-grid input{padding:5px 4px;font-size:12px} .fin-dash{overflow-x:auto}}
.fin-sheet td.mono,.fin-sheet th.mono{white-space:nowrap;min-width:96px} .fin-sheet td:first-child{min-width:240px}
.fin-dash .mono{white-space:nowrap}
table.data td .small a{overflow-wrap:anywhere} .docs-hint{white-space:normal;overflow-wrap:anywhere}
/* ---- v2.4 · interprétations revues par le diagnostiqueur ---- */
.interp-edited{color:var(--gold-600);font-size:.85em;margin-left:4px} .interp-form textarea{width:100%;font-size:14px;line-height:1.45} .interp-field{margin-bottom:12px} .interp-field label{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.interp-fin h3{font-size:15px} .fin-details summary{padding:6px 0} .fin-details[open] summary{margin-bottom:6px}

/* ---- v2.4 · ergonomie mobile et fluidité de lecture ---- */
*{min-width:0}
.card,.grid>*{min-width:0} img,svg{max-width:100%} svg[width="100%"]{height:auto}
.tscroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;margin:0 -2px;padding:0 2px} .tscroll>table{min-width:100%}
.tscroll::-webkit-scrollbar{height:8px} .tscroll::-webkit-scrollbar-thumb{background:var(--sand-300);border-radius:8px}
.btn{min-height:40px} .btn-sm{min-height:34px}
@media (max-width:720px){
  html{-webkit-text-size-adjust:100%}
  .container{padding:0 14px}
  .nav{flex-wrap:wrap;gap:6px 10px;padding:10px 14px} .nav .brand .sub{display:none} .nav .brand .wordmark{font-size:20px} .brand-logo{width:200px;height:50px}
  .nav .links{width:100%;gap:6px 12px;justify-content:flex-start;font-size:14px;margin-top:4px} .nav .pill{padding:5px 10px;font-size:13px} .nav .langsw{margin-left:auto}
  h1{font-size:28px;line-height:1.15} h2{font-size:21px} .card{padding:14px}
  input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{font-size:16px;padding:10px 12px} /* évite le zoom automatique iOS */
  .tokens{gap:6px} .token{padding:6px 10px;font-size:13px}
  .levelbig{flex-wrap:wrap} .levelbig .num{font-size:52px}
  .btn{padding:10px 14px} .btn+.btn{margin-top:0}
  /* tableaux empilés (pièces, listes) : chaque ligne devient une carte, l'en-tête de colonne est rappelé dans la cellule */
  table.stack,table.stack tbody,table.stack tr,table.stack td{display:block;width:100%} table.stack thead{display:none}
  table.stack tr{border:1px solid var(--border);border-radius:12px;margin-bottom:10px;background:#fff;padding:6px 0} table.stack td{border:0;padding:6px 12px;background:transparent!important}
  table.stack td[data-label]::before{content:attr(data-label);display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-bottom:2px}
  table.stack td:empty{display:none}
  .fin-grid{grid-template-columns:1fr} .interp-form textarea{font-size:15px}
  footer.site{font-size:12px}
}
@media (max-width:420px){.nav .links a:not(.pill){font-size:13px} .levelbig .num{font-size:44px}}
.badge-green[style*="background"]{color:#fff}   /* pastille de référentiel colorée : texte blanc lisible */
@media (max-width:720px){.nav{position:relative;padding-right:92px} .nav .langsw{position:absolute;right:14px;top:12px;margin-left:0}}
@media (max-width:720px){.pname{display:none} .tscroll{background:linear-gradient(90deg,transparent 95%,rgba(0,0,0,.06))}}