/* berekenbrandstof.nl – extra's bij de uitkomst (extra.js/export.js/scenario.js) + print-CSS. Apart van style.css (budget < 45 kB). */
.res-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0}
.res-tools .btn{min-height:44px}
.res-tools .ico{width:18px;height:18px}
.res-msg{font-size:var(--f-sm);opacity:.85}
.scn{margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);container-type:inline-size}
.result .scn h3{font-size:1.05rem;margin:0 0 4px;color:#fff}
.scn-help{font-size:var(--f-sm);opacity:.85;margin:0 0 10px}
.scn-scroll{overflow-x:auto;margin:0 0 10px}
.scn table{width:100%;border-collapse:collapse;font-size:var(--f-sm);background:none;border:0;border-radius:0;color:#fff}
.scn thead th{background:none;color:#fff;font-size:var(--f-xs)}
.scn th{text-align:left;font-weight:650;padding:6px 6px;border-bottom:1px solid rgba(255,255,255,.3);vertical-align:bottom;white-space:nowrap}
.scn th small{display:block;font-weight:500;opacity:.75}
.scn td{padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.14);vertical-align:middle}
.scn td.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.scn td.v{font-variant-numeric:tabular-nums}
.scn td.nm{white-space:nowrap;font-weight:600}
.scn tr.me td{background:rgba(255,255,255,.1);font-weight:650}
.scn input{width:100%;min-width:70px;max-width:110px;min-height:44px;padding:6px 8px;border:1px solid transparent;border-radius:var(--r-sm);font:inherit;background:#fff;color:#13294b}
.scn input[aria-invalid]{border-color:#ff8a80;box-shadow:0 0 0 2px #ff8a80}
.scn td.x{width:44px;padding:0}
.scn .sc-rm{width:44px;height:44px}
/* smal: kaarten per scenario in plaats van een brede tabel */
@container (max-width:600px){
 .scn table,.scn tbody,.scn tr,.scn td{display:block;width:auto}
 .scn thead{display:none}
 .scn tr{position:relative;border:1px solid rgba(255,255,255,.2);border-radius:var(--r-sm);padding:8px 10px;margin:0 0 8px;background:rgba(255,255,255,.05)}
 .scn tr.me{background:rgba(255,255,255,.12)}
 .scn tr.me td{background:none}
 .scn td{border:0;padding:3px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}
 .scn td.nm{padding-right:44px}
 .scn td:not(.nm):not(.x)::before{content:attr(data-l);opacity:.8;font-weight:500}
 .scn td.x{position:absolute;top:0;right:0;width:auto}
 .scn input{max-width:120px}
}
@container (min-width:430px) and (max-width:600px){.scn tr{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.scn td.nm{grid-column:1/-1}.scn input{max-width:92px}}
.print-h{display:none}
@media print{
 .stops .drag{display:none!important}
 @page{margin:14mm}
 body{background:#fff!important;color:#000!important;font-size:11pt}
 .site-head,.site-foot,.skip,.crumbs,.chat-fab,.chat-panel,#consent,.consent,.res-tools,.share-menu,.ad-slot,[data-ad],.kv-sticky,.grens-strip,.btn,button,
 main>.wrap>*:not(.calc),main>section:not(.calc),.page-hero .lead,.trust,.calc-note,.route-map,[data-map-wrap],.add-stop-row,.combo-list{display:none!important}
 .calc{box-shadow:none!important;border:0!important;margin:0!important;padding:0!important}
 .calc-grid{display:block!important}
 .calc-form,.result{break-inside:avoid;border:1px solid #999!important;border-radius:6px;padding:10px 12px!important;margin:0 0 10px!important;background:#fff!important;color:#000!important;position:static!important}
 .result *{color:#000!important;background:transparent!important}
 input,select{border:1px solid #bbb!important;background:#fff!important;color:#000!important}
 .scn input{border:0!important}
 .scn tr.me td{background:#eee!important}
 a{color:#000!important;text-decoration:none!important}
 .print-h{display:block!important;font-size:9pt;color:#444!important;margin:0 0 8px}
}
/* routepagina: meerdere tussenstops (sleepbaar) */
.stops .drag{cursor:grab;touch-action:none;font-size:18px;color:var(--muted,#5b6577)}
.stops .drag[hidden]{display:none}
.stops .is-drag{opacity:.75;outline:2px dashed var(--ac-text,#c2410c);outline-offset:4px;border-radius:8px}
.stops .is-drag .drag{cursor:grabbing}
.stop-max{color:var(--muted,#5b6577)}
.add-stop-row [hidden]{display:none}