:root{--l-bg: #f6f7f9;--l-bg-panel: #ffffff;--l-bg-hover: #f0f2f5;--l-bg-active: #e6eefc;--l-bg-input: #ffffff;--l-border: #e2e5ea;--l-border-strong: #cfd4dc;--l-text: #1a1d21;--l-text-muted: #656d76;--l-text-faint: #8b939c;--l-accent: #2563eb;--l-accent-hover: #1d4ed8;--l-accent-text: #ffffff;--l-danger: #dc2626;--l-warn-bg: #fef3c7;--l-warn-border: #fcd34d;--l-warn-text: #78350f;--l-taak-merk: #d97706;--l-taak-bg: #fffbeb;--l-verzonden: #059669;--l-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--l-shadow-lg: 0 10px 30px rgba(0, 0, 0, .14);--d-bg: #16181c;--d-bg-panel: #1c1f24;--d-bg-hover: #24282e;--d-bg-active: #1e3a5f;--d-bg-input: #24282e;--d-border: #2c3138;--d-border-strong: #3a4048;--d-text: #e6e8ea;--d-text-muted: #9aa3ad;--d-text-faint: #6e7781;--d-accent: #3b82f6;--d-accent-hover: #60a5fa;--d-accent-text: #ffffff;--d-danger: #f87171;--d-warn-bg: #422006;--d-warn-border: #78350f;--d-warn-text: #fde68a;--d-taak-merk: #fbbf24;--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-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;--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-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-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:grid;grid-template-columns:var(--sidebar-w) var(--list-w) 1fr;height:100%;overflow:hidden}.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{flex:1;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-icons{display:flex;gap:5px;align-items:center;margin-top:3px;color:var(--text-faint)}.star{color:#f59e0b}.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}.taak{display:flex;gap:11px;align-items:flex-start;padding:11px 12px 9px;border-bottom:1px solid var(--border);border-left:3px solid transparent}.taak:hover{background:var(--bg-hover)}.taak.telaat{border-left-color:var(--danger)}.taak.belangrijk{border-left-color:#f59e0b}.taak.af{opacity:.6}.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(14px * var(--tekst-schaal, 1));font-weight:550;line-height:1.35}.taak.af .taak-titel{color:var(--text-muted);font-weight:400;text-decoration:line-through}.taak-regel{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:center;margin-top:4px;color:var(--text-faint);font-size:calc(11.5px * var(--tekst-schaal, 1))}.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:4px;align-items:center;margin-top:8px}.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}}.dashboard{grid-column:2 / -1;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)}.menu-knop{display:none}@media(max-width:1280px){:root{--sidebar-w: 232px;--list-w: 340px}}@media(max-width:1024px){.app{grid-template-columns:var(--list-w) 1fr}.dashboard{grid-column:1 / -1}.panel.sidebar{position:fixed;top:0;left:0;z-index:40;width:min(280px,82vw);box-shadow:var(--shadow-lg);transform:translate(-100%);transition:transform .18s ease}.app[data-lade=open] .panel.sidebar{transform:translate(0)}.lade-scherm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#0006;border:none}.menu-knop{display:grid}}@media(max-width:640px){.app{grid-template-columns:1fr}.panel.list,.panel.reader{display:none}.app[data-mobile=list] .panel.list,.app[data-mobile=reader] .panel.reader{display:flex;flex-direction:column}.back-btn{display:grid}.reader-scroll{padding:14px 14px 40px}.reader-toolbar{gap:4px;padding:8px 10px}.compose,.task-dialog{height:100%;max-height:100%;border-radius:0}.overlay{padding:0}}@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}.menu-knop.altijd{display:grid}@media(min-width:1025px){.menu-knop.altijd{display:none}}.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:#2563eb}.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,#2563eb 50%,#1c1f24 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}.notities{grid-column:2 / -1;display:grid;grid-template-columns:minmax(280px,380px) 1fr;height:100%;min-height:0;overflow:hidden}@media(max-width:1024px){.notities{grid-column:1 / -1}}@media(max-width:640px){.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;align-self:center}@media(max-width:520px){.msg-acties{flex-direction:column}}.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)}.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}