@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap");:root{color-scheme:light;--bg:#F2F2F7;--bg-card:#FFFFFF;--bg-input:#F2F2F7;--border:rgba(60,60,67,0.29);--border-hover:#C6C6C8;--text:#000000;--text-muted:rgba(60,60,67,0.6);--text-dim:rgba(60,60,67,0.3);--accent:#2563EB;--accent-light:#EFF6FF;--accent-glow:rgba(37,99,235,0.18);--success:#059669;--success-light:#ecfdf5;--danger:#dc2626;--danger-light:#fef2f2;--warning:#d97706;--status-pickup:#ea580c;--accent-leesbaar:#1D4ED8;--danger-leesbaar:#b91c1c;--success-leesbaar:#047857;--warning-leesbaar:#92400e;--text-leesbaar:rgba(60,60,67,0.75);--glas:rgba(255,255,255,0.85);--radius:14px;--radius-item:16px;--radius-sheet:24px;--bg-icon-tinted:rgba(37,99,235,0.12);--bg-icon-danger:rgba(220,38,38,0.12);--gradient-primary:linear-gradient(135deg,#3B82F6,#2563EB);--shadow-primary:0 8px 24px rgba(37,99,235,0.32);--shadow-glow:0 4px 20px rgba(37,99,235,0.25),0 2px 8px rgba(0,0,0,0.05);--shadow-glow-sm:0 2px 12px rgba(37,99,235,0.15);--shadow-card:0 4px 24px rgba(0,0,0,0.06);--radius-knop:12px;--brand-tegel:linear-gradient(135deg,#1e3a8a,#2563EB);--brand-tegel-schaduw:0 2px 8px -2px rgba(37,99,235,0.45);--sidebar-breedte:264px;--topbar-hoogte:56px;--ink:var(--text);--muted:var(--text-muted);--line:var(--border);--panel:var(--bg-card);--accent-ink:#ffffff;--danger-bg:var(--danger-light);--ok:var(--success);--ok-bg:var(--success-light)}[data-theme=dark]{--bg:#000000;--bg-card:#1C1C1E;--bg-input:#2C2C2E;--border:rgba(84,84,88,0.65);--border-hover:#38383A;--text:#FFFFFF;--text-muted:rgba(235,235,245,0.6);--text-dim:rgba(235,235,245,0.3);--accent:#3FA0F0;--accent-light:rgba(63,160,240,0.14);--accent-glow:rgba(63,160,240,0.28);--success:#10b981;--success-light:rgba(16,185,129,0.12);--danger:#ef4444;--danger-light:rgba(239,68,68,0.12);--warning:#f59e0b;--status-pickup:#f97316;--bg-icon-tinted:rgba(63,160,240,0.18);--bg-icon-danger:rgba(239,68,68,0.18);--gradient-primary:linear-gradient(135deg,#60A5FA,#3FA0F0);--shadow-primary:0 8px 24px rgba(63,160,240,0.32);color-scheme:dark;--accent-leesbaar:#93C5FD;--danger-leesbaar:#FCA5A5;--success-leesbaar:#6EE7B7;--warning-leesbaar:#FCD34D;--text-leesbaar:rgba(235,235,245,0.6);--accent-ink:#06121F;--shadow-card:0 4px 24px rgba(0,0,0,0.25);--glas:rgba(26,27,35,0.88)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;margin:0 0 1.1rem}h2{font-size:1rem;letter-spacing:-.01em;margin:1.25rem 0 .6rem}h2,h3{font-weight:700}h3{font-size:.8rem;margin:1rem 0 .5rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}::selection{background:#BFDBFE;color:#1E3A8A}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.skip-link{position:fixed;top:.5rem;inset-inline-start:.5rem;z-index:200;display:inline-flex;align-items:center;padding:.55rem .95rem;border-radius:var(--radius-knop);background:var(--accent);color:var(--accent-ink);font-size:.85rem;font-weight:700;text-decoration:none;box-shadow:var(--shadow-glow);transform:translateY(-160%);transition:transform .12s ease}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);text-decoration:none;outline:2px solid var(--text);outline-offset:2px}.content:focus{outline:none}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-breedte);flex:0 0 var(--sidebar-breedte);background:var(--bg-card);-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;padding:1.1rem .9rem 1rem;gap:.25rem;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:40}.brand{display:flex;align-items:center;gap:.625rem;padding:.15rem .35rem .9rem}.brand-logo{width:32px;height:32px;flex:0 0 32px;border-radius:var(--radius-knop);background:var(--brand-tegel);box-shadow:var(--brand-tegel-schaduw);display:inline-flex;align-items:center;justify-content:center;color:#fff}.brand-naam{line-height:1.15}.brand-naam strong{display:block;font-size:15px;font-weight:700;letter-spacing:-.025em;color:var(--text)}.brand-naam span{display:block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.bedrijf-kaart{margin:0 .1rem .9rem;padding:.6rem .75rem;background:var(--bg-input);border-radius:var(--radius-knop);display:flex;align-items:center;gap:.6rem;min-width:0}.bedrijf-kaart .bedrijf-icoon{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:var(--bg-icon-tinted);color:var(--accent);display:inline-flex;align-items:center;justify-content:center}.bedrijf-kaart .bedrijf-tekst{min-width:0}.bedrijf-kaart .bedrijf-naam{display:block;font-size:.8rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bedrijf-kaart .bedrijf-rol{display:block;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.sidebar nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.55rem .75rem;border-radius:var(--radius-knop);color:var(--text-muted);font-weight:600;font-size:.85rem;position:relative;transition:background .12s ease,color .12s ease}.nav-item svg{flex:0 0 auto;opacity:.85}.nav-item:hover{background:var(--bg-input);color:var(--text);text-decoration:none}.nav-item.actief{background:var(--accent-light);color:var(--accent)}.nav-item.actief:before{content:"";position:absolute;left:-.9rem;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-teller{margin-left:auto}.sidebar-onder{margin-top:auto;padding-top:.9rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem}.sidebar-onder label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem}.sidebar-onder select{width:100%}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:35;background:rgba(0,0,0,.4);border:0;padding:0;margin:0;width:100%;cursor:pointer;box-shadow:none}.sidebar-overlay:hover{box-shadow:none}.hoofdkolom{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-hoogte);background:var(--glas);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.9rem;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:30}.topbar-titel{font-size:.95rem;font-weight:700;letter-spacing:-.01em}.topbar-acties{-webkit-margin-start:auto;margin-inline-start:auto;display:flex;align-items:center;gap:.6rem}.menu-knop{display:none;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:var(--radius-knop);padding:.4rem .5rem;box-shadow:none}.menu-knop:hover{background:var(--bg-input);box-shadow:none}.taal-vorm{position:relative;display:inline-flex;align-items:center}.taal-vorm .taal-globe{position:absolute;left:.6rem;pointer-events:none;color:var(--text-muted);display:inline-flex}.taal-vorm select{-webkit-padding-start:2.1rem;padding-inline-start:2.1rem;-webkit-padding-end:1.9rem;padding-inline-end:1.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.taal-vorm select,.uitlog-knop{font-weight:600;font-size:.8rem}.uitlog-knop{display:inline-flex;align-items:center;gap:.45rem;background:transparent;border:1px solid var(--border);color:var(--text-muted);box-shadow:none}.uitlog-knop:hover{background:var(--danger-light);border-color:var(--bg-icon-danger);color:var(--danger-leesbaar);box-shadow:none}.content{flex:1 1 auto;padding:1.75rem 2rem 3rem;max-width:1160px;width:100%}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.25rem;margin-bottom:1.1rem;transition:all .2s ease}.panel:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card)}.panel>h2:first-child{margin-top:0}.tabel-kaart{padding:.25rem 0 .4rem;overflow-x:auto}.tabel-kaart table{min-width:640px}.row{gap:.9rem;flex-wrap:wrap;align-items:flex-end}.row,.tabs{display:flex}.tabs{gap:.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border)}.tabs a{padding:.55rem 1rem .65rem;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;border-radius:8px 8px 0 0;background:transparent;color:var(--text-muted);font-weight:600;font-size:.875rem;transition:color .12s ease,background .12s ease}.tabs a:hover{color:var(--text);background:var(--bg-input);text-decoration:none}.tabs a.actief{color:var(--accent);border-bottom-color:var(--accent);background:transparent}.alert{border-radius:var(--radius);padding-block:.85rem;padding-inline:1.1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-inline-start-width:4px;font-size:.875rem}.alert ul{margin:.4rem 0 .65rem;-webkit-padding-start:1.2rem;padding-inline-start:1.2rem}.alert-warn{background:rgba(245,158,11,.14);color:var(--warning-leesbaar);border-color:rgba(245,158,11,.35)}.alert-fout{background:var(--danger-light);color:var(--danger-leesbaar);border-color:var(--bg-icon-danger)}.alert-ok{background:var(--success-light);color:var(--success-leesbaar);border-color:rgba(16,185,129,.35)}.alert-warn form{margin-top:.35rem}.alert-warn form button{background:var(--warning-leesbaar);border:0;color:#fff;font-weight:700;box-shadow:none}.alert-warn form button:hover{filter:brightness(1.08);box-shadow:none}.badge{display:inline-flex;align-items:center;flex-shrink:0;padding:.125rem .625rem;border-radius:999px;font-size:11px;font-weight:700;background:var(--accent);color:var(--accent-ink);white-space:nowrap}.badge-OPEN{background:rgba(37,99,235,.12);color:var(--accent-leesbaar)}.badge-DELIVERED,.badge-PICKED_UP{background:rgba(16,185,129,.14);color:var(--success-leesbaar)}.badge-NOTHING_TO_COLLECT{background:rgba(245,158,11,.14);color:var(--warning-leesbaar)}.badge-FAILED{background:rgba(239,68,68,.14);color:var(--danger-leesbaar)}.badge-PLANNED{background:rgba(37,99,235,.12);color:var(--accent-leesbaar)}.badge-ACTIVE{background:rgba(16,185,129,.14);color:var(--success-leesbaar)}.badge-DONE{background:var(--bg-input);color:var(--text-leesbaar)}.badge-UNMANNED{background:rgba(239,68,68,.14);color:var(--danger-leesbaar)}.badge-DELIVERY{background:rgba(37,99,235,.12);color:var(--accent-leesbaar)}.badge-PICKUP{background:rgba(234,88,12,.12);color:#9A3412}.badge-scan{background:#f3e8fd;color:#6b21a8}.badge-SENT_TO_DRIVER{background:rgba(37,99,235,.12);color:var(--accent-leesbaar)}.badge-CANCELLED,.badge-taaktype{background:var(--bg-input);color:var(--text-leesbaar)}table{border-collapse:collapse;width:100%}td,th{text-align:start;padding:.6rem .85rem;border-bottom:1px solid var(--border);vertical-align:middle}th{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-leesbaar);font-weight:700}tbody tr:nth-child(2n){background:var(--bg-input)}tbody tr:hover{background:var(--accent-light)}tbody tr:last-child td{border-bottom:0}td:last-child,th:last-child{text-align:end}td:last-child form{display:inline-flex;justify-content:flex-end}label{display:block;font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:.375rem}input,select,textarea{font:inherit;font-size:.875rem;padding:.625rem 1rem;border:1px solid var(--border);border-radius:var(--radius-knop);background:var(--bg-card);color:var(--text);max-width:100%;transition:all .2s ease}input::placeholder,textarea::placeholder{color:var(--text-leesbaar)}input:disabled,select:disabled,textarea:disabled{background:var(--bg-input);color:var(--text-leesbaar);cursor:not-allowed}input:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea{width:100%;resize:vertical}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;padding:0}.veld-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:.9rem 1rem;gap:.9rem 1rem;align-items:end}.veld{min-width:0;display:flex;flex-direction:column}.veld input,.veld select{width:100%}.veld-breed{grid-column:1/-1}.vorm-acties{margin-top:1.1rem;display:flex;justify-content:flex-end;gap:.6rem}.dagpills{flex-wrap:wrap}.dagpill,.dagpills{display:inline-flex;gap:.35rem}.dagpill{align-items:center;margin:0;padding:.32rem .7rem;border:1px solid var(--border);border-radius:999px;font-size:.78rem;font-weight:600;color:var(--text-muted);background:var(--bg-card);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .12s ease,border-color .12s ease,color .12s ease}.dagpill:hover{border-color:var(--accent);color:var(--accent)}.dagpill input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:13px;height:13px;margin:0;border:1.5px solid var(--border-hover);border-radius:4px;background:var(--bg-card);cursor:pointer;display:inline-block;position:relative;transition:background .12s ease,border-color .12s ease;padding:0}.dagpill input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.dagpill input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:7px;border:solid var(--accent-ink);border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}.dagpill:has(input:checked){background:var(--bg-icon-tinted);border-color:var(--accent);color:var(--accent)}button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:inherit;font-size:.875rem;font-weight:600;padding:.625rem 1rem;border-radius:var(--radius-knop);border:1px solid transparent;background:var(--accent);color:var(--accent-ink);cursor:pointer;box-shadow:var(--shadow-glow-sm);transition:all .2s ease}button:hover{box-shadow:var(--shadow-glow)}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}button.secundair{background:var(--bg-card);color:var(--text-muted);border-color:var(--border);box-shadow:none}button.secundair:hover{color:var(--text);border-color:var(--border-hover);box-shadow:none}button.gevaar{color:var(--danger-leesbaar);border-color:var(--bg-icon-danger)}button.gevaar,button.gevaar:hover{background:var(--danger-light);box-shadow:none}button.gevaar:hover{border-color:var(--danger)}button.klein{padding:.375rem .75rem;font-size:.75rem;gap:.375rem}button.klein.secundair{min-width:30px}.stoplijst{margin:.25rem 0 0;padding:0;list-style:none}.stoplijst li{display:flex;gap:.55rem;align-items:center;padding:.38rem .25rem;border-bottom:1px solid var(--border);min-height:38px}.stoplijst li:hover{background:var(--bg-input);border-radius:8px}.stoplijst li:last-child{border-bottom:0}.stoplijst .stop-seq{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 4px;flex:0 0 auto;border-radius:999px;background:var(--bg-input);color:var(--text-muted);font-size:.7rem;font-weight:700}.stoplijst li:hover .stop-seq{background:var(--bg-card)}.stoplijst .stop-tekst{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:.85rem}.stoplijst .adres{color:var(--text-muted);font-size:.8rem;font-weight:400}.stoplijst .stop-acties{-webkit-margin-start:auto;margin-inline-start:auto;display:inline-flex;gap:.3rem;align-items:center;flex:0 0 auto}.muted{color:var(--text-muted);font-size:.85rem}.rij-menu{position:relative}.rij-menu>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid transparent;color:var(--text-muted);transition:background .12s ease,color .12s ease,border-color .12s ease}.rij-menu>summary::-webkit-details-marker{display:none}.rij-menu>summary:hover{background:var(--bg-card);border-color:var(--border);color:var(--text)}.rij-menu[open]>summary{background:var(--accent-light);color:var(--accent);border-color:transparent}.rij-menu-paneel{position:absolute;right:0;top:calc(100% + 4px);z-index:25;min-width:210px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-knop);box-shadow:var(--shadow-card);padding:.3rem;display:flex;flex-direction:column;gap:1px}.rij-menu-paneel form{margin:0}.rij-menu-item{display:flex;align-items:center;gap:.55rem;width:100%;text-align:start;justify-content:flex-start;background:transparent;border:0;box-shadow:none;color:var(--text);font-size:.82rem;font-weight:500;padding:.45rem .6rem;border-radius:8px}.rij-menu-item svg{color:var(--text-muted);flex:0 0 auto}.rij-menu-item:hover{background:var(--bg-input);box-shadow:none}.rij-menu-item:active{transform:none}.rij-menu-item:disabled{opacity:.35}.rij-menu-item.gevaar-item,.rij-menu-item.gevaar-item svg{color:var(--danger-leesbaar)}.rij-menu-item.gevaar-item:hover{background:var(--danger-light)}details.uitklap{margin:0;border-top:1px solid var(--border)}details.uitklap:first-of-type{margin-top:.75rem}.uitklap>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem;padding:.55rem .2rem;color:var(--text);font-size:.82rem;font-weight:600;border-radius:8px;transition:color .12s ease}.uitklap>summary::-webkit-details-marker{display:none}.uitklap>summary:before{content:"";flex:0 0 auto;width:7px;height:7px;-webkit-border-end:2px solid var(--text-dim);border-inline-end:2px solid var(--text-dim);border-bottom:2px solid var(--text-dim);transform:rotate(-45deg);margin:0 3px;transition:transform .14s ease,border-color .14s ease}.uitklap[open]>summary:before{transform:rotate(45deg);border-color:var(--accent)}.uitklap>summary:hover,.uitklap[open]>summary{color:var(--accent)}.uitklap>:not(summary){-webkit-margin-start:.35rem;margin-inline-start:.35rem}.kaart-kop{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-bottom:.35rem}.kaart-kop h2{margin:0;font-size:1.02rem}.meta-chips{gap:.4rem;flex-wrap:wrap}.meta-chip,.meta-chips{display:inline-flex;align-items:center}.meta-chip{gap:.35rem;padding:.22rem .65rem;border-radius:999px;background:var(--bg-input);color:var(--text-muted);font-size:.75rem;font-weight:600;white-space:nowrap}.meta-chip svg{color:var(--text-dim)}.voortgang{display:flex;align-items:center;gap:.6rem;margin:.5rem 0 .25rem}.voortgang-spoor{flex:1 1 auto;height:6px;border-radius:999px;background:var(--bg-input);overflow:hidden;max-width:260px}.voortgang-balk{height:100%;border-radius:999px;background:var(--accent);transition:width .3s ease}.voortgang-tekst{font-size:.75rem;font-weight:700;color:var(--text-muted)}.dag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:.9rem;gap:.9rem;margin-top:.75rem}.dag-kaart{border:1px solid var(--border);border-radius:var(--radius);padding:.85rem .95rem;background:var(--bg-card)}.dag-kaart-kop{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.55rem}.dag-kaart-kop .dag-datum{font-weight:700;font-size:.85rem}.dag-kaart-kop .dag-weekdag{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.dag-kaart ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.dag-kaart li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.82rem;font-weight:600}.leeg{text-align:center;padding:2.5rem 1.5rem}.leeg-icoon{width:48px;height:48px;margin:0 auto .8rem;border-radius:var(--radius);background:var(--bg-icon-tinted);color:var(--accent);display:flex;align-items:center;justify-content:center}.leeg-titel{font-size:.95rem;font-weight:700;margin:0 0 .25rem}.leeg-hint{font-size:.82rem;color:var(--text-muted);margin:0 auto;max-width:32rem}.leeg-cta{display:inline-flex;align-items:center;gap:.45rem;margin-top:.95rem;padding:.5rem .95rem;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-knop);font-weight:600;font-size:.82rem;box-shadow:var(--shadow-glow-sm);transition:all .2s ease}.leeg-cta:hover{text-decoration:none;box-shadow:var(--shadow-glow)}.avatar{width:38px;height:38px;flex:0 0 38px;border-radius:999px;background:var(--bg-icon-tinted);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;letter-spacing:.02em}.draad-kaart{display:flex;align-items:center;gap:.85rem;padding:.9rem 1.1rem}.draad-kaart .draad-tekst{flex:1 1 auto;min-width:0}.draad-kaart .draad-naam{font-weight:700;font-size:.9rem}.draad-kaart .draad-laatste,.draad-kaart .draad-naam{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draad-kaart .draad-laatste{color:var(--text-muted);font-size:.8rem;max-width:42rem}.draad-kaart>a{font-weight:600;font-size:.82rem;white-space:nowrap}.zoekbalk{display:flex;gap:.6rem;align-items:flex-end}.zoekbalk .zoekveld{flex:1 1 auto;position:relative}.zoekbalk .zoekveld input{width:100%;-webkit-padding-start:2.4rem;padding-inline-start:2.4rem}.zoekbalk .zoek-icoon{position:absolute;left:.8rem;bottom:.7rem;color:var(--text-dim);pointer-events:none;display:inline-flex}.chat{list-style:none;margin:0 0 1.25rem;padding:.25rem 0;display:flex;flex-direction:column;gap:.55rem}.bericht{background:var(--bg-input);border:0;border-radius:var(--radius-item);border-bottom-left-radius:6px;padding:.6rem .85rem;max-width:min(44rem,82%);align-self:flex-start}.bericht.mijn{background:var(--accent);color:var(--accent-ink);align-self:flex-end;-webkit-margin-start:0;margin-inline-start:0;border-bottom-left-radius:var(--radius-item);border-bottom-right-radius:6px;box-shadow:var(--shadow-glow-sm)}.bericht-kop{font-size:.7rem;font-weight:600;margin-bottom:.15rem;color:var(--text-muted)}.bericht.mijn .bericht-kop{color:inherit;opacity:.72}.bericht-body{white-space:pre-wrap;font-size:.875rem;line-height:1.45}.composer{display:flex;gap:.6rem;align-items:flex-end;border-top:1px solid var(--border);padding-top:.9rem}.composer .composer-veld{flex:1 1 auto}.composer textarea{width:100%;border-radius:var(--radius)}.terug-link-rij{margin:0 0 .6rem}.terug-link{gap:.3rem;font-size:.8rem;font-weight:600}.code-chip,.terug-link{display:inline-flex;align-items:center}.code-chip{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9rem;font-weight:700;letter-spacing:.14em;background:var(--accent-light);color:var(--accent);border:1px dashed var(--accent-glow);border-radius:var(--radius-knop);padding:.3rem .75rem}.login-scherm{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(52rem 32rem at 12% -8%,var(--accent-glow),transparent 60%),radial-gradient(46rem 30rem at 108% 112%,var(--accent-glow),transparent 60%),var(--bg)}.login-kader{width:100%;max-width:400px;margin:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sheet);box-shadow:var(--shadow-card);padding:2.2rem 2rem 2rem}.login-kader .brand{justify-content:center;padding-bottom:1.1rem}.login-kader .brand-logo{width:40px;height:40px;flex-basis:40px}.login-kader h1{font-size:1.05rem;text-align:center;margin-bottom:.35rem}.login-sub{text-align:center;color:var(--text-muted);font-size:.82rem;margin:0 0 1.4rem}.login-kader .veld{margin-bottom:.9rem}.login-kader input{width:100%}.login-kader button[type=submit]{width:100%;margin-top:.4rem;padding:.65rem 1rem;font-size:.9rem}.pagina-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.15rem}.pagina-kop h1{margin:0 0 .15rem}.pagina-sub{margin:0;color:var(--text-muted);font-size:.82rem}.pagina-kop-acties{display:inline-flex;gap:.5rem;align-items:center;flex-wrap:wrap}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));grid-gap:.6rem;gap:.6rem;margin-bottom:1.1rem}.stat-tegel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-knop);padding:.55rem .75rem;text-align:center}.stat-tegel .stat-getal{display:block;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.stat-tegel .stat-label{display:block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:.1rem}.stat-accent .stat-getal{color:var(--accent)}.stat-ok .stat-getal{color:var(--success)}.stat-gevaar .stat-getal{color:var(--danger)}.stat-dim .stat-getal{color:var(--text-muted)}.actiebalk{display:inline-flex;gap:.4rem;align-items:center;flex-wrap:wrap}.kaart-kop .actiebalk{-webkit-margin-start:auto;margin-inline-start:auto}.actiebalk a.knop,.actiebalk button{display:inline-flex;align-items:center;gap:.4rem;padding:.375rem .7rem;font-size:.78rem;font-weight:600;background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border);border-radius:10px;box-shadow:none}.actiebalk a.knop svg,.actiebalk button svg{color:var(--text-dim)}.actiebalk a.knop:hover,.actiebalk button:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light);box-shadow:none;text-decoration:none}.actiebalk a.knop:hover svg,.actiebalk button:hover svg{color:var(--accent)}.actiebalk button.gevaar{background:var(--bg-card);border-color:var(--border)}.actiebalk button.gevaar,.actiebalk button.gevaar svg{color:var(--danger-leesbaar)}.actiebalk button.gevaar:hover{background:var(--danger-light);border-color:var(--danger)}.dialoog{position:fixed;inset:0;margin:auto;width:min(540px,calc(100vw - 2rem));max-height:min(calc(100dvh - 2rem),46rem);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-item);box-shadow:var(--shadow-card),0 24px 60px rgba(15,23,42,.18);padding:0}.dialoog:popover-open{display:flex;flex-direction:column}.dialoog::-webkit-backdrop{background:rgba(15,23,42,.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialoog::backdrop{background:rgba(15,23,42,.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialoog-kop{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1.15rem .75rem;border-bottom:1px solid var(--border);background:var(--bg-card);z-index:1;flex:0 0 auto}.dialoog-kop h2{margin:0;font-size:.95rem}.dialoog-sluit{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;color:var(--text-muted);border:0;border-radius:8px;box-shadow:none}.dialoog-sluit:hover{background:var(--bg-input);color:var(--text);box-shadow:none}.dialoog-inhoud{padding:1rem 1.15rem 1.15rem;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:linear-gradient(var(--bg-card) 30%,rgba(255,255,255,0)) top /100% 20px no-repeat local,linear-gradient(rgba(255,255,255,0),var(--bg-card) 70%) bottom /100% 20px no-repeat local,radial-gradient(farthest-side at 50% 0,rgba(15,23,42,.16),rgba(15,23,42,0)) top /100% 10px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,rgba(15,23,42,.16),rgba(15,23,42,0)) bottom /100% 10px no-repeat scroll;background-color:var(--bg-card)}.dialoog-inhoud .vorm-acties{margin-top:1rem}.dialoog-hint{margin:0 0 .85rem}.dialoog-hint,.samenvatting{color:var(--text-muted);font-size:.8rem}.samenvatting{display:flex;align-items:center;gap:.35rem .9rem;flex-wrap:wrap;margin:.15rem 0 .4rem}.samenvatting .sam-item{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.samenvatting .sam-item svg{color:var(--text-dim)}.samenvatting .sam-item strong{color:var(--text);font-weight:700}.route-notitie{display:flex;align-items:flex-start;gap:.5rem;margin:.55rem 0 .2rem;padding:.5rem .7rem;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25);border-radius:10px;font-size:.8rem;color:var(--warning-leesbaar)}.route-notitie svg{flex:0 0 auto;margin-top:1px;color:var(--warning)}.tijdlijn{list-style:none;margin:.5rem 0 .75rem;padding:0}.tijdlijn li{position:relative;padding-block:0 .9rem;padding-inline:1.55rem 0}.tijdlijn li:last-child{padding-bottom:.25rem}.tijdlijn li:before{content:"";position:absolute;left:5px;top:14px;bottom:-2px;width:2px;background:var(--border)}.tijdlijn li:last-child:before{display:none}.tijdlijn .tijdlijn-stip{position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:999px;background:var(--bg-card);border:3px solid var(--accent)}.tijdlijn li.tijdlijn-af .tijdlijn-stip{border-color:var(--border-hover)}.tijdlijn .tijdlijn-kop{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.84rem;font-weight:700}.tijdlijn .tijdlijn-meta{display:flex;align-items:center;gap:.3rem .9rem;flex-wrap:wrap;margin-top:.15rem;color:var(--text-muted);font-size:.76rem}.tijdlijn .tijdlijn-meta .mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem}.tabel-leeg{text-align:center;padding:2rem 1.25rem 2.25rem}.koppel-kaart{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.koppel-kaart .koppel-icoon{width:38px;height:38px;flex:0 0 38px;border-radius:var(--radius-knop);background:var(--bg-icon-tinted);color:var(--accent);display:inline-flex;align-items:center;justify-content:center}.koppel-kaart .koppel-tekst{flex:1 1 16rem;min-width:0;color:var(--text-muted);font-size:.82rem}.kaart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));grid-gap:1rem;gap:1rem}.kaart-grid .panel{margin-bottom:0;display:flex;flex-direction:column;gap:.4rem}.kaart-grid .panel .actiebalk{margin-top:auto;padding-top:.5rem}.draad-lijst{padding:.25rem 0}.draad-lijst .draad-kaart{position:relative;padding:.7rem 1.1rem;border-bottom:1px solid var(--border);transition:background .12s ease}.draad-lijst .draad-kaart:last-child{border-bottom:0}.draad-lijst .draad-kaart:hover{background:var(--bg-input)}.draad-kaart .draad-open{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--text-dim)}.draad-kaart .draad-open:after{content:"";position:absolute;inset:0}.draad-kaart:hover .draad-open{color:var(--accent)}.draad-kaart .draad-tijd{color:var(--text-dim);font-size:.72rem;white-space:nowrap}.dag-alert-inhoud{display:flex;align-items:flex-start;gap:.7rem}.dag-alert-inhoud>svg{flex:0 0 auto;margin-top:1px}.dag-alert-tekst{flex:1 1 auto;min-width:0}.dag-alert-routes{display:flex;gap:.35rem;flex-wrap:wrap;margin:.45rem 0 .15rem;padding:0;list-style:none}.dag-alert-routes li{display:inline-flex;align-items:center;padding:.18rem .6rem;background:rgba(245,158,11,.16);border-radius:999px;font-size:.75rem;font-weight:700}.monitor-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);grid-gap:1.1rem;gap:1.1rem;align-items:stretch;margin-bottom:1.1rem}.monitor-kaart-paneel{margin-bottom:0;padding:.5rem;display:flex;flex-direction:column}.monitor-kaart{width:100%;flex:1 1 auto;min-height:420px;border-radius:calc(var(--radius) - 4px);overflow:hidden;background:var(--bg-input)}.monitor-kaart-leeg{margin:.55rem .5rem .3rem}.monitor-marker{width:34px;height:34px;background:var(--accent);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 10px rgba(37,99,235,.45);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:12px;cursor:default}.monitor-alerts{margin-bottom:0;overflow-y:auto;max-height:560px}.alert-lijst{margin:0;padding:0;list-style:none;gap:.5rem}.alert-item,.alert-lijst{display:flex;flex-direction:column}.alert-item{gap:.1rem;padding-block:.55rem .6rem;padding-inline:.85rem .7rem;border-radius:var(--radius-knop);background:rgba(245,158,11,.14);-webkit-border-start:4px solid var(--warning);border-inline-start:4px solid var(--warning);font-size:.82rem}.alert-item strong{font-size:.85rem}.alert-item span{color:var(--warning-leesbaar)}.alert-item-hard{background:var(--danger-light);border-inline-start-color:var(--danger)}.alert-item-hard span{color:var(--danger-leesbaar)}@media (max-width:960px){.monitor-grid{grid-template-columns:1fr}.monitor-kaart{min-height:300px}.monitor-alerts{max-height:none}.sidebar{position:fixed;left:0;top:0;bottom:0;height:100dvh;transform:translateX(-105%);transition:transform .2s ease;box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:var(--shadow-card)}.sidebar-overlay{display:block}.menu-knop{display:inline-flex;align-items:center}.content{padding:1.1rem 1rem 2.5rem}.topbar{padding:0 .75rem;gap:.5rem}.topbar-titel{font-size:.9rem;min-width:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-acties{gap:.4rem}.taal-vorm select{-webkit-padding-start:1.9rem;padding-inline-start:1.9rem;-webkit-padding-end:1.5rem;padding-inline-end:1.5rem}.uitlog-knop{padding:.4rem .6rem}.bericht{max-width:92%}.stat-strip{grid-template-columns:repeat(3,1fr);gap:.45rem}.kaart-grid{grid-template-columns:1fr}.rij-menu-paneel{min-width:190px}.draad-lijst .draad-tijd{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}.tabel-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;margin:0 -1.25rem;padding:0 1.25rem}.tabel-scroll>table{min-width:940px}.tabel-legenda{margin:.85rem 0 0;font-size:.78rem;line-height:1.45;color:var(--text-muted);max-width:78ch}.tabel-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}@media (max-width:960px){body,html{overflow-x:clip}.content{min-width:0;max-width:100%}}[data-theme=dark] ::selection{background:#1D4ED8;color:#DBEAFE}[data-theme=dark] .badge-scan{background:rgba(168,85,247,.18);color:#D8B4FE}[data-theme=dark] .badge-PICKUP{color:#FDBA74}[data-theme=dark] .alert-warn form button{color:#201400}[data-theme=dark] .taal-vorm select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23AEAEB2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=dark] .dialoog-inhoud{background:linear-gradient(var(--bg-card) 30%,rgba(28,28,30,0)) top /100% 20px no-repeat local,linear-gradient(rgba(28,28,30,0),var(--bg-card) 70%) bottom /100% 20px no-repeat local,radial-gradient(farthest-side at 50% 0,rgba(255,255,255,.14),rgba(255,255,255,0)) top /100% 10px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,rgba(255,255,255,.14),rgba(255,255,255,0)) bottom /100% 10px no-repeat scroll;background-color:var(--bg-card)}