:root{--primary: #005a9e;--primary-strong: #004578;--ink: #14110f;--muted: #3d3a38;--line: #b9b6b3;--line-soft: #d5d2cf;--bg: #eef1f4;--surface: #ffffff;--header-bg: #14110f;--ok: #0b6a0b;--ok-bg: #d3f3d1;--warn: #9a4a00;--warn-bg: #ffe2bf;--danger: #b3261e;--danger-bg: #ffd9d6;--focus: #ffb000;--radius: 14px;--tap: 60px;--pad: 16px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:18px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}:focus-visible{outline:4px solid var(--focus);outline-offset:2px}.app{max-width:720px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--surface)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:var(--header-bg);color:#fff}.topbar h1{font-size:22px;font-weight:700;margin:0}.topbar-meta{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}.topbar-nummer{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-type{flex-shrink:0}.back-btn{display:inline-flex;align-items:center;min-height:48px;padding:8px 18px;background:#ffffff1f;border:2px solid rgba(255,255,255,.55);border-radius:10px;font-size:18px;font-weight:700;color:#fff;cursor:pointer}.back-btn:active{background:#ffffff47}.segmented{display:flex;gap:4px;margin:14px 16px 0;padding:5px;background:#e1e5e9;border-radius:14px}.segmented-item{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;border:none;background:none;border-radius:10px;font-size:16px;font-weight:700;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent}.segmented-item svg{width:22px;height:22px}.segmented-item.active{background:var(--primary);color:#fff;box-shadow:0 2px 6px #0000002e}.ptr{overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:var(--bg)}.ptr-text{padding-bottom:10px;font-size:14px;font-weight:700;color:var(--muted);white-space:nowrap}.fab-top{position:fixed;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;border:2px solid var(--line);background:var(--surface);color:var(--primary-strong);font-size:26px;font-weight:800;line-height:1;box-shadow:0 4px 14px #00000038;cursor:pointer;z-index:30}.list-tools{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-top:22px;padding-top:16px;border-top:1px solid var(--line-soft)}.lijst-fout{margin:16px;padding:12px 14px;border-radius:10px;background:var(--danger-bg);color:var(--danger);font-size:14px;font-weight:600}.toolbar{display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:var(--surface)}.search-group{display:flex;gap:10px;align-items:stretch}.search{position:relative;flex:1;min-width:0}.search input{width:100%;min-height:var(--tap);padding:12px 16px 12px 52px;border:2px solid var(--line);border-radius:12px;font-size:18px;color:var(--ink);background:#fff}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;color:var(--muted);pointer-events:none}.search-icon svg{width:20px;height:20px}.search input::placeholder{color:#6b6764}.search input:focus{outline:4px solid var(--focus);outline-offset:1px;border-color:var(--primary)}.filter-toggle{width:100%;justify-content:center;gap:10px;color:var(--primary-strong);border-color:var(--primary)}.filter-toggle .filter-label{font-size:17px}.filter-toggle.active{background:var(--primary);border-color:var(--primary);color:#fff}.offline-toggle{display:flex;align-items:center;gap:10px;min-height:52px;font-size:17px;font-weight:600;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.offline-toggle input[type=checkbox]{width:28px;height:28px;accent-color:var(--primary)}.offline-banner{margin:0 16px 10px;padding:14px 16px;background:var(--warn-bg);border:2px solid #e0a35a;border-radius:12px;font-size:17px;font-weight:600;color:#5e3000}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:12px 22px;border:2px solid var(--line);background:#fff;border-radius:12px;font-size:18px;font-weight:700;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.btn:active{filter:brightness(.95)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:active{background:var(--primary-strong)}.btn:disabled{opacity:.55;cursor:default}.content{flex:1;padding:0 16px 28px}.depots-summary{display:flex;align-items:center;gap:16px;margin:16px 0;padding:18px 20px;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;border-radius:var(--radius);box-shadow:0 4px 14px #00457840}.depots-summary-value{font-size:38px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.depots-summary-label{font-size:15px;font-weight:600;line-height:1.3}.depot-grid{display:flex;flex-direction:column;gap:14px;padding:0}.depot-card{display:flex;align-items:center;gap:16px;width:100%;min-height:92px;padding:16px 18px;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 3px #0000000d;cursor:pointer;text-align:left;font-family:inherit;color:var(--ink);-webkit-tap-highlight-color:transparent}.depot-card:active{border-color:var(--primary);background:#eef5fb}.depot-card-icon-wrap{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.depot-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.depot-naam{font-size:20px;font-weight:800;color:var(--ink);line-height:1.15}.depot-chips{display:flex;flex-wrap:wrap;gap:8px}.depot-chip{font-size:13px;font-weight:600;color:var(--muted);background:#eef1f4;border-radius:999px;padding:4px 11px}.depot-chip strong{color:var(--ink);font-weight:800}.depot-pending-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.depot-pending-caption{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.depot-pending-group{display:flex;gap:8px}.depot-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;padding:9px 8px;border-radius:12px;background:#eef1f4}.depot-stat-value{font-size:24px;font-weight:800;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums}.depot-stat-label{margin-top:5px;font-size:11px;font-weight:700;letter-spacing:.01em;text-align:center;line-height:1.1;color:var(--muted)}.depot-stat.actief{background:var(--warn-bg)}.depot-stat.actief .depot-stat-value{color:var(--warn)}.depot-stat.actief .depot-stat-label{color:#6b3500}.list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 0}.list-head-title{font-size:16px;font-weight:800;color:var(--ink)}.list-head-count{min-width:30px;padding:3px 12px;text-align:center;font-size:14px;font-weight:800;color:var(--muted);background:#eef1f4;border-radius:999px}.list-head.actie .list-head-title{color:var(--warn)}.list-head.actie .list-head-count{background:var(--warn-bg);color:var(--warn)}.ws-cards{display:flex;list-style:none;margin:16px 0 0;padding:0;flex-direction:column;gap:14px}.ws-empty{color:var(--muted);font-size:18px;font-weight:600;text-align:center;padding:40px 16px}.ws-card{display:flex;align-items:flex-start;gap:16px;padding:18px;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;-webkit-tap-highlight-color:transparent}.ws-card:active{border-color:var(--primary);background:#eef5fb}.ws-card-icon-wrap{width:56px;height:56px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ws-card-icon-wrap svg{width:34px;height:34px}.ws-card-icon-groen{background:#1f7a33}.ws-card-icon-rood{background:#a8201a}.ws-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.ws-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ws-card-title{font-size:21px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.15;word-break:break-word}.ws-card-top .badge{flex-shrink:0}.ws-card-meta{display:flex;flex-direction:column;gap:4px;margin:0;padding-top:8px;border-top:1px solid var(--line-soft)}.ws-card-meta-row{display:flex;gap:10px;font-size:15px;line-height:1.35}.ws-card-meta-row dt{flex-shrink:0;min-width:88px;color:var(--muted);font-weight:600}.ws-card-meta-row dd{margin:0;color:var(--ink);font-weight:600;word-break:break-word}.detail-page{flex:1;display:flex;flex-direction:column;gap:12px;padding:14px 14px 28px}.section{border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.section-head{display:flex;align-items:center;gap:12px;min-height:68px;padding:14px 18px;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;background:#f3f5f7}.section-head::-webkit-details-marker{display:none}.section[open]>.section-head{background:var(--surface);border-bottom:2px solid var(--line-soft)}.section-titles{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.section-title{font-size:20px;font-weight:800;color:var(--ink)}.section-sub{font-size:14px;font-weight:600;color:var(--muted)}.chevron{flex-shrink:0;color:var(--primary-strong);transition:transform .18s ease}.section[open]>.section-head .chevron{transform:rotate(180deg)}.section-body{padding:18px 16px 16px}.fields{display:grid;grid-template-columns:minmax(96px,40%) 1fr;gap:9px 14px;margin:0;align-items:baseline}.fields dt{font-size:14px;font-weight:600;color:var(--muted)}.fields dd{margin:0;font-size:16px;font-weight:700;color:var(--ink);word-break:break-word}.fields dd.strong{color:var(--primary-strong);font-weight:800}.fields a{color:var(--primary-strong);font-weight:700}.detail-lead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.detail-lead-title{font-size:22px;font-weight:800;color:var(--ink);line-height:1.2;word-break:break-word}.detail-lead .badge{flex-shrink:0}.partij-summary{padding-bottom:16px;border-bottom:2px solid var(--line)}.partij-summary .detail-lead{margin-bottom:12px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.stat{display:flex;flex-direction:column;gap:4px;padding:14px;background:var(--bg);border:1px solid var(--line-soft);border-radius:12px}.stat-value{font-size:24px;font-weight:800;color:var(--primary-strong);font-variant-numeric:tabular-nums;line-height:1.1}.stat-label{font-size:13px;font-weight:600;color:var(--muted)}.mono{font-variant-numeric:tabular-nums;font-weight:700}.proj-code{color:var(--primary-strong);font-weight:800}.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:15px;font-weight:700;background:#e3e1df;color:var(--ink)}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.status{background:var(--warn-bg);color:#6b3500}.badge.warn{background:var(--danger-bg);color:var(--danger)}.insp-section{margin-bottom:24px}.insp-heading{font-size:15px;font-weight:800;color:var(--ink);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;padding-bottom:8px;border-bottom:3px solid var(--primary)}.checkbox-grid{display:flex;flex-direction:column;gap:6px}.check-row{display:flex;align-items:center;gap:14px;min-height:var(--tap);padding:6px 4px;font-size:18px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--line-soft)}.check-row input[type=checkbox]{width:30px;height:30px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.insp-fields{display:flex;flex-direction:column;gap:18px}.insp-label{display:flex;flex-direction:column;gap:8px;font-size:16px;font-weight:700;color:var(--muted)}.insp-input{border:2px solid var(--line);border-radius:12px;padding:14px;min-height:var(--tap);font-size:18px;font-family:inherit;color:var(--ink);background:#fff;width:100%}.insp-input:focus{outline:4px solid var(--focus);outline-offset:1px;border-color:var(--primary)}textarea.insp-input{resize:vertical;min-height:96px}.insp-actions{position:sticky;bottom:0;display:flex;align-items:center;gap:14px;margin:0 -16px;padding:14px 16px;padding-bottom:max(14px,env(safe-area-inset-bottom));background:var(--surface);border-top:2px solid var(--line)}.insp-actions .btn{flex:1}.save-ok{color:var(--ok);font-size:18px;font-weight:800;white-space:nowrap}.photos-head{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}.photos-head .muted{font-size:17px;font-weight:700}.photos-head .btn{width:100%;font-size:19px}.muted{color:var(--muted);font-size:17px}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.thumb{margin:0;border:2px solid var(--line);border-radius:12px;overflow:hidden}.thumb img{display:block;width:100%;height:120px;object-fit:cover}.thumb .pending{font-size:13px;font-weight:700;text-align:center;padding:6px;background:var(--warn-bg);color:#5e3000}.table-wrap{overflow-x:auto;border:2px solid var(--line);border-radius:12px;-webkit-overflow-scrolling:touch}.grid{width:100%;border-collapse:collapse;font-size:16px}.grid thead th{background:var(--header-bg);color:#fff;text-align:left;font-weight:700;padding:12px 14px;white-space:nowrap}.grid th.num,.grid td.num{text-align:right;white-space:nowrap}.grid tbody td{padding:14px;border-top:1px solid var(--line);vertical-align:top}.grid tbody tr:nth-child(2n){background:#f3f5f7}.footer{padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));border-top:2px solid var(--line);color:var(--muted);font-size:14px;font-weight:600}.footer-version{opacity:.7}@media (min-width: 880px){.app{border-left:1px solid var(--line-soft);border-right:1px solid var(--line-soft)}.toolbar{flex-direction:row;align-items:center;flex-wrap:wrap}.search-group{flex:1;min-width:320px}.filter-toggle{width:auto}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}.insp-fields{display:grid;grid-template-columns:1fr 1fr}.insp-label.full{grid-column:1 / -1}.insp-actions{margin:0;justify-content:flex-start}.insp-actions .btn{flex:0 0 auto;min-width:200px}.photos-head{flex-direction:row;align-items:center;justify-content:space-between}.photos-head .btn{width:auto}}