:root{--l-bg: #faf8f4;--l-bg-panel: #ffffff;--l-bg-hover: #f2eee7;--l-bg-active: #ece5da;--l-bg-input: #ffffff;--l-border: #e8e3db;--l-border-strong: #d5cec2;--l-text: #1c1917;--l-text-muted: #6b6255;--l-text-faint: #726a5d;--l-accent: #8f6320;--l-accent-hover: #75501a;--l-accent-text: #ffffff;--l-danger: #b42318;--l-warn-bg: #fef3c7;--l-warn-border: #fcd34d;--l-warn-text: #78350f;--l-taak-merk: #d97706;--l-taak-merk-tekst: #b45309;--l-merk: #a9762a;--l-accent-zacht: #f6ecdb;--l-balk: #14110e;--l-balk-tekst: #ffffff;--l-balk-tekst-zacht: #cec6b8;--l-balk-hover: #241f19;--l-balk-rand: #2b251d;--l-belang: #1d4ed8;--l-bezig: #175cd3;--l-bezig-bg: #eff8ff;--l-ster: #d97706;--l-telaat-bg: #fdf1ef;--l-vandaag-bg: #fdf6e7;--l-taak-bg: #fdf6e7;--l-verzonden: #047857;--l-shadow: 0 1px 2px rgba(40, 28, 10, .05), 0 1px 3px rgba(40, 28, 10, .06);--l-shadow-lg: 0 10px 30px rgba(40, 28, 10, .16);--d-bg: #16130f;--d-bg-panel: #1e1b16;--d-bg-hover: #272219;--d-bg-active: #2c2720;--d-bg-input: #272219;--d-border: #332e26;--d-border-strong: #453f34;--d-text: #e9e4db;--d-text-muted: #a79d8d;--d-text-faint: #948b7b;--d-accent: #e0b25c;--d-accent-hover: #eec27a;--d-accent-text: #16130f;--d-danger: #f87171;--d-warn-bg: #422006;--d-warn-border: #78350f;--d-warn-text: #fde68a;--d-taak-merk: #fbbf24;--d-taak-merk-tekst: #fcd34d;--d-merk: #d9a441;--d-accent-zacht: #2c2415;--d-balk: #14110e;--d-balk-tekst: #f0ece4;--d-balk-tekst-zacht: #cec6b8;--d-balk-hover: #241f19;--d-balk-rand: #2b251d;--d-belang: #7aa7f5;--d-bezig: #7cc0ff;--d-bezig-bg: #12233a;--d-ster: #fbbf24;--d-telaat-bg: #2a1414;--d-vandaag-bg: #2a2008;--d-taak-bg: #2a2008;--d-verzonden: #34d399;--d-shadow: 0 1px 3px rgba(0, 0, 0, .4);--d-shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--bg: var(--l-bg);--bg-panel: var(--l-bg-panel);--bg-hover: var(--l-bg-hover);--bg-active: var(--l-bg-active);--bg-input: var(--l-bg-input);--border: var(--l-border);--border-strong: var(--l-border-strong);--text: var(--l-text);--text-muted: var(--l-text-muted);--text-faint: var(--l-text-faint);--accent: var(--l-accent);--accent-hover: var(--l-accent-hover);--accent-text: var(--l-accent-text);--danger: var(--l-danger);--taak-merk: var(--l-taak-merk);--taak-merk-tekst: var(--l-taak-merk-tekst);--merk: var(--l-merk);--accent-zacht: var(--l-accent-zacht);--balk: var(--l-balk);--balk-tekst: var(--l-balk-tekst);--balk-tekst-zacht: var(--l-balk-tekst-zacht);--balk-hover: var(--l-balk-hover);--balk-rand: var(--l-balk-rand);--belang: var(--l-belang);--bezig: var(--l-bezig);--bezig-bg: var(--l-bezig-bg);--ster: var(--l-ster);--telaat-bg: var(--l-telaat-bg);--vandaag-bg: var(--l-vandaag-bg);--taak-bg: var(--l-taak-bg);--warn-bg: var(--l-warn-bg);--warn-border: var(--l-warn-border);--warn-text: var(--l-warn-text);--verzonden: var(--l-verzonden);--shadow: var(--l-shadow);--shadow-lg: var(--l-shadow-lg);--radius: 8px;--radius-kaart: 10px;--sidebar-w: 260px;--list-w: 400px;--tekst-schaal: 1;--font-app: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-thema=licht]){--bg: var(--d-bg);--bg-panel: var(--d-bg-panel);--bg-hover: var(--d-bg-hover);--bg-active: var(--d-bg-active);--bg-input: var(--d-bg-input);--border: var(--d-border);--border-strong: var(--d-border-strong);--text: var(--d-text);--text-muted: var(--d-text-muted);--text-faint: var(--d-text-faint);--accent: var(--d-accent);--accent-hover: var(--d-accent-hover);--accent-text: var(--d-accent-text);--danger: var(--d-danger);--taak-merk: var(--d-taak-merk);--taak-merk-tekst: var(--d-taak-merk-tekst);--merk: var(--d-merk);--accent-zacht: var(--d-accent-zacht);--balk: var(--d-balk);--balk-tekst: var(--d-balk-tekst);--balk-tekst-zacht: var(--d-balk-tekst-zacht);--balk-hover: var(--d-balk-hover);--balk-rand: var(--d-balk-rand);--belang: var(--d-belang);--bezig: var(--d-bezig);--bezig-bg: var(--d-bezig-bg);--ster: var(--d-ster);--telaat-bg: var(--d-telaat-bg);--vandaag-bg: var(--d-vandaag-bg);--taak-bg: var(--d-taak-bg);--warn-bg: var(--d-warn-bg);--warn-border: var(--d-warn-border);--warn-text: var(--d-warn-text);--verzonden: var(--d-verzonden);--shadow: var(--d-shadow);--shadow-lg: var(--d-shadow-lg);color-scheme:dark}}:root[data-thema=donker]{--bg: var(--d-bg);--bg-panel: var(--d-bg-panel);--bg-hover: var(--d-bg-hover);--bg-active: var(--d-bg-active);--bg-input: var(--d-bg-input);--border: var(--d-border);--border-strong: var(--d-border-strong);--text: var(--d-text);--text-muted: var(--d-text-muted);--text-faint: var(--d-text-faint);--accent: var(--d-accent);--accent-hover: var(--d-accent-hover);--accent-text: var(--d-accent-text);--danger: var(--d-danger);--taak-merk: var(--d-taak-merk);--taak-merk-tekst: var(--d-taak-merk-tekst);--merk: var(--d-merk);--accent-zacht: var(--d-accent-zacht);--balk: var(--d-balk);--balk-tekst: var(--d-balk-tekst);--balk-tekst-zacht: var(--d-balk-tekst-zacht);--balk-hover: var(--d-balk-hover);--balk-rand: var(--d-balk-rand);--belang: var(--d-belang);--bezig: var(--d-bezig);--bezig-bg: var(--d-bezig-bg);--ster: var(--d-ster);--telaat-bg: var(--d-telaat-bg);--vandaag-bg: var(--d-vandaag-bg);--taak-bg: var(--d-taak-bg);--warn-bg: var(--d-warn-bg);--warn-border: var(--d-warn-border);--warn-text: var(--d-warn-text);--verzonden: var(--d-verzonden);--shadow: var(--d-shadow);--shadow-lg: var(--d-shadow-lg);color-scheme:dark}:root[data-thema=licht]{color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-app);font-size:calc(14px * var(--tekst-schaal, 1));line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}.login{display:grid;place-items:center;height:100%;padding:24px}.login-card{width:min(380px,100%);background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:32px;box-shadow:var(--shadow-lg)}.login-card h1{margin:0 0 4px;font-size:calc(22px * var(--tekst-schaal, 1))}.login-card p{margin:0 0 24px;color:var(--text-muted)}.field{display:block;margin-bottom:16px}.field span{display:block;margin-bottom:6px;font-weight:500;font-size:calc(13px * var(--tekst-schaal, 1))}.field input,.field textarea{width:100%;padding:9px 12px;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius);outline:none}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.btn{padding:9px 16px;background:var(--accent);color:var(--accent-text);border:1px solid transparent;border-radius:var(--radius);font-weight:500}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-wide{width:100%}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover)}.btn-danger{background:transparent;color:var(--danger);border-color:var(--border-strong)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent)}.error{margin:0 0 16px;padding:10px 12px;background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:var(--radius);color:var(--danger);font-size:calc(13px * var(--tekst-schaal, 1))}.app{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-body{display:grid;flex:1;grid-template-columns:var(--sidebar-w) var(--list-w) 1fr;min-height:0;overflow:hidden}.app-body[data-kolom=geen]{grid-template-columns:var(--list-w) 1fr}.app-body>.vult-rest{grid-column:2 / -1}.app-body[data-kolom=geen]>.vult-rest{grid-column:1 / -1}.panel{min-width:0;height:100%;overflow-y:auto;background:var(--bg-panel);border-right:1px solid var(--border)}.panel:last-child{border-right:none}.sidebar{display:flex;flex-direction:column;background:var(--bg)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border)}.brand{font-size:calc(15px * var(--tekst-schaal, 1));font-weight:600;letter-spacing:-.01em}.icon-btn{display:grid;place-items:center;width:30px;height:30px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-muted)}.icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn.spinning svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-scroll{flex:1;overflow-y:auto;padding:8px}.nav-section{margin-bottom:14px}.nav-label{padding:6px 8px;color:var(--text-faint);font-size:calc(11px * var(--tekst-schaal, 1));font-weight:600;text-transform:uppercase;letter-spacing:.05em}.nav-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 8px;background:transparent;border:none;border-radius:6px;text-align:left}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{background:var(--bg-active);font-weight:500}.nav-item .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item .count{color:var(--text-muted);font-size:calc(12px * var(--tekst-schaal, 1));font-variant-numeric:tabular-nums}.nav-item.active .count{color:var(--accent);font-weight:600}.dot{flex-shrink:0;width:9px;height:9px;border-radius:50%}.nav-sub{padding-left:18px}.compose-btn{margin:12px 8px 4px;width:calc(100% - 16px)}.list-head{position:sticky;top:0;z-index:2;padding:10px 12px;background:var(--bg-panel);border-bottom:1px solid var(--border)}.search{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius)}.search:focus-within{border-color:var(--accent)}.search input{flex:1;min-width:0;background:transparent;border:none;outline:none}.search svg{flex-shrink:0;color:var(--text-faint)}.list-title{display:flex;align-items:baseline;justify-content:space-between;margin-top:10px;color:var(--text-muted);font-size:calc(12px * var(--tekst-schaal, 1))}.msg{display:flex;gap:10px;width:100%;padding:11px 12px;background:transparent;border:none;border-bottom:1px solid var(--border);text-align:left}.msg:hover{background:var(--bg-hover)}.msg.active{background:var(--bg-active)}.msg.met-taak{background:var(--taak-bg);box-shadow:inset 3px 0 0 var(--taak-merk)}.msg.met-taak:hover{background:color-mix(in srgb,var(--taak-bg) 70%,var(--bg-hover))}.msg.met-taak.taak-af{background:transparent;box-shadow:inset 3px 0 color-mix(in srgb,var(--taak-merk) 40%,transparent)}.msg.met-taak.taak-af:hover{background:var(--bg-hover)}.msg-taak{flex-shrink:0;align-self:center;padding:6px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-faint);line-height:0}.msg-taak:hover{background:var(--bg-panel);border-color:var(--border-strong);color:var(--taak-merk)}.msg.met-taak .msg-taak{color:var(--taak-merk)}.taak-merk{display:inline-flex;gap:3px;align-items:center;color:var(--taak-merk);font-size:calc(10.5px * var(--tekst-schaal, 1));font-weight:600}.taak-merk.af{color:var(--text-faint);font-weight:500}.msg-stripe{flex-shrink:0;width:3px;border-radius:2px}.msg-body{display:flex;flex:1;flex-direction:column;min-width:0}.msg-top{display:flex;align-items:baseline;gap:8px}.msg-from{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(13px * var(--tekst-schaal, 1))}.msg.unread .msg-from,.msg.unread .msg-subject{font-weight:650}.msg-date{flex-shrink:0;color:var(--text-faint);font-size:calc(11px * var(--tekst-schaal, 1));font-variant-numeric:tabular-nums}.msg-subject{overflow:hidden;margin-top:1px;text-overflow:ellipsis;white-space:nowrap;font-size:calc(13px * var(--tekst-schaal, 1))}.msg-snippet{display:-webkit-box;overflow:hidden;margin-top:2px;color:var(--text-muted);font-size:calc(12px * var(--tekst-schaal, 1));-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.msg-voet{display:flex;gap:8px;align-items:center;min-height:26px;margin-top:4px}.msg-icons{display:flex;flex:1;flex-wrap:wrap;gap:5px;align-items:center;min-width:0;color:var(--text-faint)}.star{color:var(--ster)}.empty{padding:48px 24px;color:var(--text-muted);text-align:center}.load-more{display:block;width:100%;padding:12px;background:transparent;border:none;border-top:1px solid var(--border);color:var(--accent)}.load-more:hover:not(:disabled){background:var(--bg-hover)}.reader{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-panel)}.reader-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border)}.reader-scroll{flex:1;overflow-y:auto;padding:20px 24px 48px}.reader h1{margin:0 0 14px;font-size:calc(19px * var(--tekst-schaal, 1));line-height:1.35}.reader-meta{display:flex;gap:12px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--border)}.avatar{display:grid;flex-shrink:0;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;font-size:calc(15px * var(--tekst-schaal, 1));font-weight:600}.meta-line{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.meta-name{font-weight:600}.meta-addr,.meta-to{color:var(--text-muted);font-size:calc(12px * var(--tekst-schaal, 1))}.meta-date{margin-left:auto;color:var(--text-faint);font-size:calc(12px * var(--tekst-schaal, 1));white-space:nowrap}.body-text{margin:18px 0 0;overflow-wrap:anywhere;font-family:inherit;font-size:calc(14px * var(--tekst-schaal, 1));white-space:pre-wrap}.body-frame{width:100%;margin-top:18px;border:none;background:#fff;border-radius:var(--radius)}.images-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px;padding:9px 12px;background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius);color:var(--warn-text);font-size:calc(13px * var(--tekst-schaal, 1))}.images-bar button{padding:4px 10px;background:transparent;border:1px solid currentColor;border-radius:5px;color:inherit;font-size:calc(12px * var(--tekst-schaal, 1))}.attachments{margin-top:22px;padding-top:16px;border-top:1px solid var(--border)}.attachments h3{margin:0 0 10px;font-size:calc(12px * var(--tekst-schaal, 1));font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint)}.attachment{display:inline-flex;gap:8px;align-items:center;margin:0 8px 8px 0;padding:7px 12px;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);color:inherit;text-decoration:none}.attachment:hover{border-color:var(--accent)}.attachment .size{color:var(--text-faint);font-size:calc(11px * var(--tekst-schaal, 1))}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#00000073}.compose{display:flex;flex-direction:column;width:min(720px,100%);max-height:min(760px,92vh);background:var(--bg-panel);border-radius:12px;box-shadow:var(--shadow-lg)}.compose-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.compose-head h2{margin:0;font-size:calc(15px * var(--tekst-schaal, 1))}.compose-body{flex:1;overflow-y:auto;padding:16px 18px}.compose-row{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.compose-row label{flex-shrink:0;width:66px;color:var(--text-muted);font-size:calc(13px * var(--tekst-schaal, 1))}.compose-row input,.compose-row select{flex:1;min-width:0;padding:4px 0;background:transparent;border:none;outline:none}.compose-row select{cursor:pointer}.compose textarea{width:100%;min-height:240px;margin-top:12px;padding:10px 0;background:transparent;border:none;outline:none;font-family:inherit;resize:vertical}.compose-foot{display:flex;gap:10px;align-items:center;padding:12px 18px;border-top:1px solid var(--border)}.compose-foot .spacer{flex:1}.hint{color:var(--text-muted);font-size:calc(12px * var(--tekst-schaal, 1))}.task-head{display:flex;gap:8px;align-items:center}.tabs{display:flex;flex:1;gap:2px;padding:2px;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius)}.tabs button{flex:1;padding:5px 8px;background:transparent;border:none;border-radius:5px;color:var(--text-muted);font-size:calc(12.5px * var(--tekst-schaal, 1))}.tabs button:hover{color:var(--text)}.tabs button.active{background:var(--bg-panel);color:var(--text);font-weight:550;box-shadow:var(--shadow)}.btn-small{padding:5px 11px;font-size:calc(12.5px * var(--tekst-schaal, 1))}.task{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-bottom:1px solid var(--border)}.task:hover{background:var(--bg-hover)}.task:hover .task-actions{opacity:1}.task-check{flex-shrink:0;width:16px;height:16px;margin-top:2px;accent-color:var(--accent);cursor:pointer}.task-body{flex:1;min-width:0}.task-top{display:flex;gap:6px;align-items:baseline}.task-title{overflow-wrap:anywhere;font-size:calc(13.5px * var(--tekst-schaal, 1));font-weight:550}.task.done .task-title{color:var(--text-muted);text-decoration:line-through;font-weight:400}.task-notes{display:-webkit-box;overflow:hidden;margin-top:3px;color:var(--text-muted);font-size:calc(12px * var(--tekst-schaal, 1));-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.task-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:5px;font-size:calc(11.5px * var(--tekst-schaal, 1))}.due{padding:1px 7px;background:var(--bg-hover);border-radius:10px;color:var(--text-muted);font-weight:550}.due.soon{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.due.late{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.task-source{display:inline-flex;gap:5px;align-items:center;overflow:hidden;max-width:100%;color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap}.task-source .dot{width:6px;height:6px}.task-actions{display:flex;flex-shrink:0;gap:1px;opacity:0;transition:opacity .12s}@media(hover:none){.task-actions{opacity:1}}.count.overdue{color:var(--danger);font-weight:600}.task-dialog{max-height:min(680px,92vh)}.task-dialog .field textarea{resize:vertical}.quick-dates{display:flex;flex-wrap:wrap;gap:6px;margin:-6px 0 16px}.quick-dates button{padding:4px 10px;background:var(--bg);border:1px solid var(--border-strong);border-radius:12px;color:var(--text-muted);font-size:calc(12px * var(--tekst-schaal, 1))}.quick-dates button:hover{border-color:var(--accent);color:var(--accent)}.important-toggle{display:inline-flex;gap:7px;align-items:center;padding:6px 12px;background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-muted);font-size:calc(12.5px * var(--tekst-schaal, 1))}.important-toggle:hover{border-color:var(--accent)}.important-toggle.on{border-color:#f59e0b;color:#f59e0b}.source-hint{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.ai-badge{display:inline-flex;gap:5px;align-items:center;padding:2px 8px;background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:10px;color:var(--accent);font-size:calc(11.5px * var(--tekst-schaal, 1));font-weight:600;white-space:nowrap}.ai-badge.klein{padding:1px 6px;font-size:calc(10.5px * var(--tekst-schaal, 1))}.ai-reden{margin-top:4px;padding-left:8px;border-left:2px solid color-mix(in srgb,var(--accent) 35%,transparent);color:var(--text-muted);font-size:calc(12px * var(--tekst-schaal, 1));font-style:italic}.draft-tekst{width:100%;margin-top:16px;padding:14px;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);outline:none;font-family:inherit;font-size:calc(14px * var(--tekst-schaal, 1));line-height:1.6;resize:vertical}.draft-tekst:focus{border-color:var(--accent)}.draft-tekst:disabled{opacity:.75}.verzonden-balk{margin-bottom:16px;padding:9px 12px;background:color-mix(in srgb,#10b981 12%,transparent);border:1px solid color-mix(in srgb,#10b981 35%,transparent);border-radius:var(--radius);color:var(--verzonden);font-size:calc(13px * var(--tekst-schaal, 1))}.bron-blok{margin-top:26px;padding-top:18px;border-top:1px solid var(--border)}.bron-blok h3{margin:0 0 10px;color:var(--text-faint);font-size:calc(12px * var(--tekst-schaal, 1));font-weight:600;text-transform:uppercase;letter-spacing:.04em}.bron-kop{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;font-size:calc(13px * var(--tekst-schaal, 1))}.bron-onderwerp{margin-top:3px;color:var(--text-muted);font-size:calc(13px * var(--tekst-schaal, 1))}.ai-merk{display:inline-flex;color:var(--accent)}.taakgroep-kop{position:sticky;top:0;z-index:1;display:flex;gap:8px;align-items:center;padding:7px 12px;background:var(--bg);border-bottom:1px solid var(--border);color:var(--text-faint);font-size:calc(11px * var(--tekst-schaal, 1));font-weight:700;letter-spacing:.06em;text-transform:uppercase}.taakgroep-kop.telaat{color:var(--danger)}.taakgroep-kop.vandaag{color:var(--accent)}.taakgroep-aantal{padding:0 6px;background:var(--bg-hover);border-radius:9px;color:var(--text-muted);font-weight:600;letter-spacing:0}.taakgroep-kaarten{display:grid;gap:10px;padding:10px 12px 16px;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}.taak{display:flex;gap:12px;align-items:flex-start;padding:14px 15px;background:var(--bg-panel);border:1px solid var(--border);border-left:4px solid var(--border-strong);border-radius:10px;transition:border-color .12s,box-shadow .12s}.taak:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.taak.telaat{background:var(--telaat-bg);border-left-color:var(--danger)}.taak.vandaag{background:var(--vandaag-bg);border-left-color:var(--taak-merk)}.taak.kritiek:not(.telaat):not(.vandaag),.taak.belangrijk:not(.telaat):not(.vandaag){border-left-color:var(--belang)}.taak.af{background:transparent;border-left-color:var(--border);opacity:.55}.taak-rondje{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:26px;height:26px;margin:-1px 0 0 -2px;padding:0;background:transparent;border:2px solid var(--border-strong);border-radius:50%;color:transparent;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.taak-rondje:hover{border-color:var(--accent);color:color-mix(in srgb,var(--accent) 55%,transparent)}.taak-rondje.af{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.taak-rondje:before{position:absolute;width:36px;height:36px;content:""}.taak-inhoud{min-width:0;flex:1}.taak-titel{display:flex;gap:6px;align-items:baseline;overflow-wrap:anywhere;font-size:calc(15px * var(--tekst-schaal, 1));font-weight:600;line-height:1.4}.taak.af .taak-titel{color:var(--text-muted);font-weight:400;text-decoration:line-through}.taak-regel{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:8px;color:var(--text-faint);font-size:calc(11.5px * var(--tekst-schaal, 1))}.taak-regel .due{padding:2px 8px;background:var(--bg-hover);border-radius:999px;font-weight:600}.taak-regel .due.late{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.taak-regel .due.soon{background:color-mix(in srgb,var(--taak-merk) 16%,transparent);color:var(--taak-merk-tekst)}.taak-bron{display:inline-flex;gap:5px;align-items:center;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.alles-gelezen{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:0 12px 10px}.alles-gelezen .hint{flex:1;min-width:130px}.taak-knoppen{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:12px;padding-top:11px;border-top:1px solid var(--border)}.taak-knoppen .spacer{flex:1}.taak-knop{display:inline-flex;gap:5px;align-items:center;padding:5px 9px;background:transparent;border:1px solid var(--border);border-radius:14px;color:var(--text-muted);font-size:calc(11.5px * var(--tekst-schaal, 1));line-height:1}.taak-knop:hover:not(:disabled){background:var(--bg-panel);border-color:var(--border-strong);color:var(--text)}.taak-knop:disabled{opacity:.55}.taak-knop.gedaan{border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.taak-knop.weg:hover{border-color:var(--danger);color:var(--danger)}.taak-knop.afmelden{padding:6px 12px;background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent);font-size:calc(12px * var(--tekst-schaal, 1));font-weight:600}.taak-knop.afmelden:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.taak-knop.afmelden.heropen{background:transparent;border-color:var(--border);color:var(--text-muted);font-weight:500}.taak-knop.afmelden.heropen:hover:not(:disabled){background:var(--bg-panel);border-color:var(--border-strong);color:var(--text)}@media(max-width:640px){.taak-knoppen .spacer{display:none}.taak-knop{flex:1;justify-content:center;padding:7px 6px}.taak-knop.afmelden{flex:1.4;padding:9px 6px}}.datumcheck{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:10px 12px;background:var(--bg-hover);border-radius:var(--radius)}.datumcheck-kop{color:var(--text-faint);font-size:calc(10.5px * var(--tekst-schaal, 1));font-weight:700;letter-spacing:.05em;text-transform:uppercase}.datumcheck-dag{font-size:calc(12.5px * var(--tekst-schaal, 1))}.datumcheck-dag.bezet{color:var(--danger)}.datumcheck-dag.vrij{color:var(--text-muted)}.herschrijf{margin-top:14px;padding:14px;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius)}.herschrijf-kop{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.herschrijf-kop h3{margin:0;font-size:calc(14px * var(--tekst-schaal, 1))}.herschrijf-rij{display:grid;grid-template-columns:92px 1fr;gap:8px;align-items:start;margin-bottom:8px}.herschrijf-naam{padding-top:5px;color:var(--text-muted);font-size:calc(12px * var(--tekst-schaal, 1))}.herschrijf-rij .agenda-schakelaars{margin-bottom:0}.herschrijf-knoppen{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}.herschrijf-knoppen .spacer{flex:1}.herschrijf-waarschuwing{margin-bottom:12px;padding:10px 12px;background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius);color:var(--warn-text);font-size:calc(12.5px * var(--tekst-schaal, 1))}.herschrijf-waarschuwing ul{margin:6px 0;padding-left:18px}.herschrijf-waarschuwing .hint{color:inherit;opacity:.8}.herschrijf-schoon{display:flex;gap:6px;align-items:center;margin-bottom:12px}.herschrijf-naast{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.herschrijf-label{display:block;margin-bottom:4px;color:var(--text-faint);font-size:calc(10.5px * var(--tekst-schaal, 1));font-weight:700;letter-spacing:.05em;text-transform:uppercase}.herschrijf-vak{max-height:320px;overflow-y:auto;padding:10px 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);font-size:calc(12.5px * var(--tekst-schaal, 1));line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.herschrijf-vak.nieuw{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}@media(max-width:720px){.herschrijf-rij{grid-template-columns:1fr;gap:3px}.herschrijf-naam{padding-top:0}.herschrijf-vak{max-height:200px}.herschrijf-knoppen .btn{flex:1;justify-content:center}.herschrijf-knoppen .spacer{display:none}}.stand-kiezer{display:inline-flex;gap:3px;align-items:center;padding:2px;background:var(--bg);border:1px solid var(--border);border-radius:999px}.stand-knop{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;padding:0;background:transparent;border:none;border-radius:999px;color:var(--text-faint)}.stand-knop:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.stand-knop:disabled{opacity:.4}.stand-knop.aan{color:var(--accent-text)}.stand-knop.nieuw.aan{background:var(--text-faint)}.stand-knop.bezig.aan{background:var(--bezig)}.stand-knop.wacht.aan{background:var(--taak-merk)}.stand-merk{display:inline-flex;gap:4px;align-items:center;padding:2px 8px;border-radius:999px;font-size:calc(10.5px * var(--tekst-schaal, 1));font-weight:600}.stand-merk.bezig{background:var(--bezig-bg);color:var(--bezig)}.stand-merk.wacht{background:color-mix(in srgb,var(--taak-merk) 16%,transparent);color:var(--taak-merk-tekst)}.stand-merk.af{background:var(--bg-hover);color:var(--text-faint)}.taak-teller{display:inline-flex;gap:3px;align-items:center;color:var(--text-faint)}.opmerking-nieuw{display:flex;gap:6px;align-items:center;margin-bottom:8px}.opmerking-nieuw input{flex:1;min-width:0}.opmerking{display:flex;gap:9px;align-items:baseline;padding:7px 0;border-top:1px solid var(--border);font-size:calc(12.5px * var(--tekst-schaal, 1))}.opmerking .hint{flex-shrink:0;min-width:90px}.opmerking-tekst{flex:1;color:var(--text);overflow-wrap:anywhere}@media(max-width:520px){.opmerking{flex-wrap:wrap;gap:2px 9px}.opmerking .hint{min-width:0}.opmerking-tekst{flex:1 0 100%}}.compose.kiezer{width:min(520px,100%);max-height:min(620px,88vh)}.compose.kiezer,.overlay:has(>.compose.kiezer){z-index:52}.kiezer-zoek{display:flex;flex-shrink:0;gap:8px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border);color:var(--text-muted)}.kiezer-zoek input{width:100%;padding:6px 0;background:transparent;border:none;color:var(--text);font-size:calc(14px * var(--tekst-schaal, 1));outline:none}.kiezer-lijst{flex:1;padding:6px;overflow-y:auto}.kiezer-regel{display:flex;gap:11px;align-items:center;width:100%;padding:9px 10px;background:transparent;border:none;border-radius:var(--radius);color:var(--text);text-align:left}.kiezer-regel:hover:not(:disabled){background:var(--bg-hover)}.kiezer-regel.staat-er{opacity:.55}.kiezer-regel.gekozen{background:var(--accent-zacht)}.kiezer-vink{display:grid;flex-shrink:0;width:19px;height:19px;border:1.5px solid var(--border-strong);border-radius:5px;color:transparent;place-items:center}.kiezer-vink.aan{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.kiezer-regel.staat-er .kiezer-vink{color:var(--text-faint)}.kiezer-wie{display:flex;flex-direction:column;gap:1px;min-width:0}.kiezer-naam{overflow:hidden;font-size:calc(14px * var(--tekst-schaal, 1));font-weight:600;text-overflow:ellipsis;white-space:nowrap}.kiezer-adres{display:flex;gap:8px;align-items:center;overflow:hidden;color:var(--text-muted);font-size:calc(12px * var(--tekst-schaal, 1));white-space:nowrap}.kiezer-org{padding:1px 7px;background:var(--bg-hover);border-radius:999px;color:var(--text-faint);font-size:calc(11px * var(--tekst-schaal, 1))}.adresboek-knop{flex-shrink:0;color:var(--text-muted)}.adresboek-knop:hover:not(:disabled){background:var(--bg-hover);color:var(--accent)}.kiesbalk{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 12px;background:var(--accent-zacht);border-top:1px solid var(--border)}.kiesbalk-aantal{margin-right:4px;color:var(--text);font-size:calc(13px * var(--tekst-schaal, 1));font-weight:650;font-variant-numeric:tabular-nums}.kiesbalk .spacer{flex:1}.msg-vink{display:grid;flex-shrink:0;align-self:center;width:20px;height:20px;margin-right:2px;border:1.5px solid var(--border-strong);border-radius:5px;color:transparent;place-items:center}.msg-vink.aan{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}@media(max-width:640px){.kiesbalk .taak-knop{flex:1;justify-content:center}.kiesbalk-aantal{width:100%}}.panel.list.taken.breed{grid-column:span 2}.dashboard{height:100%;overflow-y:auto;padding:clamp(16px,3vw,34px);background:var(--bg)}.dash-kop{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:clamp(18px,3vw,28px)}.dash-kop h1{margin:0;font-size:calc(clamp(19px,3.4vw,26px) * var(--tekst-schaal, 1));letter-spacing:-.01em}.dash-onderkop{margin:4px 0 0;color:var(--text-muted);font-size:calc(clamp(13px,1.6vw,15px) * var(--tekst-schaal, 1))}.dash-kop-knoppen{display:flex;gap:2px}.dash-tellers{display:grid;gap:10px;margin-bottom:clamp(18px,3vw,28px);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.teller{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:clamp(14px,2vw,20px);background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;text-align:left;transition:border-color .12s,transform .12s}.teller:hover{border-color:var(--border-strong);transform:translateY(-1px)}.teller-icoon{margin-bottom:6px;color:var(--text-faint)}.teller-getal{font-size:calc(clamp(26px,5vw,34px) * var(--tekst-schaal, 1));font-weight:650;line-height:1.05;font-variant-numeric:tabular-nums}.teller-naam{color:var(--text-muted);font-size:calc(13px * var(--tekst-schaal, 1))}.teller-naam em{color:var(--text-faint);font-style:normal}.teller.alarm{border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.teller.alarm .teller-getal,.teller.alarm .teller-icoon{color:var(--danger)}.teller.alarm .teller-naam em{color:var(--danger);font-weight:600}.teller.aandacht{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.teller.aandacht .teller-getal,.teller.aandacht .teller-icoon{color:var(--accent)}.instel-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:clamp(14px,2vw,22px)}.instel-tab{padding:8px 14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:calc(13px * var(--tekst-schaal, 1));line-height:1;white-space:nowrap}.instel-tab:hover{border-color:var(--border-strong);color:var(--text)}.instel-tab.actief{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.dash-kolommen{display:grid;gap:clamp(14px,2vw,22px);grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr))}.dash-blok{padding:clamp(14px,2vw,20px);background:var(--bg-panel);border:1px solid var(--border);border-radius:12px}.dash-blok-kop{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.dash-blok-kop h2{margin:0;font-size:calc(14px * var(--tekst-schaal, 1));font-weight:600}.dash-meer{background:none;border:none;color:var(--accent);font-size:calc(12.5px * var(--tekst-schaal, 1))}.dash-meer:hover{text-decoration:underline}.dash-item{display:block;width:calc(100% + 20px);margin:0 -10px;padding:10px;background:transparent;border:none;border-radius:8px;text-align:left}.dash-item:hover{background:var(--bg-hover)}.dash-item+.dash-item{border-top:1px solid var(--border);border-radius:0}.dash-item-kop{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.dash-item-titel{flex:1;min-width:0;overflow-wrap:anywhere;font-size:calc(13.5px * var(--tekst-schaal, 1));font-weight:550}.dash-item-reden{display:block;margin-top:3px;color:var(--text-muted);font-size:calc(12px * var(--tekst-schaal, 1))}.dash-item-fragment{display:-webkit-box;overflow:hidden;margin-top:3px;color:var(--text-faint);font-size:calc(12px * var(--tekst-schaal, 1));-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.dash-leeg{margin:0;padding:10px 0;color:var(--text-muted);font-size:calc(13px * var(--tekst-schaal, 1))}.dash-voet{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin-top:clamp(18px,3vw,28px);padding-top:16px;border-top:1px solid var(--border)}.dash-postbussen{display:flex;flex-wrap:wrap;gap:8px}.dash-postbus{display:inline-flex;gap:7px;align-items:center;padding:5px 11px;background:var(--bg-panel);border:1px solid var(--border);border-radius:20px;font-size:calc(12.5px * var(--tekst-schaal, 1))}.dash-postbus:hover{border-color:var(--border-strong)}.dash-postbus strong{color:var(--accent);font-variant-numeric:tabular-nums}.dash-ai{display:inline-flex;gap:8px;align-items:center;color:var(--text-faint);font-size:calc(12px * var(--tekst-schaal, 1))}.dash-stip{flex-shrink:0;width:7px;height:7px;border-radius:50%}.dash-stip.aan{background:#10b981;box-shadow:0 0 0 3px color-mix(in srgb,#10b981 20%,transparent)}.dash-stip.uit{background:var(--text-faint)}@media(max-width:1280px){:root{--sidebar-w: 232px;--list-w: 340px}}@media(max-width:1024px){.app-body,.app-body[data-kolom=geen]{grid-template-columns:1fr}.app-body>.panel.context{display:none}.app-body[data-mobile=kolom]>.panel.context{display:flex;flex-direction:column}.app-body>.vult-rest{grid-column:1 / -1}.app-body>.panel.list,.app-body>.panel.reader{display:none}.app-body[data-mobile=list]>.panel.list,.app-body[data-mobile=reader]>.panel.reader{display:flex;flex-direction:column}.compose,.task-dialog{width:100%;height:100%;max-height:100%;border-radius:0}.overlay{padding:0}}@media(max-width:640px){.reader-scroll{padding:14px 14px 40px}.reader-toolbar{gap:4px;padding:8px 10px}}@media(max-width:420px){body{font-size:calc(13.5px * var(--tekst-schaal, 1))}.dash-kop h1{font-size:calc(18px * var(--tekst-schaal, 1))}.dash-tellers{grid-template-columns:1fr;gap:8px}.teller{flex-direction:row;gap:12px;align-items:center;padding:12px 14px}.teller-icoon{margin:0}.teller-getal{min-width:34px;font-size:calc(22px * var(--tekst-schaal, 1))}.msg,.task,.dash-item{padding:10px}.compose-row label{width:54px;font-size:calc(12px * var(--tekst-schaal, 1))}.reader h1{font-size:calc(16px * var(--tekst-schaal, 1))}}.dash-kop-links{display:flex;gap:10px;align-items:flex-start;min-width:0}.agenda-kaart{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;cursor:pointer}.agenda-kaart:hover{border-color:var(--accent)}.agenda-kaart-kop{display:flex;gap:8px;align-items:center;color:var(--accent);font-size:calc(14px * var(--tekst-schaal, 1));font-weight:600}.agenda-kaart-getal{margin-top:10px;font-size:calc(38px * var(--tekst-schaal, 1));font-variant-numeric:tabular-nums;font-weight:300;line-height:1}.agenda-kaart-onder{color:var(--text-muted);font-size:calc(12.5px * var(--tekst-schaal, 1))}.agenda-kaart-open{display:flex;gap:4px;align-items:center;margin-top:auto;padding-top:14px;color:var(--text-faint);font-size:calc(12px * var(--tekst-schaal, 1))}.agenda-kaart:hover .agenda-kaart-open{color:var(--accent)}.dash-telling{display:inline-block;min-width:19px;margin-left:7px;padding:1px 6px;background:var(--accent);border-radius:10px;color:var(--accent-text);font-size:calc(11px * var(--tekst-schaal, 1));font-weight:600;text-align:center;vertical-align:middle}.dagstart{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin-bottom:16px;padding:11px 14px;background:color-mix(in srgb,var(--accent) 8%,transparent);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0}.dagstart-kop{color:var(--accent);font-size:calc(11px * var(--tekst-schaal, 1));font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dagstart-tekst{font-size:calc(13.5px * var(--tekst-schaal, 1))}.week{display:flex;flex-direction:column}.week-dag{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:10px 0}.week-dag+.week-dag{border-top:1px solid var(--border)}.week-datum{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px;padding:4px 0 5px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-self:start;line-height:1.1}.week-datum:hover{border-color:var(--accent)}.week-datum-dag{color:var(--text-faint);font-size:calc(10px * var(--tekst-schaal, 1));font-weight:700;letter-spacing:.08em;text-transform:uppercase}.week-datum-nummer{font-size:calc(17px * var(--tekst-schaal, 1));font-variant-numeric:tabular-nums;font-weight:600}.week-dag.vandaag .week-datum{background:var(--accent);border-color:var(--accent)}.week-dag.vandaag .week-datum-dag,.week-dag.vandaag .week-datum-nummer{color:var(--accent-text)}.week-lijst{display:flex;min-width:0;flex-direction:column;gap:1px}.week-regel{display:grid;grid-template-columns:8px 52px 1fr;gap:9px;align-items:baseline;width:100%;padding:5px 8px 5px 4px;background:none;border:none;border-radius:6px;text-align:left}.week-regel:hover{background:var(--bg-hover)}.week-stip{width:7px;height:7px;border-radius:50%;align-self:center}.week-tijd{color:var(--text-muted);font-size:calc(12px * var(--tekst-schaal, 1));font-variant-numeric:tabular-nums;white-space:nowrap}.week-wat{display:flex;min-width:0;flex-direction:column;gap:1px}.week-titel{overflow:hidden;font-size:calc(13px * var(--tekst-schaal, 1));text-overflow:ellipsis;white-space:nowrap}.week-plaats{overflow:hidden;color:var(--text-faint);font-size:calc(11.5px * var(--tekst-schaal, 1));text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.week-dag{grid-template-columns:40px 1fr;gap:9px}.week-regel{grid-template-columns:7px 1fr;row-gap:0}.week-tijd{grid-column:2;font-size:calc(11px * var(--tekst-schaal, 1))}.week-wat{grid-column:2}}.agenda-schakelaars{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.agenda-knop{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;background:transparent;border:1px solid var(--border-strong);border-radius:20px;color:var(--text-faint);font-size:calc(12px * var(--tekst-schaal, 1))}.agenda-knop:hover:not(:disabled){background:var(--bg-hover)}.agenda-knop .dot{border:1.5px solid;transition:background .12s}.agenda-knop.aan{font-weight:550}.agenda-kopje{margin:16px 0 6px;color:var(--text-faint);font-size:calc(11px * var(--tekst-schaal, 1));font-weight:600;text-transform:uppercase;letter-spacing:.05em}.agenda-kopje:first-of-type{margin-top:8px}.afspraak{display:flex;gap:10px;align-items:flex-start;padding:7px 0}.afspraak+.afspraak{border-top:1px solid var(--border)}.afspraak-streep{flex-shrink:0;width:3px;align-self:stretch;min-height:22px;border-radius:2px}.afspraak-tijd{display:flex;flex-direction:column;flex-shrink:0;width:88px;color:var(--text-muted);font-size:calc(12px * var(--tekst-schaal, 1));font-variant-numeric:tabular-nums}.afspraak-tijd em{color:var(--text-faint);font-size:calc(11px * var(--tekst-schaal, 1));font-style:normal}.afspraak-body{min-width:0;flex:1}.afspraak-titel{display:block;overflow-wrap:anywhere;font-size:calc(13px * var(--tekst-schaal, 1));font-weight:500}.afspraak-extra{display:block;overflow:hidden;margin-top:1px;color:var(--text-faint);font-size:calc(11.5px * var(--tekst-schaal, 1));text-overflow:ellipsis;white-space:nowrap}.uitnodiging{margin-bottom:12px;padding:12px;background:color-mix(in srgb,var(--accent) 6%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius)}.uitnodiging-kop{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.uitnodiging-knoppen{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}.agenda-melding{margin-bottom:12px;padding:8px 11px;background:var(--bg-hover);border-radius:var(--radius);color:var(--text-muted);font-size:calc(12.5px * var(--tekst-schaal, 1))}.instelling-regel{display:flex;gap:9px;align-items:center;margin-bottom:14px;font-size:calc(13px * var(--tekst-schaal, 1))}.instelling-voet{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.agenda-instelling{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;padding:9px 0}.agenda-instelling+.agenda-instelling{border-top:1px solid var(--border)}.agenda-naam{display:flex;gap:9px;align-items:center;min-width:0;font-size:calc(13px * var(--tekst-schaal, 1));cursor:pointer}.kleurkiezer{display:flex;gap:4px}.kleurstip{width:17px;height:17px;padding:0;border:2px solid transparent;border-radius:50%;outline-offset:2px}.kleurstip.gekozen{border-color:var(--text)}.kleurstip:hover{transform:scale(1.15)}.verbruik-balk{height:6px;margin:4px 0 8px;overflow:hidden;background:var(--bg-hover);border-radius:3px}.verbruik-vulling{height:100%;border-radius:3px;transition:width .3s}.plan-taak{margin:0 0 16px;padding:10px 12px;background:var(--bg);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;font-size:calc(13.5px * var(--tekst-schaal, 1));font-weight:550}.field select{width:100%;padding:9px 12px;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius);outline:none}code{padding:1px 5px;background:var(--bg-hover);border-radius:4px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.92em}@media(max-width:420px){.afspraak{flex-wrap:wrap}.afspraak-tijd{flex-direction:row;gap:6px;width:auto}.afspraak-body{flex-basis:100%;padding-left:13px}.uitnodiging-knoppen .btn{flex:1;justify-content:center}}.map-regel{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:5px 0}.map-regel+.map-regel{border-top:1px solid var(--border)}.map-uit{color:var(--text-muted)}.map-aantal{flex-shrink:0;color:var(--text-faint);font-size:calc(11.5px * var(--tekst-schaal, 1));font-variant-numeric:tabular-nums}.schaal-rij{display:flex;gap:12px;align-items:center;margin:4px 0 2px}.schaal-rij input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.schaal-klein,.schaal-groot{flex-shrink:0;color:var(--text-faint);line-height:1}.schaal-klein{font-size:12px}.schaal-groot{font-size:21px}.schaal-stappen{display:flex;gap:4px;align-items:center;justify-content:space-between;max-width:240px;margin:0 auto 8px;padding:0 26px}.schaal-stip{width:9px;height:9px;padding:0;background:var(--border-strong);border:none;border-radius:50%;outline-offset:3px}.schaal-stip:hover{background:var(--text-faint)}.schaal-stip.gekozen{background:var(--accent);transform:scale(1.25)}.installeer-stappen{margin:8px 0 10px;padding-left:20px;color:var(--text-muted);font-size:calc(12.5px * var(--tekst-schaal, 1));line-height:1.7}.code-veld{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:calc(19px * var(--tekst-schaal, 1))!important;letter-spacing:.28em;text-align:center}.qr-rij{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;margin:12px 0}.qr{flex-shrink:0;border-radius:var(--radius)}.qr-vak{flex-shrink:0;background:var(--bg-hover);border-radius:var(--radius)}.sleutel{margin:2px 0 10px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:calc(13px * var(--tekst-schaal, 1));letter-spacing:.06em;overflow-wrap:anywhere}.herstelcodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px 12px;margin:12px 0 16px;padding:14px;background:var(--bg-hover);border-radius:var(--radius);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:calc(13.5px * var(--tekst-schaal, 1));list-style:none}.bevestig-vak{margin-top:12px;padding:12px;background:var(--bg-hover);border-radius:var(--radius)}.agenda-scherm .dash-kop{flex-wrap:wrap;gap:10px}.agenda-bediening{display:flex;gap:4px;align-items:center}.agenda-balk{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}.agenda-balk .agenda-schakelaars{margin-bottom:0}.agenda-legenda{margin-bottom:14px}.maand{margin-bottom:16px;overflow:hidden;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.maand-koppen,.maand-raster{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.maand-koppen{background:var(--bg-hover);border-bottom:1px solid var(--border)}.maand-koppen span{padding:6px 8px;color:var(--text-faint);font-size:calc(11px * var(--tekst-schaal, 1));font-weight:600;letter-spacing:.04em;text-align:center;text-transform:uppercase}.maand-dag{display:flex;overflow:hidden;flex-direction:column;gap:2px;align-items:stretch;min-height:92px;padding:4px 4px 5px;background:var(--bg-panel);border:none;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left}.maand-dag:nth-child(7n){border-right:none}.maand-dag:nth-last-child(-n+7){border-bottom:none}.maand-dag:hover{background:var(--bg-hover)}.maand-dag.buiten{background:color-mix(in srgb,var(--bg) 60%,transparent)}.maand-dag.buiten .maand-nummer{color:var(--text-faint)}.maand-dag.gekozen{background:var(--bg-active);box-shadow:inset 0 0 0 2px var(--accent)}.maand-nummer{align-self:flex-start;min-width:21px;padding:1px 4px;border-radius:11px;color:var(--text-muted);font-size:calc(11.5px * var(--tekst-schaal, 1));font-variant-numeric:tabular-nums;text-align:center}.maand-dag.vandaag .maand-nummer{background:var(--accent);color:var(--accent-text);font-weight:600}.maand-chip{display:block;overflow:hidden;padding:1px 4px;border-left:3px solid var(--accent);border-radius:3px;background:var(--bg-hover);color:var(--text);font-size:calc(10.5px * var(--tekst-schaal, 1));line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.maand-chip.hele-dag{border-left:none;color:#fff}.maand-chip em{color:var(--text-faint);font-style:normal;font-variant-numeric:tabular-nums}.maand-chip.hele-dag em{color:#ffffffbf}.maand-meer{padding-left:4px;color:var(--text-faint);font-size:calc(10px * var(--tekst-schaal, 1))}.maand-stippen{display:flex;flex-wrap:wrap;gap:2px;align-self:center;margin-top:2px}.maand-stippen span{width:5px;height:5px;border-radius:50%}.dag-paneel{margin-bottom:16px}.afspraak-klikbaar{width:100%;background:none;border:none;text-align:left}.afspraak-klikbaar:hover{background:var(--bg-hover)}.agenda-kopje.is-vandaag{color:var(--accent)}.afspraak-dialoog .compose-body{max-height:min(68vh,620px);overflow-y:auto}.tijd-rij{display:flex;flex-wrap:wrap;gap:10px}.tijd-rij .field{flex:1;min-width:140px}.meer-knop{width:100%;margin:14px 0 0;padding:8px;background:var(--bg-hover);border:none;border-radius:var(--radius);color:var(--text-muted);font-size:calc(12.5px * var(--tekst-schaal, 1))}.meer-knop:hover{color:var(--text)}.meer-vak{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.dagknop{min-width:34px;justify-content:center}@media(max-width:640px){.maand-dag{min-height:54px;padding:3px 2px 4px}.maand-koppen span{padding:5px 2px}.agenda-balk .btn{flex:1;justify-content:center}}.thema-keuze{display:flex;gap:8px;margin:4px 0 8px}.thema-knop{display:flex;flex:1;flex-direction:column;gap:7px;align-items:center;padding:10px 6px;background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-muted);font-size:calc(12px * var(--tekst-schaal, 1))}.thema-knop:hover{background:var(--bg-hover)}.thema-knop.aan{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--text);font-weight:550}.thema-proef{display:flex;overflow:hidden;flex-direction:column;width:42px;height:30px;border:1px solid var(--border-strong);border-radius:5px}.thema-proef span:first-child{height:9px}.thema-proef span:last-child{flex:1}.thema-licht span:first-child{background:var(--merk)}.thema-licht span:last-child{background:#f6f7f9}.thema-donker span:first-child{background:#1c1f24}.thema-donker span:last-child{background:#16181c}.thema-systeem span:first-child{background:linear-gradient(to right,var(--merk) 50%,var(--bg-panel) 50%)}.thema-systeem span:last-child{background:linear-gradient(to right,#f6f7f9 50%,#16181c 50%)}.automatisering .uitnodiging-knoppen{margin-top:12px}.site-item{margin-bottom:12px;padding:11px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.site-item-kop{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.site-merk{padding:2px 8px;border-radius:99px;font-size:calc(10.5px * var(--tekst-schaal, 1));font-weight:700;letter-spacing:.04em;text-transform:uppercase}.site-merk.coolkids{background:color-mix(in srgb,#a855f7 18%,transparent);color:#a855f7}.site-merk.hans{background:color-mix(in srgb,#f97316 18%,transparent);color:#f97316}.site-datum{color:var(--text-muted);font-size:calc(11.5px * var(--tekst-schaal, 1));font-variant-numeric:tabular-nums}.site-titel{margin-top:5px;overflow-wrap:anywhere;font-size:calc(13.5px * var(--tekst-schaal, 1));font-weight:550}.site-hint{margin-top:4px;color:var(--text-faint);font-size:calc(11.5px * var(--tekst-schaal, 1))}.site-keuze{display:inline-flex;gap:4px;align-items:center;margin-right:6px;padding:1px 7px;border-radius:99px;font-size:calc(10.5px * var(--tekst-schaal, 1));font-weight:600}.site-keuze.aan{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.site-keuze.uit{background:var(--bg-hover);color:var(--text-faint)}@media(max-width:640px){.site-item .uitnodiging-knoppen .btn{flex:1;justify-content:center}}.uitklap-kop{display:flex;gap:9px;align-items:center;width:100%;padding:0;background:none;border:none;text-align:left}.uitklap-pijl{display:flex;flex-shrink:0;color:var(--text-faint);transition:transform .15s}.uitklap-pijl.open{transform:rotate(90deg)}.uitklap-naam{min-width:0;flex:1;overflow:hidden;font-size:calc(14px * var(--tekst-schaal, 1));font-weight:600;text-overflow:ellipsis;white-space:nowrap}.uitklap-kort{flex-shrink:0;color:var(--text-faint);font-size:calc(11.5px * var(--tekst-schaal, 1))}.uitklap-inhoud{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.site-dag{display:flex;flex-direction:column;gap:3px;margin-top:8px;padding:8px 10px;background:var(--bg-panel);border-left:2px solid var(--border-strong);border-radius:0 var(--radius) var(--radius) 0}.site-dag-kop{color:var(--text-faint);font-size:calc(10.5px * var(--tekst-schaal, 1));font-weight:700;letter-spacing:.05em;text-transform:uppercase}.site-dag-leeg{color:var(--text-faint);font-size:calc(12px * var(--tekst-schaal, 1));font-style:italic}.site-dag-regel{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;font-size:calc(12px * var(--tekst-schaal, 1))}.site-dag-regel em{flex-shrink:0;color:var(--text-muted);font-size:calc(11px * var(--tekst-schaal, 1));font-style:normal;font-variant-numeric:tabular-nums}.site-dag-agenda{color:var(--text-faint);font-size:calc(10.5px * var(--tekst-schaal, 1))}.auto-instelling+.auto-instelling{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.auto-instelling .agenda-schakelaars{margin:8px 0 4px}.agenda-melding.waarschuwing{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text)}.agenda-stip{display:inline-block;width:9px;height:9px;border:1.5px solid;border-radius:50%}.agenda-knop.wissen{border-style:dashed}.agenda-filterhint{margin:-6px 0 12px}.lijst-balk{margin-bottom:6px;padding-bottom:10px;border-bottom:1px solid var(--border)}.lijst-balk .instelling-regel{margin-bottom:0}.afspraak-balk{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;padding:12px 14px;background:var(--taak-bg);border:1px solid var(--taak-merk);border-radius:var(--radius-kaart)}.afspraak-balk.geannuleerd{background:var(--telaat-bg);border-color:var(--danger)}.afspraak-balk.leeg{flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;background:var(--bg-hover);border-color:var(--border)}.afspraak-kop{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;color:var(--taak-merk-tekst)}.afspraak-balk.geannuleerd .afspraak-kop{color:var(--danger)}.afspraak-kop strong{font-size:calc(14.5px * var(--tekst-schaal, 1))}.afspraak-wanneer{color:var(--text);font-size:calc(13.5px * var(--tekst-schaal, 1));font-weight:600;font-variant-numeric:tabular-nums}.afspraak-citaat{margin:0;overflow:hidden;color:var(--text-muted);font-size:calc(12.5px * var(--tekst-schaal, 1));font-style:italic;text-overflow:ellipsis}.afspraak-balk .hint.fout{color:var(--danger)}.notities{display:grid;grid-template-columns:minmax(280px,380px) 1fr;height:100%;min-height:0;overflow:hidden}@media(max-width:1024px){.notities{grid-template-columns:1fr}}.notitie-lijst .search{gap:8px}.notitie-lijst .search input[type=search]{flex:1;min-width:0}.wereld-balk{display:flex;flex-wrap:wrap;gap:5px;padding:0 12px 10px}.wereld-knop{display:inline-flex;gap:4px;align-items:center;padding:4px 10px;background:transparent;border:1px solid var(--border-strong);border-radius:999px;color:var(--text-muted);font-size:calc(11.5px * var(--tekst-schaal, 1));line-height:1.35;white-space:nowrap}.wereld-knop:hover{background:var(--bg-hover)}.wereld-knop.aan{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.wereld-kiezer{display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding:8px 0 0}.wereld-nieuw{display:inline-flex;gap:5px;align-items:center}.wereld-nieuw input{width:140px;padding:5px 9px;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font-size:calc(12px * var(--tekst-schaal, 1))}.wereld-stip{padding:2px 7px;border-radius:999px;color:#fff;font-size:calc(10px * var(--tekst-schaal, 1));font-weight:600;letter-spacing:.01em;white-space:nowrap}.notitie-regel{display:flex;flex-direction:column;gap:4px;width:100%;padding:11px 12px;background:transparent;border:none;border-bottom:1px solid var(--border);border-left:3px solid transparent;text-align:left}.notitie-regel:hover{background:var(--bg-hover)}.notitie-regel.active{background:var(--bg-active);border-left-color:var(--accent)}.notitie-regel-top{display:flex;gap:8px;align-items:baseline;justify-content:space-between}.notitie-regel-titel{display:flex;gap:5px;align-items:center;min-width:0;overflow:hidden;color:var(--text);font-size:calc(13.5px * var(--tekst-schaal, 1));font-weight:600;text-overflow:ellipsis;white-space:nowrap}.notitie-regel-tekst{overflow:hidden;color:var(--text-muted);font-size:calc(12px * var(--tekst-schaal, 1));line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notitie-regel-voet{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.notitie-teller{display:inline-flex;gap:3px;align-items:center;color:var(--text-faint);font-size:calc(10.5px * var(--tekst-schaal, 1))}.notitie-blad{min-width:0}.notitie-inhoud{min-height:0;padding:clamp(14px,2.5vw,26px);overflow-y:auto}.notitie-titel{margin:0 0 4px;color:var(--text);font-size:calc(21px * var(--tekst-schaal, 1));font-weight:650;line-height:1.25}.notitie-datums{margin:0 0 18px}.notitie-titel-veld{width:100%;margin-bottom:10px;padding:9px 12px;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font-size:calc(17px * var(--tekst-schaal, 1));font-weight:600}.notitie-tekst-veld{width:100%;min-height:260px;padding:12px;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:calc(13px * var(--tekst-schaal, 1));line-height:1.6;resize:vertical}.notitie-tekst{color:var(--text);font-size:calc(14px * var(--tekst-schaal, 1));line-height:1.65;overflow-wrap:anywhere}.notitie-tekst h2,.notitie-tekst h3,.notitie-tekst h4,.notitie-tekst h5{margin:20px 0 6px;line-height:1.3}.notitie-tekst h2{font-size:calc(17px * var(--tekst-schaal, 1))}.notitie-tekst h3{font-size:calc(15px * var(--tekst-schaal, 1))}.notitie-tekst h4,.notitie-tekst h5{color:var(--text-muted);font-size:calc(13.5px * var(--tekst-schaal, 1))}.notitie-tekst p{margin:0 0 10px}.notitie-tekst ul,.notitie-tekst ol{margin:0 0 10px;padding-left:22px}.notitie-tekst li{margin-bottom:3px}.notitie-tekst .md-vinklijst{padding-left:2px;list-style:none}.notitie-tekst .md-vinklijst li.af{color:var(--text-faint);text-decoration:line-through}.notitie-tekst .md-vinklijst input{margin-right:4px;accent-color:var(--accent)}.notitie-tekst blockquote{margin:0 0 10px;padding:2px 0 2px 12px;border-left:3px solid var(--border-strong);color:var(--text-muted)}.notitie-tekst blockquote p{margin:0 0 4px}.notitie-tekst code{padding:1px 5px;background:var(--bg-hover);border-radius:4px;font-family:ui-monospace,Menlo,monospace;font-size:.92em}.notitie-tekst pre{margin:0 0 12px;padding:11px 13px;overflow-x:auto;background:var(--bg-hover);border-radius:var(--radius)}.notitie-tekst pre code{padding:0;background:transparent}.notitie-tekst hr{margin:18px 0;border:none;border-top:1px solid var(--border)}.notitie-tekst a{color:var(--accent)}.notitie-blok{margin-top:22px;padding-top:16px;border-top:1px solid var(--border)}.notitie-link{display:flex;gap:8px;align-items:center;padding:7px 0;color:var(--text-muted);font-size:calc(12.5px * var(--tekst-schaal, 1))}.link-knop{padding:0;background:none;border:none;color:var(--accent);font-size:inherit;text-align:left}.link-knop:hover{text-decoration:underline}.notitie-bijlage{margin-bottom:12px;padding:10px 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.notitie-bijlage-kop{display:flex;gap:8px;align-items:center;font-size:calc(12.5px * var(--tekst-schaal, 1))}.notitie-bijlage-kop a{min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.notitie-preview{display:block;width:100%;max-height:420px;margin-top:10px;border:1px solid var(--border);border-radius:var(--radius);object-fit:contain;background:var(--bg)}.notitie-preview.pdf{height:480px}.bijlage-knop input[type=file]{display:none}.app-melding{position:fixed;bottom:18px;left:50%;z-index:60;display:flex;gap:10px;align-items:center;width:min(560px,calc(100vw - 28px));transform:translate(-50%);box-shadow:var(--shadow-lg)}.app-melding .icon-btn{flex-shrink:0;margin-left:auto}.msg-acties{display:flex;flex-shrink:0;gap:2px;margin-left:auto}.zoek-notities{border-bottom:1px solid var(--border);background:var(--bg-panel)}.zoek-notities-kop{padding:8px 12px 4px;color:var(--text-faint);font-size:calc(10.5px * var(--tekst-schaal, 1));font-weight:700;letter-spacing:.05em;text-transform:uppercase}.zoek-notitie{display:flex;gap:8px;align-items:center;width:100%;padding:9px 12px;background:transparent;border:none;color:var(--text-muted);text-align:left}.zoek-notitie:hover{background:var(--bg-hover)}.zoek-notitie-tekst{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.zoek-notitie-tekst strong{overflow:hidden;color:var(--text);font-size:calc(13px * var(--tekst-schaal, 1));text-overflow:ellipsis;white-space:nowrap}.zoek-notitie-tekst .hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.week-notitie{display:inline-flex;gap:4px;align-items:center;margin-top:3px;padding:2px 8px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;color:var(--accent);font-size:calc(10.5px * var(--tekst-schaal, 1));font-weight:600;cursor:pointer}.week-notitie:hover{background:var(--accent);color:var(--accent-text)}.signaal{padding:12px 0;border-bottom:1px solid var(--border)}.signaal:last-child{border-bottom:none}.signaal-kop{margin-bottom:4px;color:var(--text);font-size:calc(13.5px * var(--tekst-schaal, 1));font-weight:600}.leverancier{border-bottom:1px solid var(--border)}.leverancier.genegeerd{opacity:.5}.leverancier-regel{display:grid;grid-template-columns:1fr auto;gap:2px 12px;width:100%;padding:10px 0;background:transparent;border:none;text-align:left}.leverancier-regel:hover{background:var(--bg-hover)}.leverancier-naam{color:var(--text);font-size:calc(13.5px * var(--tekst-schaal, 1));font-weight:600}.leverancier-bedrag{color:var(--text);font-size:calc(13.5px * var(--tekst-schaal, 1));font-variant-numeric:tabular-nums;text-align:right}.leverancier-detail{padding:4px 0 14px}.leverancier-velden{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:8px 0}.leverancier-velden .field{flex:0 1 170px}.factuur-regel{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;padding:5px 0;border-top:1px solid var(--border);font-size:calc(12px * var(--tekst-schaal, 1))}.factuur-bedrag{min-width:76px;color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.factuur-bedrag.onzeker{color:var(--text-faint);font-weight:500;font-style:italic;text-decoration:underline;text-decoration-style:dotted}.factuur-onderwerp{flex:1;min-width:140px;overflow:hidden;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap}.bulletin-knoppen{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.bulletin-knoppen .spacer{flex:1}.bulletin-bronnen{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.bulletin-tekst{margin:8px 0;padding:12px 14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:calc(13.5px * var(--tekst-schaal, 1));line-height:1.65}.bulletin-stem{margin-top:12px}.map-dekking{display:grid;gap:4px 12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);grid-template-columns:1fr auto;font-size:calc(12.5px * var(--tekst-schaal, 1))}.map-naam{color:var(--text);font-weight:600}.map-getal{color:var(--text-muted);font-variant-numeric:tabular-nums}.map-balk{grid-column:1 / -1;height:5px;overflow:hidden;background:var(--bg-hover);border-radius:3px}.map-vulling{display:block;height:100%;background:var(--accent);border-radius:3px}.map-dekking .btn,.map-dekking .hint{grid-column:1 / -1;justify-self:start}.rijke-tekst{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden}.rijke-tekst:focus-within{border-color:var(--accent)}.rijke-tekst.uit{opacity:.6}.rijke-balk{display:flex;flex-wrap:wrap;gap:2px;align-items:center;padding:4px 5px;background:var(--bg-panel);border-bottom:1px solid var(--border)}.rijke-balk .spacer{flex:1}.rijke-knop{display:inline-flex;align-items:center;justify-content:center;width:32px;height:30px;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-muted)}.rijke-knop:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.rijke-knop.aan{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.rijke-knop:disabled{opacity:.45}.rijke-vlak{padding:10px 12px;overflow-y:auto;color:var(--text);font-size:calc(13.5px * var(--tekst-schaal, 1));line-height:1.6;outline:none;overflow-wrap:anywhere}.rijke-vlak:empty:before,.rijke-vlak:has(>p:only-child:empty):before{color:var(--text-faint);content:attr(data-leeg);pointer-events:none}.rijke-vlak p,.rijke-weergave p{margin:0 0 8px}.rijke-vlak p:last-child,.rijke-weergave p:last-child{margin-bottom:0}.rijke-vlak ul,.rijke-vlak ol,.rijke-weergave ul,.rijke-weergave ol{margin:0 0 8px;padding-left:22px}.rijke-vlak li,.rijke-weergave li{margin-bottom:2px}.rijke-vlak blockquote,.rijke-weergave blockquote{margin:0 0 8px;padding:2px 0 2px 11px;border-left:3px solid var(--border-strong);color:var(--text-muted)}.rijke-vlak a,.rijke-weergave a{color:var(--accent)}.task-notes.rijke-weergave{white-space:normal}.aangehaald{margin-top:10px;padding:10px 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.aangehaald-kop{display:flex;gap:8px;align-items:center;margin-bottom:6px}.aangehaald-kop .spacer{flex:1}.aangehaald-tekst{max-height:180px;margin:0;overflow-y:auto;color:var(--text-muted);font-family:inherit;font-size:calc(12px * var(--tekst-schaal, 1));line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.topbalk{--balk-h: calc(38px + 18px * var(--tekst-schaal, 1));position:relative;z-index:30;display:flex;flex-shrink:0;gap:8px;align-items:center;height:var(--balk-h);padding:0 10px;background:var(--balk);color:var(--balk-tekst)}.balk-merk{display:flex;flex-shrink:0;gap:8px;align-items:center;padding:4px 6px;background:transparent;border:none;color:var(--balk-tekst)}.balk-logo{display:grid;width:30px;height:30px;background:var(--merk);border-radius:8px;color:#fff;font-size:calc(12px * var(--tekst-schaal, 1));font-weight:700;letter-spacing:.02em;place-items:center}.balk-naam{font-size:calc(15px * var(--tekst-schaal, 1));font-weight:650;white-space:nowrap}.balk-nav{display:flex;flex:1;gap:2px;align-items:center;min-width:0;overflow:hidden}.balk-item{display:flex;flex-shrink:0;gap:7px;align-items:center;height:calc(var(--balk-h) - 14px);padding:0 11px;background:transparent;border:none;border-radius:8px;color:var(--balk-tekst-zacht);font-size:calc(13.5px * var(--tekst-schaal, 1));white-space:nowrap}.balk-item:hover{background:var(--balk-hover);color:var(--balk-tekst)}.balk-item.actief{position:relative;color:var(--balk-tekst);font-weight:650}.balk-item.actief:after{position:absolute;right:11px;bottom:-7px;left:11px;height:3px;background:var(--merk);border-radius:2px 2px 0 0;content:""}.balk-teller{padding:1px 6px;background:var(--balk-hover);border-radius:999px;color:var(--balk-tekst);font-size:calc(10.5px * var(--tekst-schaal, 1));font-weight:700;font-variant-numeric:tabular-nums}.balk-teller.alarm{background:var(--danger);color:#fff}.topbalk[data-stand=krap] .balk-item:not(.actief) .balk-label,.topbalk[data-stand=lade] .balk-nav{display:none}.topbalk[data-stand=krap] .balk-item{padding:0 9px}.balk-nav[data-meten]{display:flex!important}.balk-nav[data-meten] .balk-label{display:inline!important}.balk-rechts{display:flex;flex-shrink:0;gap:4px;align-items:center;margin-left:auto}.balk-zoek{display:flex;gap:7px;align-items:center;width:clamp(150px,20vw,260px);padding:0 11px;background:var(--balk-hover);border:1px solid var(--balk-rand);border-radius:999px;color:var(--balk-tekst-zacht)}.balk-zoek input{width:100%;padding:7px 0;background:transparent;border:none;color:var(--balk-tekst);font-size:calc(12.5px * var(--tekst-schaal, 1));outline:none}.balk-zoek input::placeholder{color:var(--balk-tekst-zacht)}.balk-knop{position:relative;display:grid;width:34px;height:34px;background:transparent;border:none;border-radius:8px;color:var(--balk-tekst-zacht);place-items:center}.balk-knop:hover{background:var(--balk-hover);color:var(--balk-tekst)}.balk-opstellen{display:flex;flex-shrink:0;gap:7px;align-items:center;height:34px;padding:0 13px;background:var(--merk);border:none;border-radius:999px;color:#fff;font-size:calc(13px * var(--tekst-schaal, 1));font-weight:600;white-space:nowrap}.balk-opstellen:hover{background:var(--accent-hover)}.topbalk[data-stand=krap] .balk-opstellen,.topbalk[data-stand=lade] .balk-opstellen{gap:0;width:34px;padding:0;justify-content:center}.topbalk[data-stand=krap] .balk-opstellen .balk-label,.topbalk[data-stand=lade] .balk-opstellen .balk-label{display:none}.balk-avatar{display:grid;width:28px;height:28px;background:var(--merk);border-radius:50%;color:#fff;font-size:calc(12px * var(--tekst-schaal, 1));font-weight:700;place-items:center}.balk-stip{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--danger);border:2px solid var(--balk);border-radius:50%}.alleen-krap{display:none}.balk-scherm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:transparent;border:none}.balk-scherm.onder-balk{top:0;background:#14110e73}.balk-menu{position:fixed;top:calc(38px + 18px * var(--tekst-schaal, 1) + 4px);right:10px;z-index:36;display:flex;flex-direction:column;min-width:220px;padding:5px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-kaart);box-shadow:var(--shadow-lg)}.balk-menu button{display:flex;gap:9px;align-items:center;padding:9px 11px;background:transparent;border:none;border-radius:var(--radius);color:var(--text);font-size:calc(13px * var(--tekst-schaal, 1));text-align:left}.balk-menu button:hover:not(:disabled){background:var(--bg-hover)}.balk-menu button:disabled{opacity:.5}.balk-menu .balk-teller{margin-left:auto}.balk-lade{position:fixed;top:calc(38px + 18px * var(--tekst-schaal, 1));left:0;z-index:36;display:flex;flex-direction:column;width:min(280px,82vw);height:calc(100% - 38px - 18px * var(--tekst-schaal, 1));padding:8px;overflow-y:auto;background:var(--bg-panel);border-right:1px solid var(--border);box-shadow:var(--shadow-lg)}.balk-lade-item{display:flex;gap:11px;align-items:center;padding:12px;background:transparent;border:none;border-radius:var(--radius);color:var(--text);font-size:calc(14px * var(--tekst-schaal, 1));text-align:left}.balk-lade-item.actief{background:var(--accent-zacht);color:var(--accent);font-weight:650}.balk-lade-item .balk-teller{margin-left:auto;background:var(--bg-hover);color:var(--text-muted)}.panel.context{display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.context-kop{padding:13px 14px 7px;color:var(--text-faint);font-size:calc(11px * var(--tekst-schaal, 1));font-weight:700;letter-spacing:.06em;text-transform:uppercase}.instel-tabs,.panel.list.taken .task-head .tabs,.notitie-lijst .wereld-balk,.agenda-balk .agenda-schakelaars,.agenda-legenda{display:none}.agenda-balk{justify-content:flex-end}@media(max-width:1024px){.instel-tabs,.panel.list.taken .task-head .tabs,.notitie-lijst .wereld-balk,.agenda-balk .agenda-schakelaars,.agenda-legenda{display:flex}.agenda-balk{justify-content:space-between}}.context-voet{display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:9px 10px;border-top:1px solid var(--border)}.context-voet .btn{justify-content:center}@media(max-width:640px){.topbalk{--balk-h: calc(34px + 16px * var(--tekst-schaal, 1));padding:0 6px}.balk-naam{display:none}.balk-zoek{position:absolute;top:50%;right:46px;left:46px;z-index:2;display:none;width:auto;transform:translateY(-50%)}.balk-zoek.open{display:flex}.alleen-krap{display:grid}}