@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--paper-0: #faf9f6;--paper-1: #f4f2ed;--paper-2: #ece9e2;--paper-3: #e2ded4;--ink-1: #262419;--ink-2: #5f5b4f;--ink-3: #98937f;--ink-inverse: #faf9f6;--border-1: #e5e1d7;--border-2: #d2cdbf;--accent: #565da0;--accent-strong: #41477f;--accent-soft: #eaeaf4;--logo-peach: #f4b48c;--logo-peach-soft: #fbe6d6;--logo-peach-strong: #e0946a;--logo-indigo: #7e86c7;--logo-indigo-deep: #41477f;--logo-blue: #224e72;--logo-brown: #4d3422;--status-todo: #98937f;--status-bezig: #565da0;--status-wacht: #8a7f9e;--status-klaar: #5e7d5a;--status-klaar-soft: #e9efe7;--herplan: #8c6d3f;--herplan-soft: #f2ebdd;--verstreken: #b3402a;--verstreken-soft: #f7e8e4;--belangrijk: #b98a24;--belangrijk-soft: #f6efdb;--bg-app: var(--paper-1);--surface-card: #ffffff;--surface-sunken: var(--paper-2);--surface-hover: var(--paper-0);--text-body: var(--ink-1);--text-muted: var(--ink-2);--text-faint: var(--ink-3);--font-ui: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--text-xs: 11.5px;--text-sm: 13px;--text-base: 14.5px;--text-md: 16px;--text-lg: 19px;--text-xl: 24px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--leading-tight: 1.25;--leading-normal: 1.5;--tracking-caps: .06em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--hit-desktop: 32px;--hit-mobiel: 48px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-card: 0 1px 2px rgba(38, 36, 25, .05);--shadow-raised: 0 2px 8px rgba(38, 36, 25, .08);--shadow-overlay: 0 8px 28px rgba(38, 36, 25, .16);--ease-out: cubic-bezier(.2, 0, 0, 1);--dur-fast: .12s;--dur-normal: .18s}*{box-sizing:border-box}body{margin:0;background:var(--bg-app);color:var(--text-body);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit}::selection{background:var(--accent-soft)}.app{max-width:1100px;margin:0 auto;padding:0 var(--sp-5) var(--sp-8)}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-4) 0;margin-bottom:var(--sp-4);background:var(--bg-app);border-bottom:1px solid var(--border-1)}.wordmerk{display:inline-flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.wordmerk-beeldmerk{width:26px;height:26px;flex-shrink:0}.wordmerk-tekst{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-body);letter-spacing:-.01em}.error-banner{background:var(--verstreken-soft);border:1px solid var(--verstreken);color:var(--verstreken);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3);font-size:var(--text-sm)}.loader-wrap{display:flex;justify-content:center;padding:var(--sp-8) 0}@keyframes wtd-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes wtd-fill-in{0%{opacity:0}to{opacity:1}}@keyframes wtd-breathe-op{0%,to{opacity:1}50%{opacity:.62}}@media (prefers-reduced-motion: reduce){.wtd-ring,.wtd-vink-draw{animation:none!important;stroke-dashoffset:0!important}.wtd-vink-grad{animation:none!important;opacity:1!important}}.poort-scherm{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-app);padding:var(--sp-5)}.poort-kaart{display:flex;flex-direction:column;align-items:center;width:100%;max-width:320px;padding:var(--sp-8) var(--sp-6);background:var(--surface-card);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);text-align:center}.poort-logo .loader-wrap{padding:0 0 var(--sp-2)}.poort-titel{margin:0 0 var(--sp-6);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-body);letter-spacing:-.01em}.poort-form{display:flex;flex-direction:column;gap:var(--sp-3);width:100%}.poort-input{height:40px;padding:0 var(--sp-3);border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-body);font-size:var(--text-base);text-align:center}.poort-input:focus{outline:none;border-color:var(--accent)}.poort-foutmelding{margin:0;text-align:center}.poort-knop{height:40px;border:none;border-radius:var(--radius-md);background:var(--accent);color:var(--ink-inverse);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer}.poort-knop:hover{background:var(--accent-strong)}.poort-knop:disabled{opacity:.6;cursor:default}.view-nav{display:inline-flex;gap:2px;padding:3px;background:var(--surface-sunken);border-radius:var(--radius-md)}.view-nav-btn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 13px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-regular);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.view-nav-btn.actief{background:var(--surface-card);box-shadow:var(--shadow-card);color:var(--text-body);font-weight:var(--weight-medium)}.view-nav-btn:hover:not(.actief){color:var(--text-body)}@media (max-width: 700px){.view-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;padding:0;background:#faf9f6e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:0;border-top:1px solid var(--border-1);padding-bottom:env(safe-area-inset-bottom)}.view-nav-btn{flex:1;flex-direction:column;gap:3px;height:auto;min-height:var(--hit-mobiel);padding:7px 0 6px;border-radius:0}.view-nav-btn.actief{background:none;box-shadow:none;color:var(--accent-strong)}.app{padding-bottom:calc(var(--hit-mobiel) + var(--sp-6))}}.domein-switch{display:inline-flex;gap:2px;padding:3px;background:var(--surface-sunken);border-radius:var(--radius-md);flex-shrink:0}.domein-switch-btn{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-regular);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.domein-switch-btn.actief{background:var(--surface-card);box-shadow:var(--shadow-card);color:var(--accent-strong);font-weight:var(--weight-medium)}.domein-switch-btn:hover:not(.actief){color:var(--text-body)}@media (max-width: 700px){.domein-switch-btn{height:var(--hit-mobiel)}}.filter-balk{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--sp-4)}.filter-groep{display:flex;flex-direction:column;gap:5px}.filter-groep-label{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:500;color:var(--text-faint)}.filter-groep-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-divider{width:1px;align-self:stretch;background:var(--border-1);flex-shrink:0}.filter-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:var(--radius-full);border:1px solid var(--border-1);background:var(--surface-card);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.filter-chip.actief{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:500}.filter-chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.filters-wissen{align-self:flex-end;background:none;border:none;color:var(--accent);font-size:var(--text-sm);cursor:pointer;padding:4px 8px;height:28px}.sort-select{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.sort-select select{height:28px;padding:0 6px;border-radius:var(--radius-sm);border:1px solid var(--border-1);background:var(--surface-card);color:var(--text-body);font-size:var(--text-sm);cursor:pointer}.boom-header{position:sticky;top:61px;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-3) 0;margin-bottom:var(--sp-4);background:var(--bg-app)}.boom-controls{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--sp-4);flex-wrap:wrap;flex:1}.header-plus-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:var(--text-sm);font-weight:500;cursor:pointer;flex-shrink:0}.header-plus-btn:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.filter-mobiel-knop{display:none;align-items:center;gap:6px;height:32px;padding:0 var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border-2);background:var(--surface-card);color:var(--text-body);font-size:var(--text-sm);cursor:pointer;flex-shrink:0}.filter-mobiel-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:10.5px;font-weight:600;line-height:1}.popover-filters{display:flex;flex-direction:column;gap:var(--sp-4)}@media (max-width: 700px){.boom-controls{display:none}.filter-mobiel-knop{display:inline-flex}}.thema-kleurdot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:none;padding:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden}.thema-kleurdot::-webkit-color-swatch-wrapper{padding:0}.thema-kleurdot::-webkit-color-swatch{border:none;border-radius:50%}.thema-kleurdot::-moz-color-swatch{border:none;border-radius:50%}.onderwerp{background:var(--surface-card);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:0 var(--sp-2);margin-bottom:var(--sp-3)}.onderwerp-header{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--hit-desktop);padding:0 var(--sp-1);border-radius:var(--radius-md);cursor:pointer;flex-wrap:wrap}.onderwerp-header:hover .drag-handle,.onderwerp-header:hover .icon-btn{opacity:1}.thema-badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-faint);font-size:var(--text-xs);font-weight:500;white-space:nowrap;flex-shrink:0}.thema-badge-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.onderwerp-naam{flex:1;min-width:60px;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-body);border:none;background:transparent;padding:2px 4px;border-radius:var(--radius-sm)}.onderwerp-naam:hover,.onderwerp-naam:focus{background:var(--surface-hover)}.onderwerp-body{padding-bottom:var(--sp-1)}.actie-toevoegen-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:34px;margin:var(--sp-1) 0 var(--sp-2);border-radius:var(--radius-md);border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:var(--text-sm);font-weight:500;cursor:pointer}.actie-toevoegen-btn:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.count{font-family:var(--font-mono);color:var(--text-faint);font-size:var(--text-xs)}.actie-row{position:relative;display:flex;align-items:center;gap:var(--sp-2);min-height:var(--hit-desktop);padding:2px var(--sp-2);border-radius:var(--radius-md);flex-wrap:wrap}.actie-row:hover{background:var(--surface-hover)}.actie-row:hover .drag-handle,.actie-row:hover .icon-btn,.actie-row:hover .ster-knop{opacity:1}.actie-naam{flex:1 1 160px;min-width:120px;font-size:var(--text-base);color:var(--text-body);border:none;background:transparent;padding:2px 4px;border-radius:var(--radius-sm)}.actie-naam:hover,.actie-naam:focus{background:var(--surface-hover)}.actie-row .actie-naam[data-klaar]{color:var(--text-faint);text-decoration:line-through}.actie-notitie{flex:1 1 130px;min-width:90px;color:var(--text-faint);font-size:var(--text-sm);border:none;background:transparent;padding:2px 4px;border-radius:var(--radius-sm)}.actie-notitie:hover,.actie-notitie:focus{background:var(--surface-hover);color:var(--text-muted)}.tijd-select{height:26px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-faint);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer}.tijd-select.ingevuld{background:var(--surface-sunken);color:var(--text-muted)}.drag-handle{display:inline-flex;cursor:grab;color:var(--text-faint);opacity:0;transition:opacity var(--dur-fast) var(--ease-out);flex-shrink:0}.drag-handle-disabled{cursor:not-allowed;color:var(--border-2);opacity:0}.collapse-icon{display:inline-flex;padding:4px;color:var(--text-faint);flex-shrink:0}.icon-btn{background:none;border:none;cursor:pointer;display:inline-flex;padding:6px;color:var(--text-faint);opacity:0;transition:opacity var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);flex-shrink:0}.icon-btn:hover{color:var(--verstreken)}.icon-btn-plus:hover{color:var(--accent)}.ster-knop{background:none;border:none;cursor:pointer;display:inline-flex;padding:6px;color:var(--text-faint);opacity:0;transition:opacity var(--dur-fast) var(--ease-out);flex-shrink:0}.ster-knop.aan{color:var(--belangrijk);opacity:1}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-width:var(--hit-desktop);min-height:var(--hit-desktop);background:none;border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--text-muted);padding:0;flex-shrink:0}.status-chip.lg{min-width:var(--hit-mobiel);min-height:var(--hit-mobiel)}.badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;white-space:nowrap;line-height:18px;flex-shrink:0}.badge-herpland{background:var(--herplan-soft);color:var(--herplan)}.datum-chip{position:relative;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--surface-sunken);color:var(--text-muted);flex-shrink:0}.datum-chip svg{flex-shrink:0;color:inherit}.datum-chip.leeg{background:transparent;color:var(--text-faint)}.datum-chip.verstreken{border-color:var(--verstreken);background:var(--verstreken-soft);color:var(--verstreken);font-weight:500}.datum-chip input{border:none;background:none;color:inherit;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:inherit;cursor:pointer;width:78px;padding:0}.datum-chip.lg{height:44px;padding:0 12px}.datum-chip.lg input{font-size:var(--text-sm);width:92px}.popover-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#2624191f}.popover-panel{position:absolute;background:var(--surface-card);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);padding:var(--sp-3)}.popover-titel{font-size:var(--text-sm);font-weight:500;color:var(--text-body);margin-bottom:var(--sp-1)}.popover-meta{font-size:var(--text-xs);color:var(--text-faint);font-family:var(--font-mono);margin-bottom:var(--sp-3)}.popover-tijdopties{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--sp-3)}.popover-tijd-btn{min-width:46px;height:30px;padding:0 10px;border-radius:var(--radius-md);border:1px solid var(--border-1);background:var(--surface-card);color:var(--text-body);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer}.popover-tijd-btn.actief{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.popover-footer{display:flex;justify-content:space-between;align-items:center}.popover-link-btn{background:none;border:none;font-size:var(--text-xs);cursor:pointer;padding:4px 0}.popover-link-btn.muted{color:var(--text-muted)}.popover-link-btn.accent{color:var(--accent)}.popover-confirm-tekst{font-size:var(--text-sm);color:var(--text-body);margin-bottom:var(--sp-3)}.popover-confirm-acties{display:flex;gap:8px;justify-content:flex-end}.popover-btn{height:30px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--border-1);background:var(--surface-card);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer}.popover-btn.gevaar{border-color:var(--verstreken);background:var(--verstreken);color:#fff}.popover-btn.accent{border-color:var(--accent);background:var(--accent);color:#fff}.popover-btn.accent:disabled{opacity:.5;cursor:not-allowed}.popover-form{display:flex;flex-direction:column;gap:var(--sp-2)}.popover-input,.popover-select{height:32px;padding:0 var(--sp-2);border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-body);font-size:var(--text-sm);width:100%}.popover-input:focus,.popover-select:focus{outline:none;border-color:var(--accent)}.popover-veld-label{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-muted)}.popover-date{height:30px;padding:0 var(--sp-2);border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-body);font-size:var(--text-sm)}.popover-checkbox-row{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-body);cursor:pointer}.add-form{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);color:var(--text-faint)}.add-form input[type=text]{height:30px;padding:0 var(--sp-2);border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-body);font-size:var(--text-sm);flex:1;min-width:120px}.add-form input[type=text]:focus{outline:none;border-color:var(--accent)}.add-form button[type=submit]{height:30px;padding:0 var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border-1);background:var(--surface-card);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer}.add-form button[type=submit]:hover{background:var(--surface-hover);color:var(--text-body)}.add-thema-form{margin-top:var(--sp-3);padding:var(--sp-3);border:1px dashed var(--border-2);border-radius:var(--radius-lg);max-width:420px}.instellingen-titel{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-body);margin:0 0 var(--sp-2)}.thema-lijst{list-style:none;margin:0 0 var(--sp-4);padding:0;display:flex;flex-direction:column;gap:2px;max-width:420px}.thema-lijst-item{display:flex;align-items:center;gap:var(--sp-2);height:var(--hit-desktop);padding:0 var(--sp-2);border-radius:var(--radius-md);cursor:pointer}.thema-lijst-item:hover{background:var(--surface-hover)}.thema-lijst-naam{font-size:var(--text-base);color:var(--text-body);flex:1}.domein-badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;white-space:nowrap;line-height:18px;flex-shrink:0}.domein-badge-werk{background:var(--accent-soft);color:var(--accent-strong)}.domein-badge-prive{background:var(--logo-peach-soft);color:var(--logo-peach-strong)}.thema-lijst-leeg{font-size:var(--text-sm);color:var(--text-faint);margin:0 0 var(--sp-3)}.groep{margin-bottom:var(--sp-5)}.groep-label{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:500;color:var(--text-faint);margin:0 0 6px 8px}.groep-kaart{background:var(--surface-card);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:4px var(--sp-2)}.groep-leeg{margin:0;padding:var(--sp-2);font-size:var(--text-sm);color:var(--text-faint)}.actie-pad{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-size:var(--text-xs);color:var(--text-faint);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actie-pad-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}@media (max-width: 700px){.stats-grid{grid-template-columns:1fr}}.stat-kaart{background:var(--surface-card);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--sp-4) var(--sp-5)}.stat-kaart-titel{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:500;color:var(--text-faint);margin-bottom:var(--sp-3)}.stat-balk-rij{display:grid;grid-template-columns:150px 1fr 56px;align-items:center;gap:var(--sp-3);min-height:28px}.stat-balk-label{font-size:var(--text-sm);color:var(--text-body);display:inline-flex;align-items:center;gap:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-balk-track{height:10px;background:var(--surface-sunken);border-radius:var(--radius-full);overflow:hidden}.stat-balk-fill{height:100%;opacity:.75;border-radius:var(--radius-full)}.stat-balk-waarde{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-align:right}.stat-tekst{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.stats-view{display:flex;flex-direction:column;gap:var(--sp-4)}.stat-kop-rij{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}@media (max-width: 700px){.stat-kop-rij{grid-template-columns:1fr}}.stat-kop-item{background:var(--surface-card);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--sp-4) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-1)}.stat-kop-waarde{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-body)}.stat-kop-label{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-faint)}.tijdlijn{display:flex;align-items:stretch;gap:var(--sp-3);height:200px}.tijdlijn-maand{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center}.tijdlijn-maand-totaal{height:16px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.tijdlijn-kolom{flex:1;width:100%;max-width:44px;display:flex;align-items:flex-end}.tijdlijn-balk{width:100%;display:flex;flex-direction:column-reverse;border-radius:var(--radius-sm) var(--radius-sm) 0 0;overflow:hidden;background:var(--surface-sunken)}.tijdlijn-segment{width:100%;opacity:.85}.tijdlijn-maand-label{margin-top:var(--sp-2);font-size:var(--text-xs);color:var(--text-faint);white-space:nowrap}.tijdlijn-legenda{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--border-1)}.tijdlijn-legenda-item{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-muted)}@media (max-width: 700px){.actie-row,.onderwerp-header{min-height:var(--hit-mobiel)}.drag-handle{display:none}}.instellingen-uitloggen{margin-top:var(--sp-8);padding-top:var(--sp-4);border-top:1px solid var(--border-1)}.uitlog-knop{height:var(--hit-desktop);padding:0 var(--sp-4);border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface-card);color:var(--verstreken);font-size:var(--text-sm);cursor:pointer}.uitlog-knop:hover{background:var(--verstreken-soft);border-color:var(--verstreken)}