:root{--bg: #f6f7f9;--bg-panel: #ffffff;--bg-hover: #f0f2f5;--bg-active: #e6eefc;--bg-input: #ffffff;--border: #e2e5ea;--border-strong: #cfd4dc;--text: #1a1d21;--text-muted: #656d76;--text-faint: #8b939c;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-text: #ffffff;--danger: #dc2626;--warn-bg: #fef3c7;--warn-border: #fcd34d;--warn-text: #78350f;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .14);--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}@media(prefers-color-scheme:dark){:root{--bg: #16181c;--bg-panel: #1c1f24;--bg-hover: #24282e;--bg-active: #1e3a5f;--bg-input: #24282e;--border: #2c3138;--border-strong: #3a4048;--text: #e6e8ea;--text-muted: #9aa3ad;--text-faint: #6e7781;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-text: #ffffff;--danger: #f87171;--warn-bg: #422006;--warn-border: #78350f;--warn-text: #fde68a;--shadow: 0 1px 3px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5)}}*{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-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:#059669;font-size:calc(13px * var(--tekst-schaal, 1))}@media(prefers-color-scheme:dark){.verzonden-balk{color:#34d399}}.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)}.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)}.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-groot{display:flex;gap:14px;align-items:center;width:100%;margin-bottom:18px;padding:15px 16px;background:var(--bg-panel);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left}.agenda-groot:hover{background:var(--bg-hover);border-color:var(--border-strong);border-left-color:var(--accent)}.agenda-groot-icoon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:46px;height:46px;background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:50%;color:var(--accent)}.agenda-groot-tekst{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.agenda-groot-tekst strong{font-size:calc(16px * var(--tekst-schaal, 1));font-weight:600}.agenda-groot-tekst em{overflow:hidden;color:var(--text-muted);font-size:calc(12.5px * var(--tekst-schaal, 1));font-style:normal;text-overflow:ellipsis;white-space:nowrap}.agenda-groot-pijl{flex-shrink:0;color:var(--text-faint)}@media(max-width:420px){.agenda-groot{gap:11px;padding:12px 13px}.agenda-groot-icoon{width:38px;height:38px}}.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}}