@font-face{font-family:Inter;src:url('/fonts/Inter.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/fonts/BricolageGrotesque.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/IBMPlexMono-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/IBMPlexMono-SemiBold.ttf') format('truetype');font-style:normal;font-weight:500 700;font-display:swap}

:root{
  --paper:#F4F5F1; --card:#FFFFFF; --ink:#131C24; --slate:#5C6A75;
  --rosa:#C4436A; --rosa-2:#E77E9C; --rosa-soft:#FBE9EE;
  --sea:#0F6C7C; --sea-soft:#E2EFF0; --dune:#E5DCC9;
  --gold:#B0761F; --red:#A63A2E; --line:#DCDFD8; --line-2:#EAECE6; --rad:7px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-.02em;margin:0}
.mono,td.r,th.r,.v,.stat{font-family:'IBM Plex Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums}

.waterline{height:3px;background:linear-gradient(90deg,var(--sea) 0%,#4E9AA4 32%,var(--rosa-2) 68%,var(--rosa) 100%)}

header{background:var(--ink);color:#EEF1EC}
.head-in{max-width:1280px;margin:0 auto;padding:17px 24px 0;display:flex;align-items:flex-start;gap:26px;flex-wrap:wrap}
.logo{font-family:'Bricolage Grotesque';font-weight:800;font-size:19px;letter-spacing:-.03em;line-height:1.1}
.logo em{font-style:normal;color:var(--rosa-2)}
.logo span{display:block;font-family:'IBM Plex Mono';font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#8FA0A8;margin-top:3px}
.tabs{display:flex;gap:2px;margin-left:auto;align-self:flex-end}
.tab-list{display:flex;gap:2px}
.tabs button{background:transparent;border:0;border-bottom:3px solid transparent;color:#93A4AC;font-family:Inter;font-size:13.5px;font-weight:500;padding:9px 16px 11px;cursor:pointer;white-space:nowrap}
.tabs .scout-link{color:#93A4AC;text-decoration:none;border-bottom:3px solid transparent;font-family:Inter;font-size:13.5px;font-weight:500;padding:9px 16px 11px;white-space:nowrap}
.tabs .scout-link:hover{background:rgba(255,255,255,.06)}
.tabs .scout-link:hover{color:#EEF1EC}
.tabs .scout-link .n{font-family:'IBM Plex Mono';font-size:10.5px;color:#93A4AC;margin-right:7px}
.tabs button .n{font-family:'IBM Plex Mono';font-size:10.5px;color:#93A4AC;margin-right:7px}
.tabs button:hover{color:#EEF1EC}
.tabs button.on{color:#fff;border-bottom-color:var(--rosa)}
.tabs button.on .n{color:var(--rosa-2)}
.tabs .badge{display:inline-block;background:var(--rosa);color:#fff;font-family:'IBM Plex Mono';font-size:10px;border-radius:9px;padding:0 6px;margin-left:7px}

.wrap{max-width:1280px;margin:0 auto;padding:24px 24px 96px}
.pane{display:none}
.pane.on{display:block}
.pane-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.pane-head h2{font-size:24px}
.pane-head p{margin:4px 0 0;color:var(--slate);max-width:58ch;font-size:13.5px}

.box{background:var(--card);border:1px solid var(--line);border-radius:var(--rad)}
.box+.box{margin-top:16px}
.box-head{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid var(--line-2);flex-wrap:wrap}
.box-head h3{font-size:15px}
.box-head .idx{font-family:'IBM Plex Mono';font-size:11px;font-weight:600;color:var(--rosa);border:1px solid var(--rosa);border-radius:3px;padding:1px 6px;letter-spacing:.04em}
.box-body{padding:16px}
.box-foot{padding:10px 16px;border-top:1px solid var(--line-2);background:#FAFBF8;border-radius:0 0 var(--rad) var(--rad);font-size:12.5px;color:var(--slate)}
.right{margin-left:auto;font-size:12.5px;color:var(--slate)}
.right .stat{color:var(--ink);font-weight:600;font-size:15px}

label.f{display:block;font-size:11px;font-weight:500;color:var(--slate);margin-bottom:4px;letter-spacing:.02em}
input,select{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:#fff;font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--ink)}
select,input[type=text]{font-family:Inter}
.suf input[inputmode="decimal"]{font-family:'IBM Plex Mono',monospace}
input:focus,select:focus{outline:2px solid var(--sea);outline-offset:-1px;border-color:transparent}
input:disabled,select:disabled{background:#F5F6F3;color:var(--slate);cursor:not-allowed}
.box.scout-modus input:disabled,.box.scout-modus select:disabled{background:#EEF0EC;border-color:#D6DAD2;color:#4F5D67;opacity:1}
.box.scout-modus label.f{color:#697680}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.g5{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}
.g4+.g4,.g3+.g3,.g2+.g2,.g4+.g3{margin-top:11px}
.suf{position:relative}
.suf input{padding-right:34px}
.suf .u{position:absolute;right:9px;top:50%;transform:translateY(-50%);color:var(--slate);font-size:11px;pointer-events:none;font-family:Inter}
.sub{font-size:11px;font-family:'IBM Plex Mono';color:var(--slate);text-transform:uppercase;letter-spacing:.1em;margin:20px 0 10px;display:flex;align-items:center;gap:10px}
.sub::after{content:'';flex:1;height:1px;background:var(--line-2)}

.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:4px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-family:Inter;font-size:13px;font-weight:500;cursor:pointer}
.btn:hover{background:#000}
.btn:disabled{cursor:wait;opacity:.62}
.btn.g{background:#fff;color:var(--ink);border-color:var(--line)}
.btn.g:hover{background:#F0F2ED}
.btn.s{padding:6px 12px;font-size:12.5px}

.seg{display:inline-flex;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff}
.seg button{border:0;background:#fff;padding:7px 15px;font-family:Inter;font-size:12.5px;color:var(--slate);cursor:pointer}
.seg button+button{border-left:1px solid var(--line)}
.seg button.on{background:var(--ink);color:#fff}

/* ── Scout ── */
.chipbar{display:flex;flex-wrap:wrap;gap:6px}
.chipbtn{border:1px solid var(--line);background:#fff;border-radius:99px;padding:5px 12px;font-family:Inter;font-size:12px;color:var(--slate);cursor:pointer}
.chipbtn:hover{border-color:var(--sea)}
.chipbtn.on{background:var(--sea);border-color:var(--sea);color:#fff}
.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:13px}
.res{border:1px solid var(--line);border-radius:6px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.res.short{border-color:var(--rosa)}
.rstrip{height:74px;background:linear-gradient(120deg,#0F6C7C,#3E97A0 55%,#E9A8BC);position:relative}
.res.short .rstrip{background:linear-gradient(120deg,#C4436A,#E77E9C 60%,#F0C3D0)}
.rstrip .ref{position:absolute;left:10px;bottom:8px;font-family:'IBM Plex Mono';font-size:10.5px;color:#fff;letter-spacing:.08em}
.rstrip .loc{position:absolute;left:10px;top:9px;background:rgba(255,255,255,.93);border-radius:3px;font-size:10.5px;padding:1px 7px}
.rstrip .yield{position:absolute;right:10px;bottom:8px;font-family:'IBM Plex Mono';font-size:15px;font-weight:600;color:#fff}
.rstrip .yield small{display:block;font-size:9px;font-weight:400;letter-spacing:.09em;text-transform:uppercase;opacity:.85;text-align:right}
.star{position:absolute;right:8px;top:7px;width:26px;height:26px;border-radius:4px;border:0;background:rgba(255,255,255,.9);cursor:pointer;font-size:14px;line-height:1;color:#9AA6AE}
.star.on{color:var(--rosa)}
.rbody{padding:11px 12px;flex:1}
.rbody .t{font-size:13px;font-weight:500;line-height:1.34}
.rbody .pr{font-family:'IBM Plex Mono';font-weight:600;font-size:16px;margin-top:5px}
.rbody .m{font-size:11.5px;color:var(--slate);margin-top:2px}
.rtags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.tg{font-size:10.5px;padding:1px 7px;border-radius:3px;background:#F1F3EE;color:var(--slate);border:1px solid var(--line-2)}
.tg.warn{background:#FBF3E4;color:#6B4A0E;border-color:#E7D3A8}
.ract{display:flex;gap:6px;padding:0 12px 12px}
.ract button{flex:1;border:1px solid var(--line);background:#fff;border-radius:4px;padding:6px 4px;font-family:Inter;font-size:12px;cursor:pointer;color:var(--slate)}
.ract button:hover{border-color:var(--ink);color:var(--ink)}
.ract button.on{background:var(--sea);border-color:var(--sea);color:#fff}
.leeg{padding:34px 16px;text-align:center;color:var(--slate);font-size:13px;border:1px dashed var(--line);border-radius:6px}

.rij{display:grid;grid-template-columns:1fr 90px 130px 110px 32px;gap:9px;align-items:end;margin-bottom:9px}
.rij .x{width:32px;height:35px;border:1px solid var(--line);border-radius:4px;background:#fff;cursor:pointer;color:var(--slate);font-size:16px}
.rij .x:hover{color:var(--red);border-color:var(--red)}

.picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.pcard{display:block;border:1px solid var(--line);border-radius:5px;background:#fff;padding:0;cursor:pointer;text-align:left;overflow:hidden;font-family:Inter;color:var(--ink);text-decoration:none}
.pcard:hover{border-color:var(--sea)}
.pcard.on{border-color:var(--rosa);box-shadow:inset 0 0 0 1px var(--rosa)}
.pstrip{height:48px;background:linear-gradient(120deg,#0F6C7C,#3E97A0 55%,#E9A8BC);position:relative}
.pcard.on .pstrip{background:linear-gradient(120deg,#C4436A,#E77E9C 60%,#F0C3D0)}
.pstrip .ref{position:absolute;left:9px;bottom:6px;font-family:'IBM Plex Mono';font-size:10px;color:#fff;letter-spacing:.08em}
.pstrip .loc{position:absolute;right:9px;top:7px;background:rgba(255,255,255,.93);border-radius:3px;font-size:10.5px;padding:1px 7px}
.pbody{padding:9px 10px}
.pbody .t{font-size:12.5px;font-weight:500;line-height:1.32}
.pbody .pr{font-family:'IBM Plex Mono';font-weight:600;font-size:15px;margin-top:4px}
.pbody .m{font-size:11px;color:var(--slate);margin-top:2px}

.scout-selectie{border:1px solid #BBD9DC;border-radius:6px;background:#F8FBFA;padding:14px;margin-bottom:16px}
.scout-selectie-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.scout-selectie-kop .eyebrow{font-family:'IBM Plex Mono';font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--sea)}
.scout-selectie-kop h4{font-size:17px;margin-top:2px}
.scout-selectie-kop p{margin:2px 0 0;color:var(--slate);font-size:12px}
.scout-keuze{width:min(230px,100%)}
.scout-uitleg{margin:12px 0}
.scout-data{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:5px;overflow:hidden}
.scout-data>div{background:#fff;padding:9px 10px;min-width:0}
.scout-data span{display:block;color:var(--slate);font-size:10.5px;margin-bottom:2px}
.scout-data strong{display:block;font-family:'IBM Plex Mono';font-size:11.5px;font-weight:500;overflow-wrap:anywhere}
.scout-redenen,.scout-verificatie{display:grid;grid-template-columns:150px 1fr;gap:10px;margin-top:11px;font-size:11.5px;color:var(--slate)}
.scout-redenen strong,.scout-verificatie strong{color:var(--ink)}
.scout-verificatie ul{margin:0;padding-left:18px}
.scout-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:11.5px}
.scout-links a{color:var(--sea);font-weight:600}
.scout-status{margin-top:8px;color:var(--sea);font-size:11.5px;min-height:17px}

.alert{display:flex;gap:8px;font-size:12px;padding:8px 10px;border-radius:4px;margin-top:12px;line-height:1.45}
.alert b{font-weight:600}
.alert.w{background:#FBF3E4;border:1px solid #E7D3A8;color:#6B4A0E}
.alert.e{background:#FBEAE7;border:1px solid #E9C2BB;color:#7A2A20}
.alert.i{background:var(--sea-soft);border:1px solid #BBD9DC;color:#0B4F5B}

.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--rad);padding:14px 15px;position:relative;overflow:hidden}
.kpi .k{font-family:'IBM Plex Mono';font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--slate)}
.kpi .v{font-family:'IBM Plex Mono';font-weight:600;font-size:23px;margin-top:6px;letter-spacing:-.02em}
.kpi .s{font-size:11.5px;color:var(--slate);margin-top:3px}
.kpi.lead{background:var(--ink);border-color:var(--ink);color:#fff}
.kpi.lead .k,.kpi.lead .s{color:#93A4AC}
.kpi.lead::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--sea),var(--rosa))}
.opname-uitleg{font-size:12px;color:var(--slate);align-self:end;padding:0 0 8px;line-height:1.5}
.opname-instellingen{max-width:840px}
.opname-keuzes{max-width:840px;margin-top:12px}
.opname-noodrem{max-width:840px;margin-top:12px;padding:12px;background:#FAFBF8;border:1px solid var(--line);border-radius:5px}
.opname-noodrem[aria-disabled="true"]{opacity:.52}
.opname-box{margin-bottom:18px}
.opname-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.opname-kansen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.opname-kans{border:1px solid var(--line);background:#fff;border-radius:6px;padding:12px}
.opname-kans .k{font-family:'IBM Plex Mono';font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}
.opname-kans .v{font-family:'IBM Plex Mono';font-size:20px;font-weight:600;margin-top:5px}
.opname-kans .s{font-size:10.5px;color:var(--slate);margin-top:3px}
.opname-scenario{border:1px solid var(--line);border-radius:6px;padding:14px;background:#FAFBF8}
.opname-scenario.startcrash{border-top:3px solid var(--red)}
.opname-scenario.midden{border-top:3px solid var(--sea)}
.opname-scenario.best{border-top:3px solid #1F6B4F}
.opname-scenario h4{font-size:14px}
.opname-scenario .waarde{font-family:'IBM Plex Mono';font-size:22px;font-weight:600;margin:7px 0 2px}
.opname-scenario .subwaarde{font-size:11.5px;color:var(--slate);margin-bottom:10px}
.opname-scenario dl{display:grid;grid-template-columns:1fr auto;gap:4px 10px;margin:0;font-size:11.5px}
.opname-scenario dt{color:var(--slate)}
.opname-scenario dd{margin:0;font-family:'IBM Plex Mono';text-align:right}
.opname-status{margin-top:10px;padding-top:9px;border-top:1px solid var(--line-2);font-size:11.5px;font-weight:600}
.opname-historisch{margin-top:18px}
.opname-historisch h4{font-size:14px;margin-bottom:8px}
.opname-historisch .uitleg{font-size:11.5px;color:var(--slate);margin-bottom:10px}
.scenario-bediening{margin-bottom:16px}
.scenario-keuzes{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,1fr) minmax(240px,1fr);gap:16px;align-items:end}
.check-regel{display:flex;align-items:center;gap:9px;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:#FAFBF8;font-size:12.5px;cursor:pointer}
.check-regel input{width:auto;margin:0;accent-color:var(--sea)}
.scenario-aannames{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px;margin:15px 0 0;padding:12px 12px 12px 29px;background:var(--sea-soft);border-radius:5px;color:#0B4F5B;font-size:11.5px}
.scenario-samenvatting{background:#fff;border:1px solid var(--line);border-left:4px solid var(--sea);border-radius:var(--rad);padding:11px 14px;margin-bottom:16px;font-size:12.5px}
.scenario-uitgesloten{color:var(--slate);margin-top:2px}
.scenario-vergelijking{margin-bottom:18px}
.scenario-effecten{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.scenario-effecten span{background:#F1F3EE;border:1px solid var(--line-2);border-radius:99px;padding:4px 9px;font-size:11px;color:var(--slate)}

table{width:100%;border-collapse:collapse;font-size:12.5px}
th{text-align:left;font-family:'IBM Plex Mono';font-weight:500;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);padding:0 10px 8px;border-bottom:1px solid var(--line)}
td{padding:7px 10px;border-bottom:1px solid var(--line-2)}
td.r,th.r{text-align:right}
tr.tot td{font-weight:600;border-top:2px solid var(--ink);background:#FAFBF8}
tr.faint td{color:var(--slate)}
.pos{color:#1F6B4F}.neg{color:var(--red)}
.dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:8px}
.scroll{overflow-x:auto}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
.split>*{min-width:0}
.bar{display:flex;height:10px;border-radius:3px;overflow:hidden;margin-bottom:11px}
.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:11.5px;color:var(--slate)}

.note{background:var(--rosa-soft);border:1px solid #EFCBD6;border-radius:var(--rad);padding:14px 16px;font-size:12.5px;margin-top:18px}
.note h4{font-size:13px;margin-bottom:5px}
details{margin-top:16px}
summary{cursor:pointer;font-weight:500;padding:10px 0}
pre{background:var(--ink);color:#DCE3DE;padding:14px 16px;border-radius:5px;overflow-x:auto;font-size:11.5px;line-height:1.65;font-family:'IBM Plex Mono',monospace}

@media(max-width:1000px){.kpis{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.g4,.g5{grid-template-columns:1fr 1fr}.scout-data{grid-template-columns:repeat(2,minmax(0,1fr))}.opname-scenarios{grid-template-columns:1fr}.opname-kansen{grid-template-columns:repeat(2,1fr)}.scenario-keuzes{grid-template-columns:1fr 1fr}.scenario-keuzes>div:first-child{grid-column:1/-1}}
@media(max-width:620px){.kpis,.g3,.g2,.g4,.g5,.scout-data,.scenario-keuzes,.scenario-aannames,.opname-kansen{grid-template-columns:1fr}.scenario-keuzes>div:first-child{grid-column:auto}.rij{grid-template-columns:1fr 1fr}.rij .x{grid-column:span 2;width:100%}.tabs{width:100%;overflow-x:auto}.scout-redenen,.scout-verificatie{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}