/* Layout: weighbridge-office tool. Sticky header + tabs, one working column; tables scroll inside their own box. */
:root{
  /* Huisstijl hovagro.farm (concept "Website", 26-10-2026): Lexend, wit + mint, bladvormige tegels, pilknoppen */
  --bg:#ffffff; --surface:#ffffff; --sunk:#e5f4eb; --line:#d3e6d9;
  --fg:#1d4e13; --muted:#5f7256;
  --accent:#009540; --accent-ink:#ffffff; --accent-soft:#e5f4eb;
  --hv-green:#009540; --hv-lime:#93c01f; --hv-yellow:#f5c400; --logo-ink:#1d4e13;
  --soil:#8a5a1f; --soil-soft:#fff3cf;
  --tile:#e5f4eb; --tile-ic:#ffffff; --tile-ic-fg:#009540; --tile-soil:#fff3cf; --hello:#009540;
  --danger:#b3261e; --danger-soft:#f8dedc;
  --ok:#2d6a40;
  --f-body:"Lexend",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-head:"Lexend",system-ui,sans-serif;
  --r:14px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0a130a; --surface:#13201a; --sunk:#1b3524; --line:#2f5a3a;
  --fg:#f1f6ec; --muted:#b3c4aa;
  --accent:#36d470; --accent-ink:#06150a; --accent-soft:#1b3524;
  --hv-green:#36d470; --hv-lime:#b7e33b; --hv-yellow:#ffd21f; --logo-ink:#f1f6ec;
  --soil:#e6b36a; --soil-soft:#4a3618;
  --tile:#1c4a2a; --tile-ic:#0c2412; --tile-ic-fg:#b7e33b; --tile-soil:#5a3f1a; --hello:#f1f6ec;
  --danger:#f2867e; --danger-soft:#3d1d1b; --ok:#74c08a; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0a130a; --surface:#13201a; --sunk:#1b3524; --line:#2f5a3a;
  --fg:#f1f6ec; --muted:#b3c4aa;
  --accent:#36d470; --accent-ink:#06150a; --accent-soft:#1b3524;
  --hv-green:#36d470; --hv-lime:#b7e33b; --hv-yellow:#ffd21f; --logo-ink:#f1f6ec;
  --soil:#e6b36a; --soil-soft:#4a3618;
  --tile:#1c4a2a; --tile-ic:#0c2412; --tile-ic-fg:#b7e33b; --tile-soil:#5a3f1a; --hello:#f1f6ec;
  --danger:#f2867e; --danger-soft:#3d1d1b; --ok:#74c08a; color-scheme:dark}
html,body{background:var(--bg);color:var(--fg)}
body{font-family:var(--f-body);font-size:15px;line-height:1.45}
*{box-sizing:border-box}
h1,h2,h3{font-family:var(--f-head);margin:0;text-wrap:balance;letter-spacing:-.01em;font-weight:600}
.num,td.n,th.n{font-variant-numeric:tabular-nums}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}
header.top::after{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--hv-green) 0 40%,var(--hv-lime) 40% 75%,var(--hv-yellow) 75%)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
svg.logo{height:30px;width:auto;display:block}
@media (max-width:480px){svg.logo{height:24px}}
.bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;max-width:2400px;margin:0 auto}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto}
.brand h1{font-size:22px;font-weight:700}
.brand span{color:var(--muted);font-size:13px}
.brand{min-width:0}
.qnav{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;min-width:0}
.qnav::-webkit-scrollbar{display:none}
.qnav .qi{flex:none;width:36px;height:36px;border-radius:50% 50% 50% 4px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border:1px solid transparent;cursor:pointer;padding:0;text-decoration:none}
.qnav .qi svg{width:20px;height:20px}
.qnav .qi.soil{background:var(--soil-soft);color:var(--soil)}
.qnav .qi.plain{background:var(--sunk);color:var(--fg)}
.qnav .qi:hover{border-color:var(--accent)}
.qnav .qi.on{background:var(--accent);color:var(--surface)}
.qnav .qi:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:700px){.qnav .qi{width:32px;height:32px}.qnav .qi svg{width:18px;height:18px}.brand .crumb{display:none}}
.jaar{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.jaar select{padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-weight:600;color:var(--fg)}
.who{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);position:relative}
.avbtn{border:2px solid var(--line);background:var(--sunk);border-radius:50%;width:36px;height:36px;padding:0;cursor:pointer;display:grid;place-items:center;overflow:hidden;transition:border-color .15s}.avbtn:hover,.avbtn[aria-expanded="true"]{border-color:var(--accent)}
.av,.avL,.avXL{border-radius:50%;object-fit:cover;display:grid;place-items:center;font-weight:700;color:var(--accent-ink);background:var(--accent)}.av{width:32px;height:32px;font-size:13px}.avL{width:44px;height:44px;font-size:16px;flex:0 0 auto}.avXL{width:84px;height:84px;font-size:28px;flex:0 0 auto}
.whomenu{position:absolute;right:0;top:calc(100% + 8px);min-width:260px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.18);padding:8px;z-index:60;color:var(--fg)}
.whohead{display:flex;gap:10px;align-items:center;padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:6px;min-width:0}.whohead b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whohead .hint{font-size:12px}
.whoitem{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--fg);font:inherit;font-size:14px;padding:9px 10px;border-radius:10px;cursor:pointer}.whoitem:hover{background:var(--sunk)}
.whosep{height:1px;background:var(--line);margin:6px 4px}
.pfrow{display:flex;gap:14px;align-items:center}
@media (max-width:480px){.who{display:flex}.whomenu{position:fixed;right:8px;left:8px;top:58px;min-width:0}}
.role{font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:var(--sunk);color:var(--muted)}
nav.tabs{display:flex;gap:4px;padding:0 16px;max-width:1180px;margin:0 auto;overflow-x:auto}
nav.tabs button{border:0;background:none;padding:9px 12px;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap}
nav.tabs button[aria-selected="true"]{color:var(--fg);border-bottom-color:var(--accent)}
main{max-width:2400px;margin:0 auto;padding-inline:16px;padding-block:18px 60px}
.notice{padding:12px 14px;border-radius:var(--r);background:var(--sunk);color:var(--muted);margin-bottom:14px}
.notice.err{background:var(--danger-soft);color:var(--danger)}

/* form */
.entry{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:860px){.entry{grid-template-columns:minmax(0,1fr)}}
.panel{background:var(--surface);border:1.5px solid var(--sunk);border-radius:var(--r);padding:16px}
.panel h2{font-size:18px;margin-bottom:12px}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
@media (max-width:520px){.fgrid{grid-template-columns:minmax(0,1fr)}}
.fgrid .wide{grid-column:1/-1}
#vr-tarra .entry{grid-template-columns:minmax(0,460px) minmax(0,1fr)}
@media (max-width:900px){#vr-tarra .entry{grid-template-columns:minmax(0,1fr)}}
#tarraForm .fgrid{grid-template-columns:minmax(0,1fr)}
#tarraForm .fgrid label.f{max-width:none!important}
label.f{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);min-width:0}
label.f input,label.f select{text-transform:none;letter-spacing:0;font-weight:500;font-size:16px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg);width:100%;min-width:0}
label.f input:focus,label.f select:focus{border-color:var(--accent)}
.inl{display:flex;gap:6px}
.inl input{flex:1}
.mini{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:0 10px;font-size:13px;font-weight:600;cursor:pointer;color:var(--fg)}
.check{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;padding:8px 10px;border-radius:6px;background:var(--soil-soft);color:var(--soil)}
.check input{width:18px;height:18px;accent-color:var(--soil)}
.hint{font-size:12px;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:400}
/* invoerformulieren: veldtitel donker en vet, bronregel licht en cursief */
.fgrid label.f,.revform label.f{color:var(--fg);font-weight:700}
.fgrid label.f .lrow .lk,.revform label.f .lrow .lk{font-weight:600}
.ctok{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 3px;border-radius:12px;background:var(--accent);color:var(--surface);font-weight:700;font-size:11px;letter-spacing:.02em}
.ib{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:3px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:italic 700 11px/1 Georgia,serif;cursor:pointer;vertical-align:1px;padding:0}.ib:hover{background:var(--hv-green,#009540);color:#fff}
/* Bewaarfoto's */
.bf-grid{display:grid;gap:10px}.bf-grid.bf-een{grid-template-columns:minmax(0,720px)}.bf-grid.bf-rij{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.bf-grid.bf-vier{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.bf-grid.bf-raster{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.bf-grid.bf-klein{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.bf-fig{margin:0;background:var(--surface);border:1.5px solid var(--sunk);border-radius:var(--r);overflow:hidden;cursor:pointer}.bf-fig img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.bf-fig figcaption{padding:6px 8px;font-size:13px}
.bf-wacht{aspect-ratio:1;display:grid;place-items:center;background:var(--sunk)}.bf-wacht.groot{min-height:300px}
.bf-status{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:700}.bf-groen{background:var(--accent);color:#fff}.bf-geel{background:var(--hv-yellow);color:#1d2a10}.bf-rood{background:var(--danger);color:#fff}.bf-grijs{background:var(--sunk);color:var(--muted)}
.bf-chart{width:100%;height:auto;display:block;background:var(--surface);border:1.5px solid var(--sunk);border-radius:var(--r)}
.bf-een img{width:100%;max-height:80vh;object-fit:contain;display:block;border-radius:8px}
.bf-naast{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bf-naast figure{margin:0}.bf-naast img{width:100%;display:block;border-radius:8px}.bf-naast figcaption{text-align:center;font-size:13px;color:var(--muted)}
.bf-schuif{position:relative;width:100%;aspect-ratio:1;max-height:80vh;overflow:hidden;border-radius:8px;background:var(--sunk)}.bf-schuif img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.bf-schuif .bf-boven{position:absolute;inset:0}.bf-schuif .bf-lijn{position:absolute;top:0;bottom:0;width:2px;background:var(--hv-yellow);transform:translateX(-1px)}
.bf-datums{display:flex;gap:4px;flex-wrap:wrap}.bf-modal .mini.on,.bf-datums .mini.on{background:var(--accent);color:#fff;border-color:var(--accent)}.bf-datums .mini.ander{box-shadow:inset 0 0 0 2px var(--hv-yellow)}
.bf-beo{margin-top:10px;padding:10px;border:1.5px solid var(--sunk);border-radius:var(--r)}.bf-beo textarea,.bf-opm textarea{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg);width:100%}
.bf-opm{display:grid;grid-template-columns:110px 1fr auto;gap:8px;align-items:start;margin:4px 0}
.modal.bf-modal{max-width:1100px}
.bf-vergelijk .bf-naast{grid-template-columns:1fr 1fr}.bf-vergelijk .bf-naast img{max-height:78vh;object-fit:contain}.bf-vergelijk .bf-een img{max-height:78vh}
.bf-foto{position:relative}.bf-foto img{display:block}.bf-marks{position:absolute;inset:0;pointer-events:none}.bf-mark{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border:3px solid;border-radius:50%;pointer-events:auto;cursor:pointer;box-shadow:0 0 0 2px rgba(0,0,0,.45)}.bf-mark-nz{opacity:.45;border-style:dashed}
.bf-mark i{position:absolute;left:36px;top:6px;font:700 11px/1 var(--f-body);font-style:normal;color:#111;padding:2px 5px;border-radius:5px;white-space:nowrap}
.bf-drie{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bf-drie figure{margin:0}.bf-drie img{width:100%;display:block;border-radius:8px}.bf-drie figcaption{text-align:center;font-size:13px;color:var(--muted);padding:4px}.bf-drie figcaption.on{color:var(--fg);font-weight:700}@media (max-width:900px){.bf-drie{grid-template-columns:1fr}}
.bf-veeglabel{position:absolute;top:8px;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.55);color:#fff;font-size:13px;font-weight:700}.bf-veeglabel.l{left:8px}.bf-veeglabel.r{right:8px}
.bf-tijdlijn{display:flex;gap:10px;align-items:center;margin:10px 0 4px}.bf-slider{flex:1;position:relative;padding:0 0 22px}.bf-slider input[type=range]{width:100%;accent-color:var(--accent)}
.bf-ticks{position:absolute;left:0;right:0;top:26px;height:18px}.bf-tick{position:absolute;transform:translateX(-50%);font-size:11px;color:var(--muted);cursor:pointer;white-space:nowrap;padding:1px 4px;border-radius:6px}.bf-tick.on{background:var(--accent);color:#fff;font-weight:700}.bf-tick.ander{box-shadow:inset 0 0 0 2px var(--hv-yellow)}
@media (max-width:700px){.bf-vergelijk .bf-naast{grid-template-columns:1fr}.bf-tick{font-size:9px}}
.betatag{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:99px;background:var(--hv-yellow,#f5c400);color:#1d2a10;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:2px}
.ctok{position:relative;cursor:default}.ctok[data-tip]:hover::after,.ctok[data-tip]:focus::after{content:attr(data-tip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--fg);color:var(--surface);font-weight:500;font-size:12px;letter-spacing:0;padding:5px 9px;border-radius:6px;z-index:30;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.bontip{position:fixed;z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:0 8px 28px rgba(0,0,0,.25);pointer-events:none}.bontip img{display:block;width:100%;object-fit:contain;border-radius:6px}.bontip span{display:block;font-size:11px;color:var(--muted);margin-top:4px;text-align:center}
.tip{position:relative;border-bottom:1px dotted currentColor;cursor:help}.tip[data-tip]:hover::after,.tip[data-tip]:focus::after{content:attr(data-tip);position:absolute;right:0;top:calc(100% + 6px);white-space:nowrap;background:var(--fg);color:var(--surface);font:500 12px/1.3 var(--f-body,inherit);letter-spacing:0;text-transform:none;padding:5px 9px;border-radius:6px;z-index:30;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.hint.src{color:var(--muted);opacity:.75;font-style:italic;font-weight:400}

/* weigh ticket */
.ticket{margin-top:16px;border:1px dashed var(--line);border-radius:var(--r);padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:2px 16px;font-variant-numeric:tabular-nums;background:var(--bg)}
.ticket{width:calc(50% - 7px);box-sizing:border-box}
@media (max-width:560px){.ticket{width:100%}}
.ticket dt{color:var(--muted);font-size:13px}
.ticket dd{margin:0;text-align:right;font-size:15px}
.ticket .tot{border-top:1px solid var(--line);padding-top:6px;margin-top:4px;font-family:var(--f-head);font-size:28px;font-weight:700;color:var(--accent)}
.ticket .tot.tg{color:var(--soil)}
.ticket .totl{border-top:1px solid var(--line);padding-top:12px;margin-top:4px;font-weight:600;color:var(--fg)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;align-items:center}
.btn{border:0;border-radius:99px;padding:10px 18px;font-weight:600;cursor:pointer;background:var(--accent);color:var(--accent-ink)}
.btn.ghost{background:var(--sunk);color:var(--fg)}
.btn.danger{background:var(--danger);color:var(--surface)}
.btn:disabled{opacity:.5;cursor:default}
label.btn.disabled{opacity:.5;cursor:default;pointer-events:none}
.msg{font-size:13px;color:var(--muted)}
.msg.err{color:var(--danger)}

/* lists */
.today{display:flex;flex-direction:column}
.trow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 12px;padding:9px 0;border-bottom:1px solid var(--line);cursor:pointer}
.trow:last-child{border-bottom:0}
.trow .nr{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;padding-top:2px}
.trow .t{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trow .s{grid-column:2;font-size:13px;color:var(--muted)}
.trow .w{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.pill{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:1px 7px;border-radius:99px;background:var(--soil-soft);color:var(--soil);vertical-align:1px}
.pill.edit{background:var(--accent-soft);color:var(--accent)}
.sumline{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:8px}
.sumline b{color:var(--fg);font-variant-numeric:tabular-nums}

.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:12px}
.filters label.f{flex:1 1 150px}
#pbFilters label.f{flex:1 1 120px;max-width:260px}
.filters label.f input,.filters label.f select{font-size:14px;padding:7px 8px}
#rdD,#rdT,#rdH{height:36px;padding-top:0;padding-bottom:0;line-height:34px}#rdT{-webkit-appearance:menulist;appearance:menulist}
.tablewrap{overflow-x:auto;border:1.5px solid var(--sunk);border-radius:var(--r);background:var(--surface)}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{padding:7px 10px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line)}
/* Overal in de app: om en om een lichte arcering per rij, kopregel donkerder (eigen achtergronden op cellen gaan voor) */
tbody tr:nth-child(even){background:rgba(127,127,127,.09)}
thead th{background:var(--sunk);color:var(--fg)}
th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;background:var(--sunk);position:sticky;top:0}
td.n,th.n{text-align:right}
tbody tr.click{cursor:pointer}
.edbtn{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--accent);cursor:pointer}.edbtn:hover,.edbtn:focus-visible{background:var(--accent);color:var(--surface);border-color:var(--accent)}
tbody tr.click:hover{background:var(--sunk)}
tr.tg td{color:var(--soil)}
tfoot td{font-weight:700;background:var(--sunk);border-bottom:0}
.more{margin-top:10px}

/* overview */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.kpi{background:var(--surface);border:1.5px solid var(--sunk);border-radius:16px;padding:12px 14px}
.kpi .l{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
.kpi .v{font-family:var(--f-head);font-size:28px;font-weight:700;color:var(--hv-green);font-variant-numeric:tabular-nums;line-height:1.2}
.kpi .v small{font-size:15px;color:var(--muted);font-weight:600;margin-left:3px}
.kpi .d{font-size:12px;color:var(--muted)}
.chartbox{background:var(--surface);border:1.5px solid var(--sunk);border-radius:var(--r);padding:14px;margin-bottom:18px}
.chartbox h3{font-size:16px;margin-bottom:8px}
.chartscroll{overflow-x:auto}
.chartscroll svg text{fill:var(--muted);font-family:var(--f-body);font-size:11px}
input.pct{width:58px;padding:4px 6px;text-align:right;font-size:13px;min-height:0}
.seg{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}
.lflags{display:inline-flex;gap:4px;align-items:center;margin-left:4px}.lflags button{display:inline-flex;align-items:center;justify-content:center;padding:5px 6px;border:2px solid transparent;border-radius:7px;background:var(--surface);cursor:pointer;line-height:0;opacity:.6}.lflags button svg{border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.15)}.lflags button:hover{opacity:1}.lflags button[aria-pressed="true"]{border-color:var(--hv-green,#009540);opacity:1}
.seg button{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:5px 12px;font-size:13px;font-weight:600;cursor:pointer;color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.bar-in{display:inline-block;height:8px;border-radius:2px;background:var(--accent);vertical-align:middle;margin-right:8px;opacity:.75}

/* modal */
.scrim{position:fixed;inset:0;background:rgba(10,14,11,.45);z-index:50;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:max(24px,env(safe-area-inset-top,0px)) 12px 24px}
.modal{width:min(720px,100%);background:var(--surface);border-radius:20px;padding:18px;border:1px solid var(--line)}
.modal .mhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.x{border:0;background:var(--sunk);border-radius:50%;width:34px;height:34px;font-size:18px;cursor:pointer;color:var(--fg)}
.modal.cfmodal{width:min(440px,100%);margin-top:18vh;border-color:var(--danger)}.cfmodal h2{color:var(--danger)}.cftext{font-size:16px;font-weight:600;margin:0 0 6px}
.confirm{margin-top:12px;padding:12px;border-radius:var(--r);background:var(--danger-soft);color:var(--danger);display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* beheer */
.adm{display:flex;flex-direction:column;gap:18px}
.adm .head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.adm .head h2{margin:0 auto 0 0;font-size:18px}
.adm td input,.adm td select{border:1px solid transparent;background:transparent;padding:4px 6px;border-radius:4px;width:100%;min-width:70px;font-size:14px}
.adm td input:hover,.adm td input:focus,.adm td select:hover,.adm td select:focus{border-color:var(--line);background:var(--bg)}
.adm td input[type="checkbox"]{width:18px;min-width:0;accent-color:var(--accent)}
.adm td input.w{min-width:220px}
.adm th.admth{white-space:normal;vertical-align:bottom;line-height:1.25}
.adm tr.admarch td{background:var(--soil-soft)}.adm tr.admarch td input:not([type="checkbox"]){color:var(--soil)}
.adm th.cc,.adm td.cc{text-align:center}.adm td.cc input[type="checkbox"]{margin:0 auto;display:block}
.adm td input::placeholder{color:var(--muted);opacity:.8}
.adm td select{min-width:130px}
.adm td input[inputmode="decimal"]{min-width:80px;max-width:120px;text-align:right;font-variant-numeric:tabular-nums}
.dirty{font-size:12px;color:var(--soil);font-weight:600}
.empty{padding:28px 16px;text-align:center;color:var(--muted)}
@media (prefers-reduced-motion: no-preference){.btn,.mini,nav.tabs button{transition:background .15s,color .15s,border-color .15s}}

/* hub additions */
.klaarrow td{color:var(--muted)}
.klaarlbl{display:inline-flex;gap:6px;align-items:center;cursor:pointer;font-weight:600}
.klaarlbl input{width:18px;height:18px;accent-color:var(--accent)}
.audit{line-height:1.45}.audit b{color:var(--fg);font-weight:600}
.tijdkeuze{border:2px solid var(--danger);background:var(--danger-soft);border-radius:var(--r);padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.tijdkeuze p{margin:0;color:var(--fg)}
.revhead{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:-6px 0 10px}
.revhead .btn{padding:8px 14px;font-size:16px}
.revhead .revpos{font-size:16px;font-weight:600}
.revhead .seg{gap:3px}.revhead .seg button{padding:4px 10px;font-size:12px}
.revsp{flex:1}
#vr-controle .panel{padding:10px 14px}
.revleft .revtitle{margin-bottom:6px}.revleft .revtitle h2{font-size:18px}.revbon{position:sticky;top:calc(env(safe-area-inset-top,0px) + 64px);padding:8px!important}
.revbon img{display:block;max-width:100%;max-height:calc(100vh - 150px);width:auto;margin:0 auto;object-fit:contain}
.revro{width:100%;border-collapse:collapse;font-size:14px}
.revro th,.revro td{padding:5px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:normal}
.revro thead th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:none}
.revro tbody th{font-weight:600;color:var(--muted);width:30%}
.revro tr.revbad td{color:var(--danger);font-weight:600}
@media(max-width:700px){.revro.stack tbody th,.revro.stack tbody td{display:block;width:auto;padding:3px 0}.revro.stack tbody th{border:0;padding-top:12px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.revro.stack tbody tr:first-child th{padding-top:0}}
.revgrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:900px){.revgrid{grid-template-columns:minmax(0,1fr)}}
.revtitle{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.revtitle h2{margin:0 6px 0 0}
.revdiff{color:var(--danger);font-weight:600;text-transform:none;letter-spacing:0}
.revnav{position:sticky;bottom:env(safe-area-inset-bottom,0px);display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px;z-index:3}
.revpos{font-weight:700;font-variant-numeric:tabular-nums}
.bonprev{position:sticky;top:calc(env(safe-area-inset-top,0px) + 70px);z-index:2}
.bonprev .bphead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}
.bonprev .bphead h2{margin:0}
.bonprev img{width:100%;border-radius:6px;border:1px solid var(--line);display:block;margin-bottom:8px}
@media (max-width:860px){.bonprev{position:static}}
.bonbtn{border:1px solid var(--line);background:var(--surface);color:var(--accent);border-radius:6px;padding:3px 5px;cursor:pointer;display:inline-flex;align-items:center;gap:2px;vertical-align:middle;line-height:1}
.bonbtn:hover{border-color:var(--accent);background:var(--accent-soft)}
.bonbtn small{font-size:11px;font-weight:700}
th.bc,td.bc{width:1%;text-align:center;padding-left:4px;padding-right:4px}
.lees{font-size:13px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--sunk);color:var(--muted)}
.lees.ok{background:var(--accent-soft);color:var(--accent)}
.lees.fout{background:var(--danger-soft);color:var(--danger)}
.lees.bezig{background:var(--soil-soft);color:var(--soil)}
.bongrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-top:16px}
.bcard{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:start;padding:12px}
.bthumb{border:1px solid var(--line);border-radius:6px;padding:0;background:var(--sunk);cursor:zoom-in;overflow:hidden;aspect-ratio:3/4;max-width:100%}
.bthumb img{width:100%;height:100%;object-fit:cover;display:block}
.bthumb .pdf{display:grid;place-items:center;height:100%;font-weight:700;color:var(--muted)}
.bmeta{display:flex;flex-direction:column;gap:6px;min-width:0}
.bmeta label.f input{font-size:15px;padding:6px 8px}
.bonline{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 12px}
.tallrow{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:6px;font-weight:400;text-transform:none;letter-spacing:0}.tallrow .mini{padding:4px 10px}
.bonline img{height:90px;border-radius:4px;border:1px solid var(--line)}
.modal.edwide{width:min(1500px,100%)}.edgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px;align-items:start}.edfoto{position:sticky;top:0;min-width:0}.edfoto .rotbar{flex-wrap:wrap}.edimg{border:1px solid var(--line);border-radius:8px;overflow:auto;max-height:calc(100vh - 170px);background:var(--sunk);cursor:zoom-in}.edimg img{display:block;width:100%;height:auto}.edimg.zoom{cursor:zoom-out}.edimg.zoom img{width:200%;max-width:none}@media (max-width:900px){.edgrid{grid-template-columns:minmax(0,1fr)}.edfoto{position:static;order:-1}.edimg{max-height:none}}
.camlk{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--accent);border-radius:6px;padding:4px 10px;background:var(--accent-soft);font-size:13px}
.camlk::before{content:"";width:14px;height:12px;border:2px solid currentColor;border-radius:3px;box-sizing:border-box;background:radial-gradient(circle,currentColor 2px,transparent 2.5px)}
.camlk input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:0}
.frombon{box-shadow:inset 0 0 0 2px var(--accent)}
.twijfel,.twijfel:focus{background:var(--soil-soft)!important;box-shadow:inset 0 0 0 2px var(--soil)}
.bons{display:flex;flex-direction:column;gap:16px;margin-top:16px}
.bon{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:18px;align-items:start}
.bon h3{font-size:18px;margin-bottom:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bonimg{width:100%;border-radius:6px;border:1px solid var(--line)}
@media (max-width:760px){.bon{grid-template-columns:minmax(0,1fr)}}
.lrow{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.lk{border:0;background:none;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;padding:0;text-transform:none;letter-spacing:0}
.lk:hover{text-decoration:underline}
.modal.wide{width:min(1400px,100%)}
.modal.fit{width:min(1838px,96vw)}
.cw-ok{color:#2e9e4f;font-size:13px;font-weight:700}
.cw-punten{display:flex;justify-content:flex-end;gap:2px;margin-top:2px;line-height:0}.cw-punten i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#1d6fb8;opacity:.85}
.alleen-mobiel{display:none}@media (max-width:900px){.alleen-mobiel{display:inline-flex}.cel-nav{flex-basis:100%}}
.tile.alleen-mobiel-tegel{display:none}@media (max-width:900px){.tile.alleen-mobiel-tegel{display:flex}}
#conceptList{max-height:360px;overflow-y:auto;padding-right:4px}
.isconcept{box-shadow:inset 0 0 0 2px var(--soil)}
.wahint{color:var(--accent);font-weight:600}
.rastint{background:color-mix(in srgb,var(--ras) 22%,var(--surface));border-color:color-mix(in srgb,var(--ras) 70%,var(--line));border-width:2px}
.rastint .ticket{background:color-mix(in srgb,var(--ras) 8%,var(--bg))}
.rastag{display:inline-block;margin-left:10px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 10px;border-radius:99px;vertical-align:3px;background:var(--surface);color:var(--fg);border:1px solid var(--line)}
.rastint .rastag{border-color:color-mix(in srgb,var(--ras) 70%,var(--line))}
.kmask{border:2px solid var(--soil);background:var(--soil-soft);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.kmask .kmq{margin:0;font-size:16px;color:var(--fg)}
.kmask .kmrow{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.kmask .kmrow label{flex:1 1 260px}
.kmask .hint,.kmask .msg{margin:0}
[hidden]{display:none!important}

.brandbtn{cursor:pointer;background:none;border:0;padding:0;color:inherit}
.crumb{font-family:var(--f-head);font-size:20px;font-weight:700;color:var(--muted)}
.crumb::before{content:"/";margin:0 8px 0 2px;color:var(--line)}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:4px 12px;font-size:13px;font-weight:600;cursor:pointer;color:var(--fg);display:inline-flex;gap:6px;align-items:center}
.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--hv-green)}
.chip.versie{font-weight:500;color:var(--muted);padding:4px 10px;font-variant-numeric:tabular-nums;letter-spacing:.2px}
.chip.versie.warn{color:var(--danger,#d23a3a);border-color:var(--danger,#d23a3a)}
@media (max-width:560px){.chip.versie{display:none}}
.chip.view .dot{background:var(--soil)}
.banner{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 14px;border-radius:var(--r);background:var(--soil-soft);color:var(--soil);margin-bottom:14px;font-weight:500}
.banner button{border:0;border-radius:6px;padding:6px 12px;font-weight:600;cursor:pointer;background:var(--soil);color:var(--surface)}

#v-home{position:relative;isolation:isolate;min-height:calc(100vh - 140px)}
#v-home::before{content:"";position:fixed;z-index:-1;pointer-events:none;right:-60px;bottom:-40px;width:min(62vw,760px);aspect-ratio:77/53;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%22477%2024%2077%2053%22%3E%3Cpath%20fill%3D%22%23009540%22%20d%3D%22M%20494.9%2035.7%20L%20479.2%2035.7%20L%20479.2%2051.4%20C%20479.2%2057.9%20481.9%2063.9%20486.2%2068.2%20C%20490.5%2072.5%20496.4%2075.1%20503%2075.1%20L%20507.1%2075.1%20L%20507.1%2052.6%20C%20507.1%2048.5%20508.1%2044.6%20509.8%2041.1%20C%20505.7%2037.8%20500.6%2035.7%20494.9%2035.7%20%22/%3E%3Cpath%20fill%3D%22%2393c01f%22%20d%3D%22M%20552.1%2025.5%20L%20534.2%2025.5%20C%20526.7%2025.5%20520%2028.6%20515.1%2033.5%20C%20512.9%2035.7%20511.1%2038.3%20509.8%2041.1%20C%20510.4%2041.6%20511.1%2042.1%20511.7%2042.6%20C%20516%2047%20518.7%2052.9%20518.7%2059.5%20L%20518.7%2075.1%20L%20525%2075.1%20C%20532.5%2075.1%20539.2%2072.1%20544.2%2067.2%20C%20549.1%2062.3%20552.1%2055.5%20552.1%2048%20Z%20M%20552.1%2025.5%20%22/%3E%3Cpath%20fill%3D%22%231d4e13%22%20d%3D%22M%20511.7%2042.6%20C%20511.1%2042.1%20510.4%2041.6%20509.8%2041.1%20C%20508.1%2044.6%20507.1%2048.5%20507.1%2052.6%20L%20507.1%2075.1%20L%20518.7%2075.1%20L%20518.7%2059.5%20C%20518.7%2052.9%20516%2047%20511.7%2042.6%20%22/%3E%3C/svg%3E") no-repeat center/contain;opacity:.13}
#v-home::after{content:"";position:fixed;z-index:-1;pointer-events:none;left:-90px;top:38vh;width:min(26vw,300px);aspect-ratio:77/53;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%22477%2024%2077%2053%22%3E%3Cpath%20fill%3D%22%23009540%22%20d%3D%22M%20494.9%2035.7%20L%20479.2%2035.7%20L%20479.2%2051.4%20C%20479.2%2057.9%20481.9%2063.9%20486.2%2068.2%20C%20490.5%2072.5%20496.4%2075.1%20503%2075.1%20L%20507.1%2075.1%20L%20507.1%2052.6%20C%20507.1%2048.5%20508.1%2044.6%20509.8%2041.1%20C%20505.7%2037.8%20500.6%2035.7%20494.9%2035.7%20%22/%3E%3Cpath%20fill%3D%22%2393c01f%22%20d%3D%22M%20552.1%2025.5%20L%20534.2%2025.5%20C%20526.7%2025.5%20520%2028.6%20515.1%2033.5%20C%20512.9%2035.7%20511.1%2038.3%20509.8%2041.1%20C%20510.4%2041.6%20511.1%2042.1%20511.7%2042.6%20C%20516%2047%20518.7%2052.9%20518.7%2059.5%20L%20518.7%2075.1%20L%20525%2075.1%20C%20532.5%2075.1%20539.2%2072.1%20544.2%2067.2%20C%20549.1%2062.3%20552.1%2055.5%20552.1%2048%20Z%20M%20552.1%2025.5%20%22/%3E%3Cpath%20fill%3D%22%231d4e13%22%20d%3D%22M%20511.7%2042.6%20C%20511.1%2042.1%20510.4%2041.6%20509.8%2041.1%20C%20508.1%2044.6%20507.1%2048.5%20507.1%2052.6%20L%20507.1%2075.1%20L%20518.7%2075.1%20L%20518.7%2059.5%20C%20518.7%2052.9%20516%2047%20511.7%2042.6%20%22/%3E%3C/svg%3E") no-repeat center/contain;opacity:.07;transform:rotate(-18deg)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) #v-home::before{opacity:.10}:root:not([data-theme="light"]) #v-home::after{opacity:.05}}
#v-home[hidden]::before,#v-home[hidden]::after{display:none}
.home-head{display:flex;flex-direction:column;gap:2px;margin-bottom:18px}
.home-head h2{font-size:32px;font-weight:700;color:var(--hello)}
.chip.thema{padding:4px 9px;line-height:0}.chip.thema svg{width:18px;height:18px}
.tile span.sub{color:var(--muted)}
.home-head p{margin:0;color:var(--muted)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
@media (max-width:480px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.tile{display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;padding:18px 16px;border-radius:22px 22px 22px 6px;border:1.5px solid transparent;background:var(--tile);cursor:pointer;color:var(--fg);min-height:150px}
.tile{position:relative;overflow:hidden}.tile::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--hv-lime);opacity:0;transition:opacity .15s}
.tile:hover{border-color:var(--hv-lime);box-shadow:0 6px 18px rgba(0,149,64,.18)}
.tile .ic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--tile-ic);color:var(--tile-ic-fg)}
.tile .ic svg{width:28px;height:28px}.tile[data-go="exact"] .ic svg{width:40px;height:40px}
.tile.soil{background:var(--tile-soil)}.tile.soil .ic{background:var(--tile-ic);color:var(--soil)}
.tile.plain{background:var(--surface);border-color:var(--line)}.tile.plain .ic{background:var(--sunk);color:var(--fg)}
a.tile{text-decoration:none}
.tile .ext{position:absolute;top:14px;right:14px;width:16px;height:16px;color:var(--muted)}
.tile b{font-family:var(--f-head);font-size:20px;font-weight:600;line-height:1.15}
.tile span.sub{font-size:13px;color:var(--muted);line-height:1.35}
@media (prefers-reduced-motion: no-preference){.tile{transition:border-color .15s,transform .15s}.tile:active{transform:scale(.98)}}

.subnav{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--line);overflow-x:auto}
.subnav button{border:0;background:none;padding:9px 12px;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;margin-bottom:-1px}
.subnav button[aria-selected="true"]{color:var(--fg);border-bottom-color:var(--hv-green)}
.subnav button:hover{color:var(--fg)}
.subnav button[aria-pressed="true"]{color:var(--fg);border-bottom-color:var(--hv-green)}
/* Vaste pagina-opbouw (26-10-2026): paginanaam (.home-head/.dhead h2) → hoofdmenu als pilknoppen (.hoofdmenu) → submenu's als onderstreepte tabbladen (.subnav) */
.hoofdmenu{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;border:0;max-width:none;overflow:visible}
.hoofdmenu button{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--fg);font:inherit;font-size:14px;font-weight:600;padding:8px 16px;margin:0;cursor:pointer;white-space:nowrap;line-height:1.2}
.hoofdmenu button:hover{border-color:var(--hv-green);color:var(--fg)}
.hoofdmenu button[aria-selected="true"],.hoofdmenu button[aria-pressed="true"],.hoofdmenu button.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.dhead h2{font-size:32px;font-weight:700;color:var(--hello)}

.back{border:0;background:none;color:var(--accent);font-weight:600;cursor:pointer;padding:0;margin-bottom:10px}
.dhead{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.dhead h2{font-size:24px;margin-right:auto}
.dhead .meta{width:100%;color:var(--muted);font-size:14px;margin-top:-6px}
.npk{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px;margin-bottom:16px}
.npk .kpi .v{font-size:24px}
.typeseg{display:flex;gap:4px;flex-wrap:wrap}
.typeseg button{border:1px solid var(--line);background:var(--sunk);border-radius:99px;padding:8px 12px;font-weight:600;cursor:pointer;color:var(--muted)}
.typeseg button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.status{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:1px 7px;border-radius:99px}
.status.gepland{background:var(--soil-soft);color:var(--soil)}
.status.klaar{background:var(--accent-soft);color:var(--accent)}
.status.corr{background:var(--sunk);color:var(--muted)}
.others{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:6px;padding:6px 10px;background:var(--bg);display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px 12px}
.others label{display:flex;gap:6px;align-items:center;font-size:14px;cursor:pointer;padding:3px 0}
.others input{accent-color:var(--accent)}
.years{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.year{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:8px}
.year.act{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.year h3{font-size:26px;display:flex;align-items:center;gap:8px}
.year .s{font-size:13px;color:var(--muted)}
.year .b{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.year .b .btn{padding:7px 12px;font-size:13px}
td.ro{color:var(--muted)}
.chh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.cpy{padding:5px 10px;font-family:var(--f-body)}
.kpibtn{text-align:left;cursor:pointer;font:inherit;color:inherit}.kpibtn:hover{border-color:var(--hv-lime);box-shadow:0 4px 14px rgba(29,78,19,.08)}
.celgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,640px),1fr));gap:16px}
.celcard{display:flex;flex-direction:column;gap:12px;padding:20px}
.celcard>*{flex:none}
.celcard .tablewrap{overflow:visible}
.celcard .ch{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.celcard .ch .ct{margin-left:auto}
.celcard .ch h3{font-size:28px}
.celcard .ct{font-family:var(--f-head);font-size:32px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}
.celcard .ct small{font-size:14px;color:var(--muted);font-weight:600;margin-left:3px}
.celcard .cm{font-size:15px;color:var(--muted)}
.raschip{font-size:14px!important;padding:4px 12px!important}
.raschip i{width:12px!important;height:12px!important}
.raschips{display:flex;gap:6px;flex-wrap:wrap}
.raschip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:2px 9px;border-radius:99px;background:var(--sunk)}
.raschip i{width:10px;height:10px;border-radius:50%;background:var(--ras,var(--muted));display:inline-block}
.sbar{display:flex;height:20px;border-radius:4px;overflow:hidden;background:var(--sunk)}
.sbar span{display:block;height:100%}
.slegend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;color:var(--muted)}
.slegend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px;vertical-align:0}
.slegend b{color:var(--fg);font-variant-numeric:tabular-nums}
.ssec{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:6px}
.ssec .sh{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-weight:600;font-size:14px}
.klrows{display:flex;flex-direction:column;gap:6px}
.dupnr td,tr.dupnr td{background:var(--danger-soft)!important;color:var(--danger)!important}.bcard.dupnr{border:2px solid var(--danger);background:var(--danger-soft)}
.status.dup{background:var(--danger);color:#fff}
input.dupin{border-color:var(--danger)!important;box-shadow:inset 0 0 0 2px var(--danger)}
.rotbar{display:flex;gap:6px;align-items:center;margin:0 0 6px}.rotbtn{font-size:18px;line-height:1;padding:4px 10px!important;min-width:40px;height:34px}
.cpday{padding:3px 7px!important;vertical-align:middle;color:var(--accent);display:inline-flex;align-items:center;gap:4px}
.sfoto{display:inline-flex;align-items:center}
.cnav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 12px;padding:8px 10px;border-radius:var(--r);background:var(--soil-soft)}.cnav .btn{padding:7px 12px;font-size:14px}.cpos{font-weight:600;color:var(--soil);flex:1;text-align:center;font-size:14px}
.klrow{display:grid;grid-template-columns:minmax(0,1fr) 120px 34px;gap:6px}
.klrow input{font-size:15px;padding:7px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg);min-width:0}
.celcard table{font-size:15px}.celcard th,.celcard td{padding:8px 10px}.celcard td:first-child{white-space:normal}
/* controlelijst zeefgrond (Rooien → Nieuwe zeefgrond) */
#vr-tarra .entry.zcfull{grid-template-columns:minmax(0,1fr)}
#vr-tarra .entry.zcfull>#tarraPanel{display:none}
.zclijsten{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}.zcleft .zchead{margin:0}.zclnav{padding:4px 14px!important;font-size:20px;line-height:1}.zclcur{font-family:var(--f-head);font-weight:700;font-size:17px;min-width:170px;text-align:center}
.zchead{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:-4px 0 12px}
.zchead .btn{padding:6px 12px;font-size:14px}
.zchead .seg{margin:0}.zchead .seg button{padding:4px 10px;font-size:12px}
.zcgrid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,.55fr) minmax(0,1fr);grid-template-areas:"rec sum foto";gap:14px;align-items:start}
.zcgrid>.zcleft{grid-area:rec}.zcgrid>.zcsum{grid-area:sum;position:sticky;top:calc(env(safe-area-inset-top,0px) + 70px);max-height:calc(100vh - 90px);overflow:auto}.zcgrid>.zcfoto{grid-area:foto}
@media (max-width:1280px){.zcgrid{grid-template-columns:minmax(0,.78fr) minmax(0,.62fr) minmax(0,.8fr);gap:10px}.zcsum th,.zcsum td{padding:4px 4px;font-size:12px}.zcsum{padding:8px 8px!important}}
@media (max-width:1040px){.zcgrid{grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);grid-template-areas:"rec foto" "sum foto"}.zcgrid>.zcsum{position:static;max-height:none}}
@media (max-width:960px){.zcgrid{grid-template-columns:minmax(0,1fr);grid-template-areas:"rec" "foto" "sum"}}
.zcleft{display:flex;flex-direction:column;gap:12px;min-width:0}
.zcrec{border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;background:var(--surface);min-width:0}
.zcrec .revtitle{margin-bottom:6px}.zcrec .revtitle h2{font-size:18px;margin:0 6px 0 0}
.zcrows table{font-size:13px}.zcrows th,.zcrows td{padding:5px 6px}.zcrows th{white-space:normal;vertical-align:bottom}.zcrows td:nth-child(3){white-space:normal;min-width:90px}.zcsum th:nth-child(2),.zcsum td:nth-child(2){display:none}
.zcrows tr[data-zck]{cursor:pointer}.zcrows tr[data-zck]:hover td{background:var(--sunk)}
.zcrows tr.zcsel td{background:var(--accent-soft);font-weight:600}
.zcrows tr.zcsel td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
.zcrows tr.zcvv td{color:var(--muted);text-decoration:line-through}
.zcrows .ctok{height:22px;min-width:22px}
.zclijst{margin:0 0 8px;font-size:14px;padding:7px 10px;border-radius:6px;background:var(--sunk)}
.zcfoto{position:sticky;top:calc(env(safe-area-inset-top,0px) + 70px);padding:8px!important;min-width:0}
.zcfh{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:0 0 6px}
.zcfh .lk{margin-left:auto}
.zcimg{overflow:auto;max-height:calc(100vh - 150px);border-radius:6px;border:1px solid var(--line);background:var(--sunk)}
.zcimg img{display:block;width:100%;height:auto;cursor:zoom-in}
.zcimg.zoom img{width:220%;max-width:none;cursor:zoom-out}
@media (max-width:960px){.zcfoto{position:static}.zcimg{max-height:none}}
.zcform label.check{display:none!important}
/* Nieuwe zeefgrond: invoerpaneel links weggelaten op verzoek; zeefgrond komt via de zeefgrondlijsten */
#vr-tarra .entry{grid-template-columns:minmax(0,1fr)}
#vr-tarra #tarraPanel{display:none}
.zcform .zcnet{width:auto;margin:0;align-self:start;padding:8px 12px}
.zcform .zcnet dt:not(.totl),.zcform .zcnet dd:not(.tot){display:none}
.zcform .zcnet .totl,.zcform .zcnet .tot{border-top:0;margin-top:0;padding-top:0;align-self:center}
@media (min-width:521px){
.zcform .fgrid>label[for^="nr_"]{grid-column:1;grid-row:1}
.zcform .fgrid>label[for^="teelt_"]{grid-column:1;grid-row:2}
.zcform .fgrid>label[for^="cel_"]{grid-column:1;grid-row:3}
.zcform .fgrid>label[for^="veld_"]{grid-column:1;grid-row:4;max-width:none!important}
.zcform .fgrid>label[for^="vol_"]{grid-column:2;grid-row:1}
.zcform .fgrid>label[for^="leeg_"]{grid-column:2;grid-row:2}
.zcform .fgrid>.zcnet{grid-column:2;grid-row:3}
}
.zcform label.f input[type="checkbox"]{width:auto;flex:none}
#lijstTbl tr.concept td{background:var(--soil-soft)}
#lijstTbl tr.waonly td{background:#e2edfb}#lijstTbl tr.waonly .pill{background:#c9dcf6;color:#1d4f91}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) #lijstTbl tr.waonly td{background:#1b2a3d}:root:not([data-theme="light"]) #lijstTbl tr.waonly .pill{background:#26405f;color:#b9d3f5}}:root[data-theme="dark"] #lijstTbl tr.waonly td{background:#1b2a3d}:root[data-theme="dark"] #lijstTbl tr.waonly .pill{background:#26405f;color:#b9d3f5}
.pbq{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:18px;align-items:start}
.pbq h3{font-size:17px;margin-bottom:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pbqimg img{width:100%;border-radius:6px;border:1px solid var(--line);display:block}
@media (max-width:760px){.pbq{grid-template-columns:minmax(0,1fr)}.pbqimg img{max-height:50vh;object-fit:contain}}
.pbwa{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:60vh;overflow-y:auto;padding:2px}
.pbwai{position:relative;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);cursor:pointer;border:2px solid transparent;border-radius:8px;padding:4px;background:var(--sunk)}
.pbwai:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--fg)}
.pbwai.klaar{opacity:.55}
.pbwai img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:5px;background:var(--line)}
.pbwai input{position:absolute;top:8px;left:8px;width:20px;height:20px;accent-color:var(--accent)}
#pbTbl td a{color:var(--accent)}
.wbpvwrap{overflow:auto;max-height:calc(100vh - 220px);border:1px solid var(--line);border-radius:8px;background:#fff;margin-bottom:12px;cursor:zoom-in}.wbpvwrap.zoom{cursor:zoom-out}.wbpvwrap.zoom .wbpv{width:200%}.wbpv{position:relative;width:100%;aspect-ratio:1000/1414;overflow:hidden}.wbpv img{position:absolute;left:0;width:100%;height:auto;max-width:none}
@media (max-width:700px){#wbSide .wbzoek,#wbCsv,#wbNow,#wbStat,#wbFilters label[for="wbProd"],#wbFilters label[for="wbVerv"],#wbFilters label[for="wbPartij"],#wbFilters label[for="wbJaar"],#wbFilters label[for="wbDir"],#wbTbl .wbm{display:none!important}#wbTbl .wbnr{font-size:12px;padding-left:6px;padding-right:4px;width:1%}}
.wbdot{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:middle}.wbdot.ok{background:var(--hv-green)}.wbdot.weg{background:var(--danger)}.wbdot.q{background:var(--line)}
.pbsplit{display:grid;grid-template-columns:minmax(300px,46%) minmax(0,1fr);gap:14px;align-items:stretch;min-height:360px}
.pbmain{overflow:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.pbmain .tablewrap{overflow:visible;border:0;border-radius:0}
.pbmain th{z-index:1}
.pbmain .more{margin:10px}
#pbTbl .pbopt{display:none}
#pbTbl td{white-space:normal}
#pbTbl td.pbafw{color:var(--soil);font-weight:600}
#pbTbl td.pbocr{color:var(--ok);font-weight:700;text-align:center}
.ctrlflag{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border-radius:11px;background:var(--danger);color:#fff;font-weight:800;font-size:13px;line-height:1}.ctrlok{color:var(--ok);font-weight:700}.ctrlbox{grid-column:1/-1;border:1px solid var(--line);border-radius:var(--r);padding:8px 10px;display:flex;flex-direction:column;gap:6px;background:var(--sunk)}.ctrlbox.open{border-color:var(--danger);background:var(--danger-soft)}.ctrlbox label.check{background:transparent;color:var(--fg);padding:2px 0}.ctrlbox input[type="text"]{font-size:14px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--fg);width:100%}
#pbTbl th,#pbTbl td{padding-left:6px;padding-right:6px}#pbTbl th{white-space:normal;line-height:1.15;vertical-align:bottom}#pbTbl th.bc,#pbTbl td.bc{padding-left:4px;padding-right:8px}
#pbTbl td:nth-child(1),#pbTbl td:nth-child(2){white-space:nowrap}
#pbTbl th.pbsort{cursor:pointer;user-select:none}#pbTbl th.pbsort:hover{color:var(--fg)}#pbTbl th.pbsort.on{color:var(--accent)}#pbTbl th.pbsort.on::after{content:" ▾"}
.pbside{overflow:auto;padding:14px 16px;margin:0;min-width:0}
.pbshead{display:flex;align-items:center;gap:10px;margin-bottom:6px}.pbshead h2{font-size:20px;margin:0 auto 0 0}
.pbback{display:none;margin:0}
#wbTbl tr.wbopen td{background:var(--soil-soft)}#wbTbl tr.wbopen td.wbnr{color:var(--soil);font-weight:700}#wbTbl tr.pbsel td{background:var(--accent-soft)}#wbTbl tr.pbsel td:first-child{box-shadow:inset 3px 0 0 var(--accent)}#wbTbl tbody tr{scroll-margin-top:40px}#pbTbl tr.pbsel td{background:var(--accent-soft)}#pbTbl tr.pbsel td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
.pbprev{overflow:auto;border-radius:8px;position:relative}.pbprev.rot{overflow:auto}.pbprev img{width:100%;display:block;border:1px solid var(--line);border-radius:8px;cursor:zoom-in}
.pbprev.zoom img{width:220%;max-width:none;cursor:zoom-out}
.pbnoprev{padding:22px 16px;text-align:center;border:1px dashed var(--line);border-radius:8px;background:var(--sunk);color:var(--muted);font-size:14px}
.pbleeg{height:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);gap:4px}
.pbleeg .ic{width:56px;height:56px;border-radius:16px 16px 16px 5px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:8px}.pbleeg .ic svg{width:30px;height:30px}
.pbleeg p{margin:0}
@media (min-width:1200px){.pbsplit{grid-template-columns:minmax(420px,48%) minmax(0,1fr)}#pbTbl .pbopt.pbw{display:table-cell}}
@media (max-width:640px){.pbsplit{grid-template-columns:minmax(0,1fr);height:auto!important}.pbmain{overflow:visible}.pbsplit:not(.open) .pbside{display:none}.pbsplit.open .pbmain{display:none}.pbside{overflow:visible}.pbback{display:inline-block}.pbshead{flex-wrap:wrap}.pbshead .x{display:none}#pbTbl .pbopt{display:table-cell}#pbTbl .pbopt:nth-last-child(-n+3){display:none}}
.zcsum{min-width:0;padding:10px 12px!important}.zcsum th,.zcsum td{padding:5px 6px}.zcsum th{white-space:normal;line-height:1.15;vertical-align:bottom}.zcsum td:first-child{white-space:normal}.zcsum h3{font-size:15px;margin:0 0 8px}.zcsum tr.zcsel td{background:var(--accent-soft);font-weight:600}.zcsum tr.zcsel td:first-child{box-shadow:inset 3px 0 0 var(--accent)}

/* ---------- Sencrop weerstations ---------- */
:root{--rain:#2f6fb0;--rain-soft:#dce8f5}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--rain:#7fb3e6;--rain-soft:#1c2c3d}}
:root[data-theme="dark"]{--rain:#7fb3e6;--rain-soft:#1c2c3d}
.tile.rain .ic{background:var(--rain-soft);color:var(--rain)}
.qnav .qi.rain{background:var(--rain-soft);color:var(--rain)}
.schead{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.schead .msg{margin-right:auto}
.schead .seg{margin:0}
.scgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:14px}
.sccard{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.tile .wi{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--rain);display:grid;place-items:center;font:italic 700 14px/1 Georgia,serif;cursor:help;z-index:2}
.tile .wi:hover,.tile .wi:focus-visible,.tile .wi[aria-expanded="true"]{background:var(--rain);color:var(--surface);border-color:var(--rain)}
.hinfo{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:8px;vertical-align:middle;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--rain);font:italic 700 13px/1 Georgia,serif;cursor:help;padding:0}
.hinfo.sm{width:16px;height:16px;margin-left:6px;font-size:10px}
.vsinfo{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:6px;vertical-align:middle;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--hv-green);font:italic 700 11px/1 Georgia,serif;cursor:pointer;padding:0}
.vsinfo:hover,.vsinfo[aria-expanded="true"]{background:var(--hv-green);color:#fff;border-color:var(--hv-green)}
.hinfo:hover,.hinfo:focus-visible,.hinfo[aria-expanded="true"]{background:var(--rain);color:var(--surface);border-color:var(--rain)}
.tile .tw{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;border:1px solid var(--danger);background:var(--danger);color:#fff;display:grid;place-items:center;font:700 16px/1 var(--f-head);cursor:help;z-index:2;animation:twpulse 2s ease-in-out infinite}
.tile .tw.laat{background:var(--hv-yellow);border-color:var(--hv-yellow);color:#1d2a10;animation:none}
.tile .ws,.impws{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:help;z-index:2}
.impws{top:0!important;right:auto!important;left:0!important}
.tile .ws svg,.impws svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ws.rood{background:var(--danger);border-color:var(--danger);color:#fff}.ws.oranje{background:#f08c00;border-color:#f08c00;color:#fff}.ws.groen{background:var(--hv-green);border-color:var(--hv-green);color:#fff}
.tile .ws:hover,.tile .ws:focus-visible,.tile .ws[aria-expanded="true"]{box-shadow:0 0 0 3px var(--line)}
.ws.grijs{background:var(--sunk);border-color:var(--line);color:var(--muted)}
.sy-row{padding:10px 12px;border:1px solid var(--line);border-left:4px solid var(--hv-green);border-radius:var(--r);background:var(--surface);margin:8px 0}.sy-row.oranje{border-left-color:#f08c00}.sy-row.rood{border-left-color:var(--danger)}.sy-row.grijs{border-left-color:var(--line)}.sy-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sy-top b{font-size:15px}.sy-ritme{margin-left:2px}.sy-go{margin-left:auto;padding:4px 10px;font-size:12px}.sy-body{margin:4px 0 0 26px;display:flex;flex-direction:column;gap:2px;font-size:14px}.sy-tel{font-weight:600}.sy-row .tp-fix{margin:8px 0 0;padding:8px 10px;border-radius:8px;background:var(--accent-soft);color:var(--fg)}.sy-row .tp-fix b{display:block;margin-bottom:2px}
.ws.oranje svg{animation:wsspin 1.6s linear infinite}@keyframes wsspin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tile .ws.oranje svg{animation:none}}
.weerpop.taakpop.oranje{border-top-color:#f08c00}.weerpop.taakpop.oranje h3{color:#b35f00}.weerpop.taakpop.groen{border-top-color:var(--hv-green)}.weerpop.taakpop.groen h3{color:var(--ok)}
.tile .tw:hover,.tile .tw:focus-visible,.tile .tw[aria-expanded="true"]{box-shadow:0 0 0 3px var(--danger-soft)}
@keyframes twpulse{0%,100%{box-shadow:0 0 0 0 rgba(179,38,30,.45)}50%{box-shadow:0 0 0 7px rgba(179,38,30,0)}}
@media (prefers-reduced-motion: reduce){.tile .tw{animation:none}}
.banner.wbsbar{background:#fbe6c6;color:#8a5a1f;border:1px solid #e9b96b;margin:0 0 12px}.banner.wbsbar button{background:var(--soil)}.banner.wbsbar button:disabled{opacity:.5}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .banner.wbsbar{background:#3a2c17;color:#f0c98a;border-color:#7a5a2a}}:root[data-theme="dark"] .banner.wbsbar{background:#3a2c17;color:#f0c98a;border-color:#7a5a2a}
.weerpop.taakpop{border-top-color:var(--danger)}.weerpop.taakpop.laat{border-top-color:var(--hv-yellow)}
.weerpop.taakpop h3{color:var(--danger)}.weerpop.taakpop.laat h3{color:var(--soil)}
.weerpop.taakpop .tp-fix{margin:8px 0;padding:8px 10px;border-radius:8px;background:var(--accent-soft);color:var(--fg)}
.weerpop.taakpop .tp-fix b{display:block;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:3px}
.weerpop{position:fixed;z-index:70;width:min(440px,calc(100vw - 24px));max-height:min(70vh,560px);overflow-y:auto;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-top:4px solid var(--rain);border-radius:12px;padding:14px 16px;box-shadow:0 10px 30px rgba(0,0,0,.22);font-size:14px}
.weerpop h3{font-size:16px;margin-bottom:6px}
.weerpop p{margin:0 0 8px;line-height:1.5;text-wrap:pretty}
.weerpop .wt-f{font-size:12px;color:var(--muted);margin:2px 0 0}
.sccard.oud{border-color:var(--soil)}
.sccard .h{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.sccard h3{font-size:18px;line-height:1.2;overflow-wrap:anywhere}
.sccard .m{font-size:12px;color:var(--muted)}
.sccard .now{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.sccard .tnow{font-family:var(--f-head);font-size:34px;font-weight:700;color:var(--fg);font-variant-numeric:tabular-nums;line-height:1}
.sccard .tnow small{font-size:16px;color:var(--muted);font-weight:600}
.sccard .side{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:1px}
.sccard .side b{color:var(--fg);font-variant-numeric:tabular-nums}
.scstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.scstats div{background:var(--sunk);border-radius:8px;padding:6px 8px}
.scstats .l{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600}
.scstats .v{font-weight:700;font-variant-numeric:tabular-nums;font-size:16px}
.scstats .v small{font-size:12px;color:var(--muted);font-weight:600;margin-left:2px}
.scch{display:flex;flex-direction:column;gap:2px}
.scch .ct{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600;display:flex;justify-content:space-between}
.scch svg{display:block;width:100%;height:auto;overflow:visible}
.scch svg text{fill:var(--muted);font-family:var(--f-body);font-size:10px}
.scch svg .hit{fill:transparent}
.scch svg .hit:hover{fill:var(--sunk);fill-opacity:.6}
.scch svg .gl{stroke:var(--line);stroke-width:1}
.scch svg .tl{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.scch svg .rb{fill:var(--rain)}
.pbinfo{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--accent);font:italic 700 12px/1 Georgia,serif;cursor:help}.pbinfo:hover,.pbinfo:focus-visible{background:var(--accent);color:var(--surface);border-color:var(--accent)}
.pbtip{position:fixed;z-index:80;max-width:min(420px,calc(100vw - 24px));background:var(--surface);color:var(--fg);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:8px 10px;font-size:13px;line-height:1.35;white-space:pre-line;box-shadow:0 8px 24px rgba(0,0,0,.18);pointer-events:none}
.scch svg .rbf{fill:var(--rain-soft);stroke:var(--rain);stroke-width:1;stroke-dasharray:3 2}
.scch svg .kans{font-size:9px}
.scstats.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.scstats.c5{grid-template-columns:repeat(5,minmax(0,1fr))}.scstats.c5 div{padding:6px 5px}.scstats.c5 .l{letter-spacing:.01em;font-size:10px;line-height:1.2}.scstats.c5 .v{font-size:15px}
@media (max-width:480px){.scstats.c5{grid-template-columns:repeat(3,minmax(0,1fr))}}
.scstats.c4 div{padding:6px 6px}.scstats.c4 .l{letter-spacing:.02em}
@media (max-width:480px){.scstats.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.scstats .v.fc{color:var(--rain)}
.scnofc{font-size:12px;color:var(--muted)}
.scwarn{font-size:12px;font-weight:600;color:var(--soil);background:var(--soil-soft);border-radius:6px;padding:3px 8px;align-self:flex-start}
.sctbl td.naam{white-space:normal;min-width:160px}
:root{--sus:#e8891a}
.sctbl td.naam .m{display:block;font-size:11px;color:var(--muted);font-weight:400}.scpl{margin-left:6px;font-size:12px}
.sctbl .bi{width:14px;height:14px;vertical-align:-2px;color:var(--muted);margin-left:4px}
.sctbl.regen th,.sctbl.regen td{padding:5px 6px}.sctbl.regen td.naam{min-width:0;width:40%}.sctbl.regen th.n,.sctbl.regen td.n{width:1%}.sctbl.regen .sep{padding-left:9px}.sctbl.regen tr.grp td{padding:4px 8px}
.sctbl .vorst{display:inline-block;border:2px solid var(--rain);border-radius:6px;padding:0 5px;margin:-2px -5px;cursor:help}
.sctbl.regen td.temp small{font-size:10px;color:var(--muted);margin-left:1px}.sctbl.regen th .ti{color:var(--soil,#b26a2a)}
.sctbl.regen th.n{text-align:center;line-height:1.25;vertical-align:bottom}.sctbl.regen th.n span{display:block}.sctbl.regen th .ri{display:block;margin:0 auto 1px}.sctbl.regen th.sort[aria-sort]::after{display:block;line-height:1}
@media (max-width:640px){.sctbl.regen th,.sctbl.regen td{padding:4px 4px;font-size:13px}.sctbl.regen .sep{padding-left:6px}.sctbl.regen td.klein{font-size:9px;padding-left:2px}.sctbl.regen th .lm{display:none}.sctbl.regen th{letter-spacing:0;font-size:10px}.scregio,.scpl{display:none}#scBox{display:flex;flex-direction:column}#scBox .schead{order:2;margin:14px 0 4px}#scBox .scsrc{order:3}#scBox>*{min-width:0}}
.sctbl .sep{border-left:2px solid var(--line);padding-left:14px}.sctbl .klein{font-size:11px;color:var(--muted);white-space:nowrap}.sctbl th .ri{width:14px;height:14px;vertical-align:-2px;color:var(--rain)}
.sctbl tr.grp td{background:var(--sunk);font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:6px 10px}
.scregio{margin-top:18px}.scregio summary{cursor:pointer;font-weight:600;margin-bottom:8px}.scregio select{padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg);font:inherit;font-size:13px}
.scpledit{display:flex;gap:6px;align-items:center;margin-top:6px;flex-wrap:wrap}.scpledit input{flex:1 1 140px;min-width:0;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg);font:inherit;font-size:13px}
.sus{display:inline-block;border:2px solid var(--sus);border-radius:6px;padding:0 5px;margin:-2px -5px;cursor:help}
.scstats div.sus{display:block;border:2px solid var(--sus);margin:0;padding:4px 6px}
.sctbl th.sort{cursor:pointer;user-select:none}.sctbl th.sort:hover{color:var(--fg)}.sctbl th.sort[aria-sort]::after{content:" \25BE";font-size:10px}.sctbl th.sort[aria-sort="ascending"]::after{content:" \25B4"}
.suslegend{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.suslegend i{display:inline-block;width:14px;height:14px;border:2px solid var(--sus);border-radius:4px}.suslegend i.v{border-color:var(--rain);margin-left:8px}
.scsrc{font-size:12px;color:var(--muted);margin-top:14px}
.scsrc a{color:var(--accent)}
.croptbl th:first-child{position:sticky;left:0;z-index:1;background:var(--sunk);text-transform:none;letter-spacing:0;font-size:13px;color:var(--fg);white-space:normal;overflow-wrap:anywhere}
.croptbl td.n,.croptbl th.n{white-space:normal;overflow-wrap:anywhere}
.croptbl th .unit{color:var(--muted);font-weight:400;font-size:12px}
/* om en om een lichte arcering; kopregel donkerder */
.croptbl tbody tr:nth-child(even) td{background:rgba(127,127,127,.09)}
.croptbl tbody tr:nth-child(even) th:first-child{background:linear-gradient(rgba(127,127,127,.09),rgba(127,127,127,.09)),var(--sunk)}
.croptbl thead th{background:rgba(127,127,127,.22)}
/* Croptimizer-tabellen: de tabel scrolt in een eigen vak, zodat de celnummers bovenaan en de namen links in beeld blijven */
.crop-scroll{max-height:calc(100vh - 180px);overflow:auto}
.croptbl thead th{position:sticky;top:0;z-index:2;background:var(--surface)!important;box-shadow:inset 0 -1px 0 var(--line)}
.croptbl thead tr.crop-approw th{position:static}
.croptbl thead th:first-child{z-index:3;left:0}.croptbl thead th:first-child{background:linear-gradient(rgba(127,127,127,.22),rgba(127,127,127,.22)),var(--sunk)}
@media (max-width:700px){.croptbl td.n,.croptbl th.n{padding-left:5px;padding-right:5px;font-size:13px}.croptbl td.n{white-space:nowrap}}
@media (max-width:700px){.croptbl tr.crop-seiz td.n{font-size:12px}}
.croptbl tr.crop-diff th::before{content:"▸ ";color:var(--accent)}
.crop-sec{margin:8px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
.crop-sechead{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:0;background:var(--sunk);color:var(--fg);font:inherit;font-weight:600;text-align:left;cursor:pointer}
.crop-sechead small{margin-left:6px;color:var(--muted);font-weight:400;min-width:0;text-align:left}
.crop-marks{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#e8891c;color:#fff;font-size:12px;font-weight:700}
.crop-chev{width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .15s}
.crop-sec.open .crop-chev{transform:rotate(45deg)}
.crop-sec .tablewrap{margin:0}
.crop-act .crop-sechead{background:var(--accent-soft)}
.croptbl tr.crop-approw th{text-transform:none;letter-spacing:0;font-size:11px;color:var(--muted);text-align:center;border-bottom:0;padding-bottom:0}
.croptbl th.crop-sep,.croptbl td.crop-sep{border-left:2px solid var(--line)}
.crop-switch{display:flex;gap:8px;margin:0 0 12px}
.beta{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.04em;vertical-align:middle;text-transform:uppercase}
.h2link{border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline dotted;text-underline-offset:4px}.h2link:hover{color:var(--accent)}
.ai-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:6px;vertical-align:middle;border:1px solid var(--accent);border-radius:999px;background:var(--accent-soft);color:var(--accent);cursor:pointer}.ai-btn:hover{background:var(--accent);color:#fff}
thead tr.grp th{text-align:center;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:none;background:rgba(127,127,127,.12)}
/* Gerooid per dag: dagkop als duidelijke, gekleurde balk */
tr.rdgrp th{text-align:left;background:var(--accent);color:#fff;padding:10px 12px;border-top:10px solid var(--bg);border-bottom:none}
tr.rdgrp .rdd{display:block;font-size:17px;font-weight:800;letter-spacing:.01em;text-transform:capitalize}
tr.rdgrp .rds{display:block;font-size:12.5px;font-weight:500;opacity:.92;margin-top:2px}
tr.rdgrp .rds em{font-style:normal;background:rgba(255,255,255,.22);padding:1px 6px;border-radius:4px}
tbody tr:first-child.rdgrp th{border-top:none}
tr.rdsub td{font-weight:700;background:var(--accent-soft);border-bottom:none}
table.dubbelkop thead tr.grp th{border-left:1px solid var(--line);font-weight:800;color:var(--fg)}
/* Aanvoer (kolom 5-9) en Correcties (10-12): vaste, gelijke kolombreedte */
table.dubbelkop th:nth-child(n+5):nth-child(-n+9),table.dubbelkop td:nth-child(n+5):nth-child(-n+9){width:92px;min-width:92px;max-width:92px;box-sizing:border-box}
table.dubbelkop th:nth-child(n+10):nth-child(-n+12),table.dubbelkop td:nth-child(n+10):nth-child(-n+12){width:104px;min-width:104px;max-width:104px;box-sizing:border-box}
table.dubbelkop thead tr:not(.grp) th{white-space:normal;line-height:1.15}
table.dubbelkop td input.pct{width:60px;box-sizing:border-box}
table.dubbelkop thead tr.grp th:first-child{border-left:none}
table.dubbelkop thead tr:not(.grp) th:nth-child(5),table.dubbelkop thead tr:not(.grp) th:nth-child(10),table.dubbelkop thead tr:not(.grp) th:nth-child(13),table.dubbelkop thead tr:not(.grp) th:nth-child(15),table.dubbelkop tbody td:nth-child(5),table.dubbelkop tbody td:nth-child(10),table.dubbelkop tbody td:nth-child(13),table.dubbelkop tbody td:nth-child(15){border-left:1px solid var(--line)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) tr.rdgrp th{color:#0f1a0a}}
:root[data-theme="dark"] tr.rdgrp th{color:#0f1a0a}
.en-trendbalken{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:10px}
.en-tariefrij{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:14px}.en-tarief{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--card)}.en-tarief>span:first-child{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.en-tarief small{color:var(--muted)}
.en-trendrij{display:grid;grid-template-columns:minmax(0,2fr) minmax(360px,1fr);gap:14px;align-items:start}
.en-dagtabel{font-size:13px;width:100%}.en-dagtabel th,.en-dagtabel td{padding:5px 6px;white-space:nowrap}.en-dagtabel thead th{font-size:12px;line-height:1.15}
@media(max-width:600px){.en-dagtabel{font-size:12px}.en-dagtabel th,.en-dagtabel td{padding:4px 3px}.en-dagtabel thead th{font-size:10px}.en-dagtabel td:first-child small{display:none}}
@media(max-width:1100px){.en-trendrij{grid-template-columns:1fr}}.en-trendbalk .t{font-size:14px;margin-bottom:4px}.en-trendbalk .pr{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:2px 0}.en-trendbalk .enbar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--line);padding:0;gap:0;margin:0}.en-trendbalk .enbar i{display:block;height:100%;flex:none}
.en-legenda{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:12px;color:var(--muted);margin-top:6px}.en-legenda i{display:inline-block;width:18px;height:3px;vertical-align:middle;margin-right:6px;border-radius:2px}
.enedit{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:6px;vertical-align:middle;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.enedit:hover{color:var(--accent);border-color:var(--accent)}
.en-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:14px}
.en-card{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:14px 16px}.en-card .l{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.en-card .v{font-size:30px;font-weight:700;line-height:1.1;margin-top:4px}.en-card .v small{font-size:14px;font-weight:500;color:var(--muted);margin-left:4px}.en-card .s{font-size:13px;color:var(--muted);margin-top:4px}.en-card[data-ensde],.en-card[data-ensderegel]{cursor:pointer}.en-card[data-ensde]:hover,.en-card[data-ensderegel]:hover{border-color:var(--hv-lime)}
tr.omv-bad td{color:#d23a3a;font-weight:600}tr.omv-warn td{color:#e8891c}
.en-foto{position:relative;width:100%;max-width:1100px;margin:0 auto;border-radius:12px;overflow:hidden}.en-foto img{display:block;width:100%;height:auto}
.en-mk{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 6px;border-radius:17px;color:#fff;font-size:12px;line-height:1.05;box-shadow:0 1px 4px rgba(0,0,0,.5);cursor:help;border:2px solid #fff}
.en-mk b{font-size:12px}.en-mk small{font-size:9px;font-weight:600;opacity:.95}.en-mk.ok{background:#2e9e4f}.en-mk.warn{background:#e8891c}.en-mk.bad{background:#d23a3a}.en-mk.na{background:#777}
@media (max-width:700px){.en-mk{min-width:26px;height:26px;font-size:10px}.en-mk small{display:none}}
.en-card.zon .v{color:#e8891c}.en-card.terug .v{color:#d23a3a}.en-card.afname .v{color:#d23a3a}.en-card.verbruik .v{color:#1d6fb8}.en-card.zoneigen .v{color:#2e9e4f}.en-warn{border:1px solid #d23a3a;background:rgba(210,58,58,.08);border-radius:12px;padding:12px 16px;margin-bottom:14px;color:#d23a3a;font-weight:600}
.crop-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.crop-top .home-head{flex:1 1 420px}
.sol-wx{flex:0 0 auto;display:grid;grid-template-columns:auto auto;gap:6px 14px;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:13px;margin-bottom:18px}
.sol-wx .h{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-weight:600}.sol-wx .h small{color:var(--muted);font-weight:400;margin-left:auto}
.sol-wx .r{display:flex;align-items:center;gap:6px;white-space:nowrap}.sol-wx .r svg{width:16px;height:16px;flex:none;color:var(--muted)}.sol-wx .r b{font-weight:600}.sol-wx .r small{color:var(--muted)}
.sol-wx .cmp{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding-top:6px;border-top:1px solid var(--line);cursor:help}
.sol-wx .dot{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex:none}
.sol-wx .dot.ok{background:#2e9e4f}.sol-wx .dot.warn{background:#e8891c}.sol-wx .dot.bad{background:#d23a3a}.sol-wx .dot.na{background:var(--muted)}
.sol-wx .arrow{display:inline-block;transform-origin:50% 50%}
.sol-wx{max-width:100%;box-sizing:border-box}.sol-wx .cmp>span:not(.dot){min-width:0;overflow-wrap:anywhere}.sol-wx .h{min-width:0}
@media (max-width:700px){.crop-top .home-head{flex-basis:100%}.sol-wx{flex:1 1 100%;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;padding:10px 12px}.sol-wx .r{white-space:normal;flex-wrap:wrap;min-width:0}.sol-wx .r small{white-space:nowrap}.sol-wx .h small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}}
.cw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.cw-cel{background:var(--card,var(--surface));border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.cw-cel{cursor:pointer}.cw-cel:hover{border-color:var(--accent)}.cw-cel.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.cw-cel.leeg{opacity:.55}.cw-cel .kop{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.cw-cel .nr{font-weight:700}.cw-cel .nr small{color:var(--muted);font-weight:400;margin-left:6px}
.cw-badge{font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.cw-badge.koel{background:rgba(29,111,184,.12);color:#1d6fb8}.cw-badge.uit{background:transparent;border:1px solid var(--line);color:var(--muted);font-weight:400}
.cw-prod{font-size:34px;line-height:1;font-weight:700;letter-spacing:-.02em;margin-top:2px}.cw-prod small{font-size:14px;color:var(--muted);font-weight:400;margin-left:3px}
.cw-sens{display:flex;gap:2px;height:20px;align-items:flex-end;margin:2px 0 4px}.cw-sens i{flex:1;background:var(--accent);opacity:.5;border-radius:2px 2px 0 0;min-width:3px}.cw-sens i.hoog{opacity:1}.cw-sens i.laag{opacity:.25}
.cw-cel dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0;font-size:13px}.cw-cel dt{color:var(--muted)}.cw-cel dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.cw-cel dd.warn,.revro .warn{color:#b7791f;font-weight:700}@keyframes cwspin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.cw-hand{display:inline-block;background:#f5c400;color:#111;font-weight:700;padding:2px 8px;border-radius:6px}.cw-aan{color:#2e9e4f;font-weight:700}
.cw-alarm{display:flex;gap:14px;flex-wrap:wrap;padding:8px 12px;margin-bottom:6px;border:1px solid var(--line);border-left:4px solid #d23a3a;border-radius:10px;background:var(--card,var(--surface));font-size:13px}
.av-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.av-card{background:var(--card,var(--surface));border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:12px;padding:13px 14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.av-card.work{border-left-color:#2e9e4f}.av-card.idle{border-left-color:#1d6fb8}.av-card.alert{border-left-color:#d23a3a}
.av-card .kop{display:flex;align-items:flex-start;gap:8px}
.av-card .nm{font-weight:700;font-size:15px;line-height:1.15}
.av-card .sub{color:var(--muted);font-size:12px;margin-top:2px}
.av-badge{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.av-badge.on{color:#2e9e4f;border-color:rgba(46,158,79,.4)}
.av-stat{display:flex;align-items:center;gap:7px;font-size:13px}
.av-pin{width:7px;height:7px;border-radius:50%;background:var(--muted);flex:none}
.av-pin.work{background:#2e9e4f}.av-pin.idle{background:#1d6fb8}.av-pin.alert{background:#d23a3a}
.av-seen{margin-left:auto;color:var(--muted);font-size:12px}
.av-g{display:grid;grid-template-columns:62px 1fr 76px;align-items:center;gap:8px;font-size:12px}
.av-g .lab{color:var(--muted)}.av-g .val{text-align:right;font-variant-numeric:tabular-nums}
.av-bar{height:7px;border-radius:4px;background:var(--accent-soft,rgba(0,0,0,.06));overflow:hidden}
.av-bar>i{display:block;height:100%;border-radius:4px;background:#2e9e4f}
.av-bar.mid>i{background:#b7791f}.av-bar.lo>i{background:#d23a3a}
.av-bar.none{background:repeating-linear-gradient(90deg,var(--line),var(--line) 5px,transparent 5px,transparent 10px)}
.av-dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:13px;padding-top:9px;border-top:1px solid var(--line)}
.av-dl dt{color:var(--muted)}.av-dl dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.av-foot{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:9px;border-top:1px solid var(--line)}
.av-chip{font-size:11px;padding:2px 8px;border-radius:7px;border:1px solid var(--line);color:var(--muted)}
.ex-rij{cursor:pointer}.ex-rij:hover td{background:var(--accent-soft)}.ex-rij.ex-sel td{background:rgba(245,196,0,.14)}.ex-rij.ex-arch td{background:rgba(245,196,0,.26)}
.ex-blauw td{background:rgba(29,111,184,.18)}.ex-blauw:hover td{background:rgba(29,111,184,.28)}.ex-arch.ex-blauw td{background:linear-gradient(90deg,rgba(29,111,184,.18),rgba(245,196,0,.26))}.ex-rij.ex-arch:hover td{background:rgba(245,196,0,.36)}.ex-chip{font-size:11px;padding:2px 7px;border-radius:7px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.ex-chip.klant{border-color:#2e9e4f;color:#2e9e4f}.ex-chip.lev{border-color:#1d6fb8;color:#1d6fb8}.ex-chip.blok{border-color:#e24a3a;color:#c0392b}
.ex-detail{max-width:760px}.ex-detail .av-dl{grid-template-columns:140px 1fr}.ex-detail .av-dl dd{text-align:left;overflow-wrap:anywhere}.ex-contact{padding:8px 0;border-top:1px solid var(--line);font-size:13px}.ex-contact b{display:block}.ex-contact .hint{display:block}
@media(max-width:700px){.ex-tabel .ex-md{display:none}}
.ex-filters{align-items:end}.ex-filters label.f{flex:0 0 auto}.ex-filters label.f input,.ex-filters label.f select{height:36px;box-sizing:border-box;padding-top:0;padding-bottom:0}.ex-filters .ex-last{margin-left:auto}@media(max-width:900px){.ex-filters label.f{flex:1 1 140px}.ex-filters .ex-last{margin-left:0}}
@keyframes spin{to{transform:rotate(360deg)}}
.ex-tip{position:absolute;z-index:5;background:var(--card,var(--surface));border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:12px;box-shadow:0 4px 14px rgba(0,0,0,.15);pointer-events:none;white-space:nowrap}.ex-pt{cursor:pointer;outline:none}.ex-pt:focus{stroke:var(--accent);stroke-width:2}
.ex-vink thead th{vertical-align:bottom}.ex-vink tbody td{padding-top:6px;padding-bottom:6px}
.ex-vergelijk th:first-child{width:160px;white-space:nowrap}.ex-vergelijk td{vertical-align:top;overflow-wrap:anywhere;min-width:140px}
.av-chip b{color:var(--fg)}
.av-chip.crit,.av-chip.maint{border-color:rgba(210,58,58,.45);color:#d23a3a}.av-chip.crit b{color:#d23a3a}
.av-chip.warn{border-color:rgba(183,121,31,.45);color:#b7791f}.av-chip.warn b{color:#b7791f}
.av-gps{margin-left:auto;font-size:12px;color:var(--muted);text-decoration:none;border-bottom:1px dashed var(--muted)}
.av-gps:hover{color:var(--fg)}
.crop-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.crop-fbtn{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--fg);font:inherit;font-weight:600;cursor:pointer}.crop-fbtn small{color:var(--muted);font-weight:400;margin-left:4px}.crop-fbtn.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.crop-fbtn.koelen.on{border-color:#1d6fb8;background:rgba(29,111,184,.12);color:#1d6fb8}.crop-fbtn.drogen.on{border-color:#d4a017;background:rgba(212,160,23,.15);color:#8a6a00}
.croptbl th.crop-koel{color:#1d6fb8}.croptbl th.crop-droog{color:#b8860b;background:rgba(212,160,23,.12)}.croptbl th.crop-leeg{color:var(--muted)}.croptbl td.crop-droog{background:rgba(212,160,23,.12)}.crop-swbtn{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--fg);font:inherit;font-weight:600;cursor:pointer}.crop-swbtn small{color:var(--muted);font-weight:400}.crop-swbtn.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.crop-legend{display:flex;flex-wrap:wrap;gap:14px;padding:4px 2px 10px;font-size:13px}.crop-legend .crop-diffmark{color:var(--muted)}
.croptbl td.crop-odd{box-shadow:inset 0 0 0 2px #e8891c;border-radius:4px}.croptbl td.crop-sus{outline:2px dotted #e8891c;outline-offset:-2px;border-radius:4px;cursor:help}.croptbl td.crop-odd.crop-sus{box-shadow:inset 0 0 0 2px #e8891c}.crop-legend .crop-oddmark,.crop-legend .crop-susmark{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.crop-legend .crop-oddmark::before{content:"";width:14px;height:12px;border:2px solid #e8891c;border-radius:3px}.crop-legend .crop-susmark::before{content:"";width:14px;height:12px;border:2px dotted #e8891c;border-radius:3px}
.croptbl td.crop-geel,.croptbl tbody tr:nth-child(even) td.crop-geel{background:#ffe033!important;color:#000!important;font-weight:700}
.crop-na{color:var(--muted);opacity:.6}
.croptbl tr.cw-nolink th:first-child{color:#d23a3a}.croptbl td.cw-nolink,.croptbl tbody tr:nth-child(even) td.cw-nolink{background:rgba(210,58,58,.13)!important;color:#d23a3a}.croptbl td.cw-nolink .cw-solval{color:var(--muted);font-weight:400}.cw-nolinktag{display:inline-block;margin-left:4px;padding:0 6px;border-radius:99px;background:#d23a3a;color:#fff;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;vertical-align:1px}.crop-marks.cw-nietmark{background:#d23a3a}.croptbl td.cw-anders{box-shadow:inset 0 0 0 2px #e8891c;border-radius:4px;cursor:help}
.croptbl td.crop-on{color:#2e9e4f;font-weight:600}.croptbl td.crop-warn{color:#e8891c;font-weight:600}.croptbl td.crop-bad{color:#d23a3a;font-weight:700}
.croptbl td.crop-koel{color:#1d6fb8;font-weight:600}.croptbl td.crop-droog{color:#b8860b;font-weight:600}.croptbl td.crop-leeg{color:var(--muted)}
/* Solana AI */
.linkbtn{border:0;background:none;padding:0;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline}
.sol-wx{margin:0}.sol-wx select{font-size:14px;padding:6px 8px}
.sol-rules{margin:0;padding-left:18px;font-size:14px}.sol-rules li{margin:4px 0}
.sol-crop{margin:0 0 14px;padding:10px 12px;border-radius:var(--r);background:var(--accent-soft);color:var(--fg);font-size:14px}
.sol-wrap{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:860px){.sol-wrap{grid-template-columns:1fr}}
.sol-side{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:12px 14px}
.sol-side h3{font-family:var(--f-head);font-size:15px;font-weight:600;margin:12px 0 6px;color:var(--accent)}.sol-side h3:first-child{margin-top:0}
.sol-f2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sol-f2 label.f input,.sol-f2 label.f select{font-size:14px;padding:6px 8px;width:100%;box-sizing:border-box;min-height:34px}.sol-f2 label.f span .hinfo{margin-left:4px;vertical-align:middle}
.sol-det{margin-top:8px;font-size:13px}.sol-det summary{cursor:pointer;color:var(--muted);font-weight:600}.sol-det p{color:var(--muted);margin:6px 0}.sol-det code{font-size:11px;word-break:break-all}.sol-det textarea{width:100%;font:12px/1.4 ui-monospace,Menlo,monospace;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg);padding:6px}
.sol-msg{font-size:12px;color:var(--muted)}
.sol-main{display:grid;gap:14px;min-width:0}
.sol-wrap-1{grid-template-columns:minmax(0,1fr)}.sol-chartrow{margin-top:6px;min-width:0}.sol-chartrow svg{max-width:100%}.sol-ylab{position:relative;font-size:10px;color:var(--muted);text-align:right;padding-right:4px}.sol-ylab span{position:absolute;right:4px;transform:translateY(-50%);line-height:1}.sol-ylab-r{position:absolute;top:0;right:0;width:34px;pointer-events:none;text-align:right;color:#b4530f}.sol-ylab-r span{right:2px;background:var(--bg,#fff);padding:0 2px;border-radius:2px;font-weight:600}.sol-side-full .sol-f2{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.sol-side-full{max-width:900px}
.sol-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:14px}.sol-card h3{font-family:var(--f-head);font-size:17px;font-weight:600;margin:0 0 10px}
.sol-gridwrap{border:0;background:none;border-radius:0}
.sol-plan{display:grid;grid-template-columns:30px repeat(10,1fr);gap:2px;min-width:540px}
.sol-plan .hd{font-size:12px;color:var(--muted);text-align:center;padding-bottom:4px;white-space:nowrap}.sol-plan .hr{font-size:11px;color:var(--muted);text-align:right;padding-right:4px;line-height:15px}
@media (max-width:700px){.sol-plan .cell .eu{display:none}.sol-plan .cell{font-size:8.5px;letter-spacing:-.02em}}
.sol-plan .cell{height:15px;border-radius:2px;background:var(--sunk);font-size:9.5px;line-height:15px;text-align:center;color:#fff;font-weight:600;overflow:hidden;white-space:nowrap;font-variant-numeric:tabular-nums}
.sol-plan .ft{font-size:11px;text-align:center;padding-top:3px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.sol-plan .hr.ft{text-align:right;font-size:10px}.sol-plan .ft.ok{color:var(--ok);font-weight:600}.sol-plan .ft.hot{color:var(--danger);font-weight:600}.sol-plan .ft.cold{color:#1d6fb8;font-weight:600}.sol-plan .cell[data-m="vent"]{background:var(--hv-green)}.sol-plan .cell[data-m="cool"]{background:#1d6fb8}.sol-plan .cell[data-m="circ"]{background:#e8891a}.sol-plan .cell[data-m="wait"]{background:var(--sunk);box-shadow:inset 0 0 0 2px var(--hv-yellow)}.sol-plan .cell.now{outline:2px solid var(--fg);outline-offset:-2px}.sol-plan .cell.blk{background:var(--danger)!important;box-shadow:none}.sol-plan .cell.blk.assume{background:transparent!important;box-shadow:inset 0 0 0 2px var(--danger);color:var(--danger);opacity:.85}
.sol-plan .cell .bolt{width:11px;height:11px;vertical-align:-1px;fill:var(--hv-lime);stroke:#1c2520;stroke-width:1.2;filter:drop-shadow(0 0 1px rgba(0,0,0,.6));flex:none}
.sol-plan .cell.px{display:flex;align-items:center;justify-content:flex-start;gap:3px;padding:0 3px;text-align:left;position:relative}.sol-plan .cell .md{position:absolute;left:0;right:0;top:0;text-align:center;line-height:15px;pointer-events:none}.sol-plan .cell{position:relative}.sol-plan .cell .mi{width:11px;height:11px;stroke:#fff;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px;filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}.sol-plan .cell .bolt.dr{fill:#ff5a5a}.sol-plan .cell .bolt.wt{fill:#fff}.sol-plan .cell .bolt.gk{fill:var(--hv-lime)}.sol-plan .cell .mw{font-size:9px;font-weight:600;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.75),0 0 1px rgba(0,0,0,.9)}
.sol-plan .hd .epex{display:block;font-style:normal;font-size:9px;font-weight:700;letter-spacing:.06em;color:#fff;background:var(--ok);border-radius:3px;padding:1px 4px;margin:2px auto 0;width:max-content;line-height:12px}.sol-plan .hd .epex.half{background:#e8891a}.sol-plan .hd .epex.no{background:transparent;color:var(--muted);border:1px dashed var(--line)}.sol-plan .cell.pre{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.55) 0 2px,transparent 2px 5px)}
.sol-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:12.5px;color:var(--muted)}.sol-legend i{display:inline-block;width:11px;height:11px;border-radius:2px;vertical-align:-1px;margin-right:4px}
.sol-warn{margin-top:10px;padding:8px 10px;border-left:3px solid var(--danger);background:var(--danger-soft);font-size:13.5px;border-radius:0 6px 6px 0}
.sol-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 18px;margin-bottom:12px}
.sol-kpi{border-top:2px solid var(--line);padding-top:6px}.sol-kpi b{display:block;font-family:var(--f-head);font-size:24px;font-weight:700;line-height:1.1}.sol-kpi span{font-size:13px;color:var(--muted)}.sol-kpi em{display:block;font-style:normal;font-size:12.5px;color:var(--ok)}
.sol-cmp th{font-weight:500}.sol-cmp tr.crop-grp th{background:var(--accent-soft);color:var(--accent);text-transform:uppercase;font-size:11px;letter-spacing:.06em}
.sol-card svg{width:100%;height:auto;display:block}
@media (max-width:700px){.crop-code{display:none}}
.crop-code{display:inline-block;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;color:var(--muted);background:var(--sunk);border-radius:4px;padding:0 4px;margin-right:4px}

/* Croptimizer-tabellen: markeringen en codes */
.croptbl td span.crop-home{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:44px;height:24px;padding:0 6px;border-radius:6px;font-size:14px;font-weight:700;line-height:1;border:1px solid rgba(0,0,0,.25);box-shadow:0 0 0 1px rgba(255,255,255,.15) inset}
.croptbl td span.crop-home-groen{background:#3ec24a;color:#0b2d10}.croptbl td span.crop-home-geel{background:#e7e65a;color:#3d3a00}.croptbl td span.crop-home-rood{background:#e24a3a;color:#fff}.croptbl td span.crop-home-grijs{background:#d9dde4;color:#333}
.crop-alarm{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 7px;border-radius:11px;font-size:13px;font-weight:700;line-height:1;color:#fff;background:#e24a3a}.crop-alarm-warn{background:#e8891c}.crop-alarm-ok{background:transparent;color:var(--muted);font-weight:400}
.crop-alarm-sup{background:#9aa3ad}
.crop-hidecode .crop-code{display:none}
.crop-fbtn.wijzigingen.on{border-color:#1d6fb8;background:rgba(29,111,184,.12);color:#1d6fb8}
.cwj .crop-wdag{margin:12px 0 4px;font-size:15px}
.cwj .cwj-t{table-layout:fixed;width:100%;max-width:880px}.cwj .cwj-t th,.cwj .cwj-t td{text-align:left;white-space:normal;overflow-wrap:anywhere;vertical-align:top}
.cwj .cwj-t col.c1{width:64px}.cwj .cwj-t col.c2{width:76px}.cwj .cwj-t col.c3{width:135px}.cwj .cwj-t col.c4{width:235px}.cwj .cwj-t col.c5{width:110px}.cwj .cwj-t col.c6{width:auto}
.cwj .cwj-t thead th{position:static}
@media (max-width:760px){.cwj .cwj-t{table-layout:fixed;width:100%;min-width:0;font-size:13px}.cwj .cwj-t th,.cwj .cwj-t td{padding:6px 5px}.cwj .cwj-t col.c1{width:46px}.cwj .cwj-t col.c2{width:50px}.cwj .cwj-t col.c3,.cwj .cwj-t th:nth-child(3),.cwj .cwj-t td:nth-child(3){display:none}.cwj .cwj-t col.c4{width:auto}.cwj .cwj-t col.c5{width:23%}.cwj .cwj-t col.c6{width:23%}.cwj .tablewrap{overflow-x:hidden}}
.cwj .crop-wdag small{color:var(--muted);font-weight:400}

.bh-ic{margin-left:auto;display:inline-grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--accent);cursor:pointer}.bh-ic:hover,.bh-ic:focus-visible{background:var(--accent);color:var(--surface);border-color:var(--accent)}.bh-ic svg{width:16px;height:16px}
.bh-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 10px}.bh-top .lbl{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 2px 0 8px}.bh-top .lbl:first-child{margin-left:0}
.bh-b{padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--fg);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.bh-b.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.bh-sum{display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0;font-size:14px;color:var(--muted)}.bh-sum b{color:var(--fg);font-variant-numeric:tabular-nums}
.bh-chart{position:relative}.bh-chart svg{width:100%;height:auto;display:block}.bh-chart text{fill:var(--muted);font-family:var(--f-body);font-size:11px}
.bh-tip{position:absolute;z-index:5;pointer-events:none;background:var(--fg);color:var(--surface);font-size:12px;line-height:1.35;padding:6px 9px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.bh-leg{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:var(--muted);margin:6px 0 10px}.bh-leg span{display:inline-flex;align-items:center;gap:5px}

.crop-fbtn.alarmen.on{border-color:#e24a3a;background:rgba(226,74,58,.12);color:#c0392b}
.cral{display:flex;flex-direction:column;gap:12px}.cral .cral-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cral .cral-lbl{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.cral .cral-b{padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--card,var(--surface));color:var(--fg);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.cral .cral-b small{color:var(--muted);font-weight:400;margin-left:3px}.cral .cral-b.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.cral .cral-b.rood small{color:#e24a3a;font-weight:700}
.cral table{width:100%}.cral td.cral-sup,.cral tr.cral-sup td{color:var(--muted)}.cral .cral-pill{display:inline-block;padding:1px 8px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#e24a3a}.cral .cral-pill.w{background:#e8891c}.cral .cral-pill.s{background:#9aa3ad}
.cral .cral-note{font-size:13px;color:var(--muted)}.cral .cral-codes{display:flex;flex-wrap:wrap;gap:6px;font-size:13px}.cral .cral-codes span{padding:2px 9px;border-radius:6px;background:var(--sunk)}

.crop-alarmlijst{margin:0 0 12px;padding:8px 12px;border:1px solid var(--line,#ccd);border-radius:10px;font-size:14px}.crop-alarmlijst b{color:#e24a3a}.crop-alarmlijst small{color:var(--muted)}
.crop-vz{margin-left:6px;border:1px solid var(--line,#ccd);background:var(--card,#fff);color:inherit;border-radius:6px;padding:0 5px;font-size:13px;line-height:18px;cursor:pointer;vertical-align:middle}.crop-vz:hover{background:var(--accent,#2563eb);color:#fff}
.crop-vz.ph{display:block;width:fit-content;margin:4px 0 0 auto;padding:2px 10px;border:1px solid var(--accent);border-radius:999px;background:transparent;color:var(--accent);font-size:11px;font-weight:600;line-height:16px;letter-spacing:.02em}.crop-vz.ph:hover{background:var(--accent);color:var(--accent-ink)}
@media (max-width:700px){.crop-vz.ph{padding:2px 8px;font-size:8.8px;line-height:13px}}
.crop-vz.bezig,.crop-vz.bezig:hover{background:#2e9e4f;border-color:#2e9e4f;color:#fff;cursor:default}.crop-vz.mislukt,.crop-vz.mislukt:hover{background:#d23a3a;border-color:#d23a3a;color:#fff}
.crop-mislukt{border-left:4px solid #d23a3a;background:rgba(210,58,58,.12);padding:8px 12px;border-radius:8px;margin:8px 0}.crop-vz:disabled:not(.bezig){opacity:.4;cursor:not-allowed}.crop-vz:disabled:not(.bezig):hover{background:var(--card,#fff);color:inherit}
.crop-oud{display:inline-block;margin-left:6px;width:16px;height:16px;border-radius:50%;background:#e8891c;color:#fff;font-size:11px;line-height:16px;text-align:center;font-weight:700;cursor:help;vertical-align:middle}
td.crop-chg{position:relative}.croptbl:not(.cwj-t) td.n,.croptbl:not(.cwj-t) th.n{padding-right:22px}
@media (max-width:700px){.croptbl:not(.cwj-t) td.n,.croptbl:not(.cwj-t) th.n{padding-right:16px;padding-left:4px}.croptbl td.crop-chg::after{right:3px;width:9px;height:9px}}
td.crop-chg::after{content:"";position:absolute;top:50%;right:6px;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:conic-gradient(#2f7de1 calc(var(--chg,1)*360deg),transparent 0);box-shadow:inset 0 0 0 1px rgba(47,125,225,.55)}
.crop-bijrow th,.crop-bijrow td{border-bottom:2px solid var(--line,#ccd)}.crop-bijrow small{color:var(--muted)}
.crop-wbody{padding:4px 12px 10px}.crop-wdag{margin:10px 0 4px;font-size:13px}.crop-wdag small{color:var(--muted);font-weight:400}
.crop-wtbl td{padding:3px 8px;font-size:13px}.crop-oudw{color:var(--muted);text-decoration:line-through}

/* Voorraad (kisten): bord met rijen als kolommen, kaart per partij */
.vrd-kop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.vrd-pad{display:flex;align-items:center;gap:8px;font-weight:600}.vrd-pad select{padding:6px 10px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--fg);font-weight:600}
.vrd-sep{color:var(--muted)}
.vrd-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vrd-tools .mini{height:30px;min-width:30px}
.vrd-bord{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:12px;overflow-x:auto;padding-bottom:8px;align-items:stretch}
.vrd-bord.mobiel{grid-auto-columns:minmax(0,1fr)}
.vrd-rij{background:var(--sunk);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;min-height:260px;border:1.5px solid transparent}
.vrd-rij.over{border-color:var(--danger)}
.vrd-rijkop{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 0 8px;font-size:15px}
.vrd-rijacts{display:flex;gap:4px}.vrd-rijacts .mini{height:26px;min-width:26px;padding:0 8px;background:transparent}
.vrd-kaarten{display:flex;flex-direction:column;gap:8px;flex:1}
.vrd-kaart{position:relative;display:flex;justify-content:space-between;gap:10px;background:var(--surface);border:1.5px solid var(--surface);border-radius:12px;padding:10px 12px;cursor:pointer;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,.06);border-left:5px solid var(--kk,var(--surface))}
.vrd-kaart:hover,.vrd-kaart:focus-visible{border-color:var(--accent);border-left-color:var(--kk,var(--accent))}
.vrd-kaart-t{display:flex;flex-direction:column;min-width:0}.vrd-kaart-t b{font-size:15px}.vrd-maat{color:var(--muted);margin-left:4px}.vrd-kaart-t b+.vrd-maat{display:inline}
.vrd-kaart-t{display:block}.vrd-herk,.vrd-oms{display:block;font-size:12.5px;color:var(--muted)}.vrd-oms{font-style:italic}
.vrd-kaart-n{display:flex;flex-direction:column;align-items:flex-end;flex:none}.vrd-kaart-n b{font-size:20px;font-variant-numeric:tabular-nums;line-height:1.1}.vrd-kaart-n span{font-size:12px;color:var(--muted)}
.vrd-dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.25);vertical-align:middle;margin-right:6px}
.vrd-kaart .vrd-dot{position:absolute;right:8px;bottom:8px;margin:0}
.vrd-nieuw{border:1.5px dashed var(--line);background:transparent;color:var(--muted);border-radius:12px;padding:10px;font-weight:600;cursor:pointer;text-align:left}.vrd-nieuw:hover{color:var(--fg);border-color:var(--accent)}
.vrd-rijvoet{margin-top:10px;display:flex;flex-direction:column;gap:4px;align-items:center;font-size:13px;color:var(--muted)}.vrd-rijvoet b{font-size:16px;color:var(--fg)}
.vrd-bar{width:100%;height:6px;border-radius:99px;background:rgba(0,0,0,.08);overflow:hidden}.vrd-bar i{display:block;height:100%;background:var(--hv-green);border-radius:99px}
.vrd-rij.over .vrd-bar i{background:var(--danger)}
.vrd-waarsch{color:var(--danger);font-weight:600}
.vrd-rijnav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.vrd-menu{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}.vrd-menu .btn{width:100%}
.danger-text{color:var(--danger)!important}
.vrd-h3{font-size:15px;margin:10px 0 6px}
.vrd-plus{color:var(--ok)}.vrd-min{color:var(--danger)}
.vrd-form .fgrid{margin-bottom:12px}.vrd-form .actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.vrd-form .msg.err{color:var(--danger);margin:0 0 10px}
.vrd-f select{text-transform:none;letter-spacing:0;font-weight:500;font-size:16px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg)}
.vrd-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;align-items:center}.vrd-filters select,.vrd-filters input{padding:7px 10px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--fg);font-size:14px}.vrd-filters input{min-width:180px}.vrd-filters .mini{height:32px}
.vrd-tabel tr.vrd-grp{cursor:pointer}.vrd-tabel tr.vrd-grp:hover td{background:var(--sunk)}.vrd-tabel tr.vrd-sub td{background:var(--sunk);font-size:13px}
.vrd-tabel tr.vrd-dag th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding-top:14px;border-bottom:0}
.vrd-tabel tfoot th{text-align:left;padding:8px}.vrd-tabel tfoot th.n{text-align:right}
.vrd-dashkop{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.vrd-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0 0 12px}
.vrd-kpi{display:flex;flex-direction:column;gap:2px}.vrd-kpi .k{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}.vrd-kpi b{font-size:28px;line-height:1.1}
.vrd-dash2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;margin:0 0 12px}.vrd-dash3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
@media (max-width:900px){.vrd-dash2{grid-template-columns:minmax(0,1fr)}}
.vrd-trend{display:flex;align-items:flex-end;gap:3px;height:160px;padding:6px 0 0}.vrd-tdag{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;min-width:0}.vrd-tb{height:136px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}.vrd-tb i{display:block;width:40%;max-width:14px;border-radius:3px 3px 0 0;min-height:1px}.vrd-tb i.p{background:var(--ok)}.vrd-tb i.m{background:var(--danger)}.vrd-tdag span{font-size:10px;color:var(--muted)}
.vrd-legend{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 3px 0 8px;vertical-align:middle}.vrd-legend.p{background:var(--ok)}.vrd-legend.m{background:var(--danger)}
.vrd-stat4{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}.vrd-stat4 div{background:var(--sunk);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column}.vrd-stat4 b{font-size:20px}.vrd-stat4 span{font-size:12px;color:var(--muted)}
.vrd-cellijst{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow:auto}.vrd-celrij{cursor:pointer}.vrd-celrij .t{display:flex;align-items:center;gap:8px;margin-bottom:4px}.vrd-celrij .t .vrd-tag{margin-left:auto}
.vrd-tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--sunk);color:var(--muted)}.vrd-tag.rood{background:var(--danger-soft);color:var(--danger)}.vrd-tag.oranje{background:var(--soil-soft);color:var(--soil)}
.vrd-adm .panel{margin:0 0 10px}.vrd-admkop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.vrd-inl input{font:inherit;font-weight:600;padding:4px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--fg);min-width:140px}.vrd-inl input:hover,.vrd-inl input:focus{border-color:var(--line);background:var(--surface)}
.vrd-loc h2{display:flex;align-items:center;gap:8px;justify-content:space-between}.vrd-admacts{display:flex;gap:4px}
.vrd-admcel{padding:8px 0;border-top:1px solid var(--line)}.vrd-admcel .t{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vrd-admcel .t .vrd-admacts{margin-left:auto}
.vrd-sort{width:64px;padding:4px 6px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg)}
.vrd-admrijen{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.vrd-admrijen .mini{height:28px}
@media (max-width:700px){.vrd-kaart-n b{font-size:22px}.vrd-kpi b{font-size:24px}}