/* Guides opérationnels mutualisés */
/* Composants partagés */
body{background:var(--bg);color:var(--ink);font-family:var(--font-b);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}
.hero{padding:40px 32px 32px;border-bottom:1px solid var(--border);background:var(--surface)}
.hero-eyebrow{font-family:var(--font-m);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}
.hero-title{font-family:var(--font-d);font-size:36px;font-weight:700;color:var(--ink);line-height:1.1;margin-bottom:10px}
.hero-title em{font-style:normal;font-weight:300}
.hero-sub{font-size:14px;color:var(--ink-2);max-width:680px;line-height:1.7;margin-bottom:24px}
.hkpi{background:var(--bg);padding:14px 16px}
.hkpi-l{font-family:var(--font-m);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:5px}
.hkpi-v{font-family:var(--font-m);font-size:20px;font-weight:700;color:var(--ink);line-height:1}
.hkpi-v.g{color:var(--go)}
.hkpi-v.w{color:var(--warn)}
.hkpi-v.r{color:var(--danger)}
.hkpi-s{font-size:11px;color:var(--ink-3);margin-top:3px}
.tabs-nav{display:flex;background:var(--surface);border-bottom:1px solid var(--border);padding:0 32px;overflow-x:auto;gap:0;position:sticky;top:0;z-index:10;box-shadow:0 1px 0 var(--border)}
.tab-btn{font-family:var(--font-b);font-size:13px;font-weight:500;color:var(--ink-3);padding:14px 20px;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .15s,border-color .15s}
.tab-btn:hover{color:var(--ink)}
.tab-btn.active{color:var(--ink);border-bottom-color:var(--ink)}
html[data-ui] .tab-content.active,
#view-in-app[data-ui] .tab-content.active{display:block}
.stitle{font-family:var(--font-m);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:18px;margin-top:32px}
.stitle:first-child{margin-top:0}
.narrative.go{border-left-color:var(--go)}
.narrative.warn{border-left-color:var(--warn)}
.alert{display:flex;gap:12px;align-items:flex-start;padding:11px 14px;border-radius:3px;font-size:12px;line-height:1.65;border:1px solid;margin-bottom:10px}
.alert.g{background:var(--go-bg);border-color:var(--go-border);color:var(--go)}
.alert.w{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn)}
.alert.d{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}
.alert b{font-weight:600}
.ai{flex-shrink:0;margin-top:1px}
.env-cell{background:var(--surface);padding:16px 18px}
.env-label{font-family:var(--font-m);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}
.env-val{font-family:var(--font-m);font-size:20px;font-weight:700;color:var(--ink);line-height:1;margin-bottom:3px}
.env-val.g{color:var(--go)}
.env-val.w{color:var(--warn)}
.env-val.r{color:var(--danger)}
.env-sub{font-size:11px;color:var(--ink-3)}
.dtable th.r{text-align:right}
.dtable th:last-child{border-right:none}
.dtable td:last-child{border-right:none}
.dtable tr:last-child td{border-bottom:none}
.dtable tr:hover td{background:var(--card)}
.dtable td.r{text-align:right}
.dtable .grp td{font-family:var(--font-m);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:var(--card-hi);padding-top:10px;border-top:1px solid var(--border-hi)}
.dtable .tot td{font-weight:600;background:var(--card-hi);border-top:1px solid var(--border-hi)}
.mono{font-family:var(--font-m);color:var(--ink)}
.tg{color:var(--go)!important;font-weight:500}
.dept-num{display:inline-block;font-family:var(--font-m);font-size:9px;font-weight:700;background:var(--ink);color:#f5f3ee;padding:2px 6px;border-radius:2px;margin-right:4px}
.brow{display:flex;justify-content:space-between;align-items:center;padding:9px 16px;border-bottom:1px solid var(--border);font-size:12px;gap:12px}
.brow:last-child{border-bottom:none}
.brow.grp{background:var(--card-hi);font-family:var(--font-m);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding-top:10px}
.brow.total{background:var(--ink);color:#f5f3ee}
.bl{color:var(--ink-2)}
.brow.total .bl{color:rgba(245,243,238,.65)}
.bv{font-family:var(--font-m);font-weight:500;color:var(--ink);white-space:nowrap}
.bv.g{color:var(--go)}
.bv.r{color:var(--danger)}
.bv.w{color:var(--warn)}
.brow.total .bv{color:#f5f3ee;font-size:14px;font-weight:700}
.marge-bar-label{font-family:var(--font-m);font-size:11px;font-weight:700;color:#fff}
.villes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}
.ville-card.top{border-color:var(--go);border-width:1.5px}
.ville-name{font-family:var(--font-d);font-size:14px;font-weight:600;color:var(--ink);margin-bottom:2px}
.ville-dept{font-family:var(--font-m);font-size:9px;color:var(--ink-3);margin-bottom:8px;letter-spacing:.06em;text-transform:uppercase}
.vrow{display:flex;justify-content:space-between;padding:3px 0;font-size:11px;border-bottom:1px solid var(--border)}
.vrow:last-child{border-bottom:none}
.vl{color:var(--ink-2)}
.vv{font-weight:500;color:var(--ink)}
.vv.g{color:var(--go)}
.vv.w{color:var(--warn)}
.plan-step:last-of-type{border-bottom:none}
.plan-step:hover{background:var(--card)}
.pn{font-family:var(--font-m);font-size:10px;font-weight:700;color:var(--ink-3);padding:11px 0 11px 14px}
.pp{font-size:12px;font-weight:500;color:var(--ink);padding:11px 10px;line-height:1.4}
.pd{font-family:var(--font-m);font-size:11px;color:var(--warn);padding:11px 8px;font-weight:600;white-space:nowrap}
.pno{font-size:11px;color:var(--ink-2);padding:11px 14px 11px 0;line-height:1.55}
.plan-total{background:var(--ink);display:flex;justify-content:space-between;padding:10px 16px}
.ptl{font-family:var(--font-m);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(245,243,238,.5)}
.ptv{font-family:var(--font-m);font-size:12px;font-weight:700;color:#f5f3ee}
.typo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.typo-card.best{border-color:var(--go);border-width:1.5px}
.typo-hdr{padding:11px 14px;border-bottom:1px solid var(--border);background:var(--card)}
.typo-hdr.A{background:rgba(20,90,46,.06)}
.typo-hdr.B{background:rgba(122,65,8,.06)}
.typo-hdr-name{font-family:var(--font-d);font-size:14px;font-weight:600;color:var(--ink);margin-bottom:2px}
.typo-hdr-tag{font-size:10px;color:var(--ink-3)}
.typo-body{padding:11px 14px}
.trow{display:flex;justify-content:space-between;padding:4px 0;font-size:12px;border-bottom:1px solid var(--border)}
.trow:last-child{border-bottom:none}
.tl{color:var(--ink-2)}
.tv{font-weight:500;color:var(--ink)}
.tv.g{color:var(--go)}
.tv.w{color:var(--warn)}
.tv.r{color:var(--danger)}
.typo-foot{background:var(--card);display:flex;justify-content:space-between;padding:9px 14px;border-top:1px solid var(--border)}
.typo-fl{font-family:var(--font-m);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.typo-fv{font-family:var(--font-m);font-size:14px;font-weight:700}
.fisc-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:16px}
.fisc-card{border:1px solid var(--border);border-radius:3px;overflow:hidden;background:var(--surface)}
.fisc-hdr{padding:10px 14px;border-bottom:1px solid var(--border);background:var(--card);font-family:var(--font-d);font-size:13px;font-weight:600;color:var(--ink)}
.fisc-row{display:flex;justify-content:space-between;padding:6px 14px;border-bottom:1px solid var(--border);font-size:12px}
.fisc-row:last-child{border-bottom:none}
.fl{color:var(--ink-3)}
.fv{font-family:var(--font-m);font-weight:500;font-size:11px;color:var(--ink)}
.fisc-foot{background:var(--card);padding:8px 14px;font-size:11px;color:var(--ink-3);line-height:1.5}
.sim-layout{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:start}
@media(max-width:820px){
.sim-layout{grid-template-columns:1fr}
}
.sim-phdr-title{font-family:var(--font-d);font-size:15px;font-weight:600}
.sim-phdr-sub{font-family:var(--font-b);font-size:11px;font-weight:400;opacity:.55;margin-top:2px}
.sim-group{padding:14px 16px;border-bottom:1px solid var(--border)}
.sim-group:last-child{border-bottom:none}
.sim-group-title{font-family:var(--font-m);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.sim-field{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}
.sim-field:last-child{margin-bottom:0}
.sim-label{font-size:12px;color:var(--ink-2);flex:1;min-width:0}
.sim-input-wrap{display:flex;align-items:center;gap:4px;flex-shrink:0}
.sim-input{font-family:var(--font-m);font-size:12px;font-weight:500;color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:5px 8px;width:100px;text-align:right}
.sim-input:focus{outline:none;border-color:var(--ink)}
.sim-select:focus{outline:none;border-color:var(--ink)}
.res-panel{display:flex;flex-direction:column;gap:12px}
.verdict-bar.go{background:var(--go-bg);border-color:var(--go-border)}
.verdict-bar.cond{background:var(--warn-bg);border-color:var(--warn-border)}
.verdict-bar.nogo{background:var(--danger-bg);border-color:var(--danger-border)}
.verdict-title{font-family:var(--font-d);font-size:20px;font-weight:700;margin-bottom:4px}
.verdict-bar.go .verdict-title{color:var(--go)}
.verdict-bar.cond .verdict-title{color:var(--warn)}
.verdict-bar.nogo .verdict-title{color:var(--danger)}
.verdict-sub{font-size:12px;line-height:1.6}
.verdict-bar.go .verdict-sub{color:var(--go)}
.verdict-bar.cond .verdict-sub{color:var(--warn)}
.verdict-bar.nogo .verdict-sub{color:var(--danger)}
.kpi4-cell{background:var(--surface);padding:12px 14px}
.kpi4-lbl{font-family:var(--font-m);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}
.kpi4-val{font-family:var(--font-m);font-size:18px;font-weight:700;color:var(--ink);line-height:1}
.kpi4-val.g{color:var(--go)}
.kpi4-val.w{color:var(--warn)}
.kpi4-val.r{color:var(--danger)}
.kpi4-sub{font-size:11px;color:var(--ink-3);margin-top:3px}
.br:last-child{border-bottom:none}
.br.total{background:var(--ink)}
.br-lbl{color:var(--ink-2)}
.br.total .br-lbl{color:rgba(245,243,238,.65)}
.br-val{font-family:var(--font-m);font-weight:500;color:var(--ink);text-align:right}
.br-val.g{color:var(--go)}
.br-val.r{color:var(--danger)}
.br-val.w{color:var(--warn)}
.br.total .br-val{color:#f5f3ee;font-size:14px;font-weight:700}
.sensi-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.sensi-val{font-family:var(--font-m);font-size:15px;font-weight:700}
.sensi-delta{font-size:11px;color:var(--ink-3);margin-top:2px}
.res-alert.w{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn)}
.res-alert.d{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}
.res-alert.g{background:var(--go-bg);border-color:var(--go-border);color:var(--go)}
.res-alert b{font-weight:600}
.sources-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin-bottom:16px}
.src{font-size:11px;color:var(--ink-3);line-height:1.5}
.src::before{content:"→ ";color:var(--border-hi)}
.site-footer{margin-top:60px;border-top:1px solid var(--border);padding:20px 32px;display:flex;justify-content:space-between;font-family:var(--font-m);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
@media(max-width:720px){
.hero{padding:24px 16px 20px}
}
@media(max-width:720px){
.tabs-nav{padding:0 16px}
}
@media(max-width:720px){
.tab-content{padding:20px 16px}
}
@media(max-width:720px){
.villes-grid,.typo-grid,.fisc-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
.plan-step{grid-template-columns:28px 1fr}
}
.embedded .site-header{display:none}
.embedded .tabs-nav{top:0}
.alert-icon{flex-shrink:0;font-size:14px;margin-top:1px}
.bilan-row{display:flex;justify-content:space-between;align-items:center;padding:9px 16px;border-bottom:1px solid var(--border);font-size:12px;gap:12px}
.bilan-row:last-child{border-bottom:none}
.bilan-row.separator{background:var(--card-hi);border-top:1px solid var(--border-hi)}
.bilan-row.total{background:var(--ink);color:#f5f3ee}
.bilan-row.total .bl{color:rgba(245,243,238,.7)}
.bilan-row.total .bv{color:#f5f3ee;font-size:14px;font-weight:700}
.dept-name{font-weight:500;color:var(--ink)}
.dept-sub{font-size:10px;color:var(--ink-3)}
.tva-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.tva-card{padding:14px 16px;border-radius:4px;border:1px solid}
.tva-card.good{background:var(--go-bg);border-color:var(--go-border)}
.tva-card.bad{background:var(--danger-bg);border-color:var(--danger-border)}
.tva-title{font-weight:600;font-size:13px;margin-bottom:6px}
.tva-card.good .tva-title{color:var(--go)}
.tva-card.bad .tva-title{color:var(--danger)}
.tva-body{font-size:12px;line-height:1.65}
.tva-card.good .tva-body{color:var(--go)}
.tva-card.bad .tva-body{color:var(--danger)}
.sim-panel-hdr small{display:block;font-family:var(--font-b);font-size:11px;font-weight:400;opacity:.55;margin-top:1px}
.sim-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:3px;overflow:hidden}
.sim-toggle-btn{font-family:var(--font-m);font-size:10px;padding:5px 10px;border:none;background:var(--bg);color:var(--ink-3);cursor:pointer;border-right:1px solid var(--border)}
.sim-toggle-btn:last-child{border-right:none}
.sim-toggle-btn.on{background:var(--ink);color:#f5f3ee}
.br.sub{background:var(--card)}
.pma-gauge{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:14px 16px}
.pma-gauge-title{font-family:var(--font-m);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.pma-nums{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}
.pma-track{height:10px;background:var(--card-hi);border-radius:5px;overflow:hidden;position:relative;margin-bottom:6px}
.pma-fill{height:100%;border-radius:5px;transition:width .5s ease}
.pma-legend{display:flex;justify-content:space-between;font-family:var(--font-m);font-size:10px;color:var(--ink-3)}
.pma-ok{color:var(--go);font-weight:700}
.pma-ko{color:var(--danger);font-weight:700}
@media(max-width:720px){
.villes-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
.typo-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
.tva-grid{grid-template-columns:1fr}
}

/* Variantes guide-locatif */
html[data-ui="guide-locatif"] .hero-kpis,
#view-in-app[data-ui="guide-locatif"] .hero-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden}
html[data-ui="guide-locatif"] .tab-content,
#view-in-app[data-ui="guide-locatif"] .tab-content{display:none;padding:32px;max-width:980px;margin:0 auto}
html[data-ui="guide-locatif"] .narrative,
#view-in-app[data-ui="guide-locatif"] .narrative{background:var(--card);border-left:3px solid var(--ink);padding:14px 18px;font-size:13px;color:var(--ink-2);line-height:1.75;margin-bottom:20px}
html[data-ui="guide-locatif"] .env-grid,
#view-in-app[data-ui="guide-locatif"] .env-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-bottom:16px}
html[data-ui="guide-locatif"] .dtable,
#view-in-app[data-ui="guide-locatif"] .dtable{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:3px;overflow:hidden;margin-bottom:16px}
html[data-ui="guide-locatif"] .dtable th,
#view-in-app[data-ui="guide-locatif"] .dtable th{font-family:var(--font-m);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);text-align:left;padding:8px 12px;background:var(--card-hi);border-bottom:1px solid var(--border);border-right:1px solid var(--border)}
html[data-ui="guide-locatif"] .dtable td,
#view-in-app[data-ui="guide-locatif"] .dtable td{padding:8px 12px;font-size:12px;color:var(--ink-2);border-bottom:1px solid var(--border);border-right:1px solid var(--border);vertical-align:top;line-height:1.5}
html[data-ui="guide-locatif"] .tw,
#view-in-app[data-ui="guide-locatif"] .tw{color:var(--warn)!important}
html[data-ui="guide-locatif"] .tr,
#view-in-app[data-ui="guide-locatif"] .tr{color:var(--danger)!important}
html[data-ui="guide-locatif"] .star,
#view-in-app[data-ui="guide-locatif"] .star{display:inline-block;font-family:var(--font-m);font-size:9px;font-weight:700;padding:1px 7px;border-radius:20px;background:var(--go-bg);color:var(--go);margin-left:4px}
html[data-ui="guide-locatif"] .midbadge,
#view-in-app[data-ui="guide-locatif"] .midbadge{display:inline-block;font-family:var(--font-m);font-size:9px;padding:1px 7px;border-radius:20px;background:var(--warn-bg);color:var(--warn);margin-left:4px}
html[data-ui="guide-locatif"] .bilan,
#view-in-app[data-ui="guide-locatif"] .bilan{border:1px solid var(--border);border-radius:3px;overflow:hidden;margin-bottom:16px}
html[data-ui="guide-locatif"] .marge-bar-wrap,
#view-in-app[data-ui="guide-locatif"] .marge-bar-wrap{height:32px;background:var(--card);border-radius:3px;overflow:hidden;position:relative;margin:12px 0}
html[data-ui="guide-locatif"] .marge-bar-fill,
#view-in-app[data-ui="guide-locatif"] .marge-bar-fill{height:100%;border-radius:3px;transition:width 1s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-end;padding-right:10px}
html[data-ui="guide-locatif"] .marge-bar-axis,
#view-in-app[data-ui="guide-locatif"] .marge-bar-axis{display:flex;justify-content:space-between;font-family:var(--font-m);font-size:9px;color:var(--ink-3);margin-bottom:4px}
html[data-ui="guide-locatif"] .ville-card,
#view-in-app[data-ui="guide-locatif"] .ville-card{background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:12px 14px}
html[data-ui="guide-locatif"] .planning,
#view-in-app[data-ui="guide-locatif"] .planning{border:1px solid var(--border);border-radius:3px;overflow:hidden;margin-bottom:16px}
html[data-ui="guide-locatif"] .plan-step,
#view-in-app[data-ui="guide-locatif"] .plan-step{display:grid;grid-template-columns:32px 180px 90px 1fr;align-items:start;border-bottom:1px solid var(--border);background:var(--surface)}
html[data-ui="guide-locatif"] .typo-card,
#view-in-app[data-ui="guide-locatif"] .typo-card{background:var(--surface);border:1px solid var(--border);border-radius:3px;overflow:hidden}
html[data-ui="guide-locatif"] .sim-panel,
#view-in-app[data-ui="guide-locatif"] .sim-panel{background:var(--surface);border:1px solid var(--border);border-radius:3px;overflow:hidden;position:sticky;top:60px}
html[data-ui="guide-locatif"] .sim-panel-hdr,
#view-in-app[data-ui="guide-locatif"] .sim-panel-hdr{background:var(--ink);color:#f5f3ee;padding:12px 16px}
html[data-ui="guide-locatif"] .sim-unit,
#view-in-app[data-ui="guide-locatif"] .sim-unit{font-family:var(--font-m);font-size:10px;color:var(--ink-3);width:28px;flex-shrink:0}
html[data-ui="guide-locatif"] .sim-select,
#view-in-app[data-ui="guide-locatif"] .sim-select{font-family:var(--font-m);font-size:11px;color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:5px 8px;width:134px}
html[data-ui="guide-locatif"] .verdict-bar,
#view-in-app[data-ui="guide-locatif"] .verdict-bar{border-radius:3px;padding:14px 18px;border:1px solid}
html[data-ui="guide-locatif"] .kpi4,
#view-in-app[data-ui="guide-locatif"] .kpi4{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:3px;overflow:hidden}
html[data-ui="guide-locatif"] .bilan-res,
#view-in-app[data-ui="guide-locatif"] .bilan-res{border:1px solid var(--border);border-radius:3px;overflow:hidden}
html[data-ui="guide-locatif"] .br,
#view-in-app[data-ui="guide-locatif"] .br{display:grid;grid-template-columns:1fr auto;padding:7px 14px;border-bottom:1px solid var(--border);font-size:12px}
html[data-ui="guide-locatif"] .br.grp,
#view-in-app[data-ui="guide-locatif"] .br.grp{background:var(--card-hi);font-family:var(--font-m);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding-top:9px}
html[data-ui="guide-locatif"] .sensi-card,
#view-in-app[data-ui="guide-locatif"] .sensi-card{background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:10px 12px}
html[data-ui="guide-locatif"] .sensi-scenario,
#view-in-app[data-ui="guide-locatif"] .sensi-scenario{font-family:var(--font-m);font-size:10px;color:var(--ink-3);margin-bottom:4px}
html[data-ui="guide-locatif"] .res-alert,
#view-in-app[data-ui="guide-locatif"] .res-alert{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border-radius:3px;font-size:11px;line-height:1.6;border:1px solid;margin-top:4px}

/* Variantes guide-mdb */
html[data-ui="guide-mdb"] .hero-kpis,
#view-in-app[data-ui="guide-mdb"] .hero-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden}
html[data-ui="guide-mdb"] .tab-content,
#view-in-app[data-ui="guide-mdb"] .tab-content{display:none;padding:32px;max-width:960px;margin:0 auto}
html[data-ui="guide-mdb"] .narrative,
#view-in-app[data-ui="guide-mdb"] .narrative{background:var(--card);border-left:3px solid var(--ink);padding:14px 18px;font-size:13px;color:var(--ink-2);line-height:1.75;margin-bottom:24px}
html[data-ui="guide-mdb"] .env-grid,
#view-in-app[data-ui="guide-mdb"] .env-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-bottom:16px}
html[data-ui="guide-mdb"] .dtable,
#view-in-app[data-ui="guide-mdb"] .dtable{width:100%;border-collapse:collapse;border:1px solid var(--border);margin-bottom:16px;border-radius:4px;overflow:hidden}
html[data-ui="guide-mdb"] .dtable th,
#view-in-app[data-ui="guide-mdb"] .dtable th{font-family:var(--font-m);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:8px 12px;background:var(--card-hi);border-bottom:1px solid var(--border);border-right:1px solid var(--border);text-align:left}
html[data-ui="guide-mdb"] .dtable td,
#view-in-app[data-ui="guide-mdb"] .dtable td{padding:9px 12px;font-size:12px;color:var(--ink-2);border-bottom:1px solid var(--border);border-right:1px solid var(--border);vertical-align:top;line-height:1.5}
html[data-ui="guide-mdb"] .tw,
#view-in-app[data-ui="guide-mdb"] .tw{color:var(--warn)!important;font-weight:500}
html[data-ui="guide-mdb"] .tr,
#view-in-app[data-ui="guide-mdb"] .tr{color:var(--danger)!important;font-weight:500}
html[data-ui="guide-mdb"] .star,
#view-in-app[data-ui="guide-mdb"] .star{display:inline-block;font-family:var(--font-m);font-size:9px;font-weight:700;padding:1px 7px;border-radius:20px;margin-left:4px;background:var(--go-bg);color:var(--go)}
html[data-ui="guide-mdb"] .midbadge,
#view-in-app[data-ui="guide-mdb"] .midbadge{display:inline-block;font-family:var(--font-m);font-size:9px;padding:1px 7px;border-radius:20px;margin-left:4px;background:var(--warn-bg);color:var(--warn)}
html[data-ui="guide-mdb"] .bilan,
#view-in-app[data-ui="guide-mdb"] .bilan{border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-bottom:16px}
html[data-ui="guide-mdb"] .marge-bar-wrap,
#view-in-app[data-ui="guide-mdb"] .marge-bar-wrap{margin:16px 0;background:var(--card);border-radius:3px;overflow:hidden;height:32px;position:relative}
html[data-ui="guide-mdb"] .marge-bar-fill,
#view-in-app[data-ui="guide-mdb"] .marge-bar-fill{height:100%;border-radius:3px;transition:width 1.2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-end;padding-right:10px;background:var(--go)}
html[data-ui="guide-mdb"] .marge-bar-axis,
#view-in-app[data-ui="guide-mdb"] .marge-bar-axis{display:flex;justify-content:space-between;font-family:var(--font-m);font-size:9px;color:var(--ink-3);margin-top:4px}
html[data-ui="guide-mdb"] .ville-card,
#view-in-app[data-ui="guide-mdb"] .ville-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:12px 14px}
html[data-ui="guide-mdb"] .planning,
#view-in-app[data-ui="guide-mdb"] .planning{border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-bottom:16px}
html[data-ui="guide-mdb"] .plan-step,
#view-in-app[data-ui="guide-mdb"] .plan-step{display:grid;grid-template-columns:32px 180px 88px 1fr;align-items:start;border-bottom:1px solid var(--border);background:var(--surface)}
html[data-ui="guide-mdb"] .typo-card,
#view-in-app[data-ui="guide-mdb"] .typo-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;overflow:hidden}
html[data-ui="guide-mdb"] .sim-panel,
#view-in-app[data-ui="guide-mdb"] .sim-panel{background:var(--surface);border:1px solid var(--border);border-radius:4px;overflow:hidden;position:sticky;top:16px}
html[data-ui="guide-mdb"] .sim-panel-hdr,
#view-in-app[data-ui="guide-mdb"] .sim-panel-hdr{background:var(--ink);color:#f5f3ee;padding:12px 16px;font-family:var(--font-d);font-size:15px;font-weight:600}
html[data-ui="guide-mdb"] .sim-unit,
#view-in-app[data-ui="guide-mdb"] .sim-unit{font-family:var(--font-m);font-size:10px;color:var(--ink-3);width:24px;flex-shrink:0}
html[data-ui="guide-mdb"] .sim-select,
#view-in-app[data-ui="guide-mdb"] .sim-select{font-family:var(--font-m);font-size:11px;color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:5px 8px;width:130px}
html[data-ui="guide-mdb"] .verdict-bar,
#view-in-app[data-ui="guide-mdb"] .verdict-bar{border-radius:4px;padding:16px 20px;border:1px solid}
html[data-ui="guide-mdb"] .kpi4,
#view-in-app[data-ui="guide-mdb"] .kpi4{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden}
html[data-ui="guide-mdb"] .bilan-res,
#view-in-app[data-ui="guide-mdb"] .bilan-res{border:1px solid var(--border);border-radius:4px;overflow:hidden}
html[data-ui="guide-mdb"] .br,
#view-in-app[data-ui="guide-mdb"] .br{display:grid;grid-template-columns:1fr auto;align-items:center;padding:8px 14px;border-bottom:1px solid var(--border);font-size:12px}
html[data-ui="guide-mdb"] .br.grp,
#view-in-app[data-ui="guide-mdb"] .br.grp{background:var(--card-hi);font-family:var(--font-m);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding-top:10px}
html[data-ui="guide-mdb"] .sensi-card,
#view-in-app[data-ui="guide-mdb"] .sensi-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:10px 12px}
html[data-ui="guide-mdb"] .sensi-scenario,
#view-in-app[data-ui="guide-mdb"] .sensi-scenario{font-family:var(--font-m);font-size:10px;color:var(--ink-3);margin-bottom:4px;letter-spacing:.04em}
html[data-ui="guide-mdb"] .res-alert,
#view-in-app[data-ui="guide-mdb"] .res-alert{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border-radius:3px;font-size:11px;line-height:1.6;border:1px solid;margin-top:6px}