:root{--accent:#003B70;--blue:#0069AA;--green:#78BE20;--orange:#F79009;--red:#D92D20;--bg:#F5F7FA;--card:#fff;--card2:#F7FAFC;--txt:#182230;--muted:#667085;--border:rgba(0,59,112,.14);--shadow:0 14px 34px rgba(16,24,40,.14);--topH:72px;--tileMin:70px;--tileGap:8px;--tileWidth:84px;--tilePad:6px;--tileRadius:13px;--tileFont:2.85rem;--tileFontMin:1rem}*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden}body{font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,#fff,#EAF4FB 35%,var(--bg));color:var(--txt)}body.dark{--bg:#071625;--card:#102A44;--card2:#153552;--txt:#fff;--muted:#EAF4FB;--border:rgba(255,255,255,.18);background:radial-gradient(circle at top left,#173B5D,#071625 55%,#020B13)}body.density-normal{--topH:104px;--tileMin:124px;--tileGap:18px;--tileWidth:165px;--tilePad:16px;--tileRadius:22px;--tileFont:4.7rem;--tileFontMin:1.8rem}body.density-compact{--topH:84px;--tileMin:92px;--tileGap:12px;--tileWidth:115px;--tilePad:10px;--tileRadius:18px;--tileFont:3.7rem;--tileFontMin:1.35rem}body.density-ultra{--topH:72px;--tileMin:70px;--tileGap:8px;--tileWidth:84px;--tilePad:6px;--tileRadius:13px;--tileFont:2.85rem;--tileFontMin:1rem}body.kiosk{overflow:hidden;cursor:none}.top{height:var(--topH);background:linear-gradient(135deg,var(--accent),var(--blue));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:var(--shadow);gap:16px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.logo{width:calc(var(--topH) - 22px);height:calc(var(--topH) - 22px);border-radius:15px;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.35);display:grid;place-items:center;overflow:hidden;font-weight:1000;flex:0 0 auto;font-size:.9rem}.title{font-size:clamp(1.25rem,2.4vw,2.35rem);font-weight:1000;letter-spacing:-.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub{font-size:.85rem;opacity:.9;font-weight:800}.clock{text-align:right;font-weight:900;flex:0 0 auto}.clock #clock{font-size:clamp(1.3rem,2.5vw,2.2rem)}.date{font-size:.8rem;opacity:.85}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:14px;height:calc(100vh - var(--topH));overflow:hidden}.panel{background:rgba(255,255,255,.90);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;min-height:0;min-width:0}body.dark .panel{background:rgba(16,42,68,.94)}.ph{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;color:#fff}.ph.ingeleverd{background:linear-gradient(135deg,var(--orange),#B54708)}.ph.pending{background:linear-gradient(135deg,var(--blue),var(--accent))}.ph.ready{background:linear-gradient(135deg,var(--green),#4E8F12)}.ph h2{font-size:clamp(1.25rem,2.4vw,2.45rem);margin:0}.count{min-width:44px;height:44px;border-radius:999px;background:rgba(255,255,255,.22);display:grid;place-items:center;font-size:1.3rem;font-weight:1000}.grid{padding:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--tileWidth),1fr));gap:var(--tileGap);overflow:auto}.tile{--chars:4;min-height:var(--tileMin);border-radius:var(--tileRadius);background:var(--card);border:2px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--tilePad);box-shadow:0 6px 14px rgba(0,0,0,.12);color:var(--txt);min-width:0}.ingeleverdList .tile{border-color:rgba(247,144,9,.50);background:linear-gradient(135deg,var(--card),rgba(247,144,9,.15))}.readyList .tile{border-color:rgba(120,190,32,.55);background:linear-gradient(135deg,var(--card),rgba(120,190,32,.15))}.tname{font-size:clamp(var(--tileFontMin),calc(var(--tileFont) - (var(--chars)*.24rem)),var(--tileFont));font-weight:1000;line-height:.93;letter-spacing:-.06em;white-space:nowrap;overflow:hidden;max-width:100%}.meta{font-weight:900;color:var(--muted);font-size:.72rem}.empty{grid-column:1/-1;min-height:120px;display:grid;place-items:center;border:2px dashed var(--border);border-radius:18px;color:var(--muted);font-size:1.2rem;font-weight:900;text-align:center;padding:12px}.float{position:fixed;bottom:14px;border-radius:999px;padding:11px 16px;box-shadow:var(--shadow);border:1px solid var(--border);font-weight:900;cursor:pointer}.theme{right:178px;background:var(--card);color:var(--txt)}.kioskBtn{right:24px;background:var(--accent);color:#fff}.status{left:20px;color:var(--muted);font-size:.82rem;background:rgba(255,255,255,.80)}body.dark .status{background:rgba(16,42,68,.90);color:#fff}body.kiosk .float,body.kiosk .status{display:none}.layout{max-width:1700px;margin:auto;padding:28px;display:grid;grid-template-columns:430px minmax(0,1fr);gap:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:22px;color:var(--txt);min-width:0}.card h2{margin:0 0 16px;color:var(--accent)}body.dark .card h2,body.dark .itemName{color:#fff}input,select{width:100%;border:2px solid var(--border);border-radius:14px;padding:13px 15px;font-size:1rem;background:var(--card);color:var(--txt)}body.dark input,body.dark select{background:#0B1F33;color:#fff;border-color:rgba(255,255,255,.30)}.row{display:flex;gap:10px;flex-wrap:wrap}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;min-width:0}.list{display:grid;gap:12px}.item{background:var(--card2);border:1px solid var(--border);border-radius:18px;padding:13px;display:grid;gap:10px;min-width:0;overflow:hidden}.itemName{font-size:1.45rem;font-weight:1000;color:var(--accent);white-space:normal;overflow-wrap:anywhere}.actions{display:flex;flex-direction:column;gap:7px;width:100%}.actions button{width:100%;white-space:normal;text-align:center;padding:10px;font-size:.93rem}button{border:0;border-radius:13px;padding:12px 15px;font-weight:900;cursor:pointer}.primary{background:var(--accent);color:#fff}.secondary{background:var(--blue);color:#fff}.success{background:var(--green);color:#fff}.danger{background:var(--red);color:#fff}.warning{background:var(--orange);color:#fff}.light{background:#D9EAF7;color:#003B70}.note,label{color:var(--muted);font-weight:800}.kioskLinks{display:grid;gap:9px;margin-top:10px}.kioskLinkRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:9px;border:1px solid var(--border);border-radius:13px;background:var(--card2)}.kioskLinkName{font-weight:1000;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist,.report{max-width:1500px;margin:auto;padding:32px;overflow-x:auto}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{text-align:left;color:var(--muted);text-transform:uppercase;font-size:.85rem}.table td,.table th{padding:12px 14px}.table tbody tr{background:var(--card);box-shadow:0 6px 16px rgba(0,0,0,.10)}.pill{border-radius:999px;padding:6px 10px;font-weight:900;background:#EAF4FB;color:#003B70}.kpiGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.kpiValue{font-size:2.4rem;font-weight:1000}.kpiLabel{color:var(--muted);font-weight:900;text-transform:uppercase}.bar{height:18px;background:var(--card2);border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green))}.errorBox{background:#fff3f3;border:2px solid #ffb4b4;color:#8a1f1f;border-radius:14px;padding:14px;margin:12px 0;font-weight:800}.readyOverlay{position:fixed;inset:0;z-index:9999;display:none;place-items:center;text-align:center;background:radial-gradient(circle at top left,rgba(120,190,32,.98),rgba(0,59,112,.98) 62%,rgba(2,11,19,.98));color:#fff;padding:6vw}.readyOverlay.show{display:grid;animation:overlayIn .25s ease-out both}.readyOverlayInner{max-width:1200px;width:100%}.readyOverlayLabel{font-size:clamp(2rem,5vw,5rem);font-weight:1000;text-transform:uppercase;letter-spacing:-.04em;margin-bottom:2vh}.readyOverlayClass{font-size:clamp(6rem,22vw,18rem);font-weight:1000;line-height:.85;letter-spacing:-.08em;text-shadow:0 18px 48px rgba(0,0,0,.35)}.readyOverlaySub{font-size:clamp(1.6rem,4vw,4rem);font-weight:900;margin-top:3vh;opacity:.95}.tile.justReady{animation:readyPulse 1s ease-in-out infinite;border-color:#78BE20!important;box-shadow:0 0 0 6px rgba(120,190,32,.20),0 18px 42px rgba(120,190,32,.45)!important}.tile.justReady .tname{color:#78BE20}@keyframes readyPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes overlayIn{from{opacity:0;transform:scale(1.02)}to{opacity:1}}@media(max-width:1200px){.dashboard,.layout,.cols{grid-template-columns:1fr;height:auto}.top{height:auto;padding:18px;align-items:flex-start;flex-direction:column}}@media print{@page{size:A4 landscape;margin:12mm}.top,.noPrint,.toolbar{display:none!important}body{background:#fff!important;color:#111!important}.report,.hist{padding:0;max-width:none}.card{box-shadow:none!important;border:1px solid #d5dbe3!important;break-inside:avoid}.table{border-collapse:collapse!important;border-spacing:0!important}.table th,.table td{border:1px solid #d5dbe3!important}.table th{background:#eaf4fb!important;color:#003B70!important}}

/* v10.2.7 afhaaltijd bij status Klaar */
.pickupBox{display:grid;gap:6px;margin-top:4px}.pickupBox label{font-size:.82rem;font-weight:900;color:var(--muted)}.pickupText{margin-top:6px;font-weight:700;color:var(--green);font-size:clamp(.72rem,.85vw,.95rem);line-height:1.15}.readyLine{font-weight:1000;color:var(--green)}body.dark .pickupText,body.dark .readyLine{color:#7CFFB2}