:root{--bg: #f6f4ee;--surface: #ffffff;--ink: #17302f;--muted: #62736f;--line: #e3dfd3;--accent: #1f5f5b;--accent-ink: #ffffff;--accent-soft: #e2eeec;--good: #2f7d4f;--good-soft: #e3f1e8;--warn: #9a6a12;--warn-soft: #f8efd8;--bad: #a4332d;--bad-soft: #f8e4e2;--radius: 10px;--shadow: 0 1px 2px rgba(23, 48, 47, .06), 0 4px 16px rgba(23, 48, 47, .05);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #0f1a19;--surface: #172625;--ink: #e8efed;--muted: #9db0ab;--line: #2a3d3b;--accent: #5fb3ab;--accent-ink: #0b1514;--accent-soft: #1d3633;--good: #6fcf97;--good-soft: #1b3326;--warn: #e0b45a;--warn-soft: #3a2f15;--bad: #f08a82;--bad-soft: #3d1f1d;--shadow: 0 1px 2px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5}h1,h2,h3{margin:0;line-height:1.2}h1{font-family:var(--serif);font-size:28px;font-weight:600;letter-spacing:-.01em}h2{font-family:var(--serif);font-size:20px}h3{font-size:15px}p{margin:0 0 8px}a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:13px}.grow{flex:1;margin:0}.nowrap{white-space:nowrap}.topbar{display:flex;align-items:center;gap:24px;padding:12px 28px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-family:var(--serif);font-weight:700}.brand-name{font-family:var(--serif);font-size:21px;font-weight:600}.brand.big .brand-mark{width:40px;height:40px;font-size:20px}.brand.big .brand-name{font-size:28px}.topnav{display:flex;gap:18px;flex:1}.topnav a{color:var(--muted);text-decoration:none;font-weight:500}.topnav a:hover{color:var(--ink)}.topbar-right{display:flex;align-items:center;gap:14px}.whoami{color:var(--muted);font-size:14px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{border:0;background:transparent;padding:5px 10px;font:inherit;font-size:13px;color:var(--muted);cursor:pointer}.seg button.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.page{max-width:1040px;margin:0 auto;padding:32px 24px 80px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.crumb{margin-bottom:14px}.crumb a{text-decoration:none;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:500;cursor:pointer;text-decoration:none;transition:background .12s,border-color .12s}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn.ghost{background:transparent;border-color:transparent;color:var(--accent)}.btn.ghost:hover{background:var(--accent-soft)}.btn.small{padding:4px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.link:focus-visible,input:focus-visible,select:focus-visible,.tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.link{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}.link:hover{color:var(--accent);text-decoration:underline}.icon-btn{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:var(--muted)}input,select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%}.form{display:flex;flex-direction:column;gap:14px}.form label,label.form{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}.form label input,.form label select{font-weight:400;font-size:15px}.inline-form{flex-direction:row;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.inline-form label{flex:1;min-width:200px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row{display:flex;gap:8px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);white-space:nowrap}.check input{width:auto}.lbl{display:flex;gap:8px;align-items:center}.ai-tag{font-size:11px;font-weight:600;padding:1px 6px;border-radius:99px;background:var(--accent-soft);color:var(--accent)}.chip{display:inline-block;padding:1px 9px;border-radius:99px;font-size:12px;font-weight:600;background:var(--line);color:var(--muted);white-space:nowrap}.chip-good{background:var(--good-soft);color:var(--good)}.chip-warn{background:var(--warn-soft);color:var(--warn)}.chip-bad{background:var(--bad-soft);color:var(--bad)}.chip-accent{background:var(--accent-soft);color:var(--accent)}.notice{padding:10px 14px;border-radius:8px;background:var(--accent-soft);border:1px solid transparent;margin:10px 0;font-size:14px;word-break:break-word}.notice.bad{background:var(--bad-soft);color:var(--bad)}.notice.good{background:var(--good-soft)}.notice.warn{background:var(--warn-soft);color:var(--warn)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.zaak-card{display:block;text-decoration:none;color:inherit;transition:transform .12s,border-color .12s}.zaak-card:hover{border-color:var(--accent);transform:translateY(-1px)}.zaak-card h3{font-family:var(--serif);font-size:19px;margin:10px 0 2px}.card-top{display:flex;justify-content:space-between;align-items:center}.card-stats{display:flex;gap:18px;margin:14px 0 8px;font-size:14px;color:var(--muted)}.card-stats b{color:var(--ink);font-size:18px}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border-top:1px solid var(--line)}.list-row:first-child{border-top:0}.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.section-label{margin:24px 0 8px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.06em}.empty{text-align:center;padding:48px 20px;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius)}.empty-title{font-family:var(--serif);font-size:19px;margin-bottom:4px}.callout{background:var(--warn-soft);border:1px solid var(--line);border-radius:var(--radius);padding:4px;margin-bottom:18px}.callout h3{padding:12px 14px 4px;color:var(--warn)}.callout .list-row{border-color:#0000000f}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:18px 0 20px;overflow-x:auto}.tabs button{border:0;background:none;padding:10px 16px;font:inherit;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs button.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.toolbar{display:flex;gap:14px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.search{flex:1;min-width:220px;max-width:420px}.doc-list{display:flex;flex-direction:column;gap:10px}.doc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.doc.is-obsolete{opacity:.7}.doc-main{display:flex;gap:14px;padding:14px 16px;align-items:flex-start}.doc-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:18px}.doc-body{flex:1;min-width:0}.doc-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.doc-meta{margin-top:2px}.pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.pill{font-size:12.5px;padding:2px 9px;border-radius:6px;background:var(--bg);border:1px solid var(--line);color:var(--muted)}.pill.strong{color:var(--ink);font-weight:600}.obsolete-reason{color:var(--warn);margin:8px 0 0}.history{border-top:1px solid var(--line);padding:8px 16px 12px 68px;display:flex;flex-direction:column;gap:6px}.history-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.overdue{color:var(--bad);font-weight:600}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a191880;display:grid;place-items:center;padding:20px;z-index:20}.modal{background:var(--surface);border-radius:14px;width:min(520px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal.wide{width:min(1060px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)}.modal-head h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-body{padding:20px 22px 22px;overflow:auto}.dropzone{border:2px dashed var(--line);border-radius:12px;padding:44px 20px;text-align:center;transition:border-color .12s,background .12s}.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.dz-icon{font-size:30px;color:var(--accent)}.dz-title{font-family:var(--serif);font-size:18px;margin:4px 0}.review{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px}.preview{width:100%;height:62vh;min-height:360px;border:1px solid var(--line);border-radius:8px;background:#fff}.preview.img{object-fit:contain}.review-form{max-height:66vh;overflow:auto;padding-right:4px}.spinner-wrap{display:flex;justify-content:center;align-items:center;gap:12px;padding:40px;color:var(--muted)}.spinner{width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}table.audit{width:100%;border-collapse:collapse;font-size:14px}table.audit th,table.audit td{text-align:left;padding:10px 14px;border-top:1px solid var(--line);vertical-align:top}table.audit th{border-top:0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 500px at 50% -10%,var(--accent-soft),transparent),var(--bg)}.login-card{position:relative;width:min(480px,100%);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:40px 36px 28px;box-shadow:var(--shadow)}.login-card .brand{margin-bottom:22px}.login-card h1{font-size:26px;margin-bottom:10px}.lead{color:var(--muted);margin-bottom:24px}.floating{position:absolute;top:16px;right:16px}.btn.google{width:100%;padding:11px;font-size:16px}.devbox{margin-top:20px;padding-top:16px;border-top:1px dashed var(--line)}.login-foot{margin:20px 0 0;text-align:center}@media (max-width: 760px){.topbar{flex-wrap:wrap;gap:10px;padding:10px 16px}.topnav{order:3;width:100%}.page{padding:20px 16px 60px}.review,.grid2{grid-template-columns:1fr}.doc-main{flex-wrap:wrap}.row-actions{justify-content:flex-start}.page-head{flex-direction:column}.whoami{display:none}}