:root{--ds-success:var(--signal);--ds-success-bg:#f0fdf4;--ds-success-line:#bbf7d0;--ds-warn:var(--warn);--ds-warn-bg:#fffbeb;--ds-warn-line:#fde68a;--ds-danger:var(--alert);--ds-danger-bg:#fef2f2;--ds-danger-line:#fecaca;--ds-neutral:var(--ink-dim);--ds-neutral-bg:var(--panel-2);--ds-neutral-line:var(--line);--ds-info:var(--accent);--ds-info-bg:#eff6ff;--ds-info-line:#bfdbfe;--ds-bucket-sterk:var(--ds-success);--ds-bucket-sterk-bg:var(--ds-success-bg);--ds-bucket-sterk-line:var(--ds-success-line);--ds-bucket-redelijk:var(--ds-neutral);--ds-bucket-redelijk-bg:var(--ds-neutral-bg);--ds-bucket-redelijk-line:var(--ds-neutral-line);--ds-bucket-dun:var(--ds-warn);--ds-bucket-dun-bg:var(--ds-warn-bg);--ds-bucket-dun-line:var(--ds-warn-line);--ds-radius:10px;--ds-radius-sm:7px;--ds-radius-pill:999px;--ds-pad-y:8px;--ds-pad-x:12px;--ds-font:13px;--ds-font-sub:12px}.ds-comfort{--ds-pad-y:12px;--ds-pad-x:16px;--ds-font:14px;--ds-font-sub:12.5px}.ds-pageheader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.ds-pageheader h1{margin:0;font-size:19px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}.ds-pageheader .ds-vraag{margin:3px 0 0;font-size:13px;color:var(--ink-faint)}.ds-pageheader .ds-actieslot{flex:none;display:flex;gap:8px;align-items:center}.ds-btn{display:inline-flex;align-items:center;gap:6px;border-radius:var(--ds-radius-sm);font:inherit;font-size:var(--ds-font);font-weight:550;padding:var(--ds-pad-y) 14px;cursor:pointer;border:1px solid transparent;transition:transform .16s var(--ease-out,cubic-bezier(.23,1,.32,1)),opacity .15s ease,border-color .15s ease}.ds-btn:active{transform:scale(.97)}.ds-btn-primary{background:var(--accent);color:#fff}.ds-btn-primary:hover{opacity:.9;text-decoration:none}.ds-btn-secondary{background:var(--panel);color:var(--ink);border-color:var(--line)}.ds-btn-secondary:hover{border-color:#d4d4d8;text-decoration:none}.ds-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px}.ds-statcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--ds-radius);padding:calc(var(--ds-pad-y) + 6px) calc(var(--ds-pad-x) + 4px);min-width:0}.ds-statcard .n{font-size:24px;font-weight:650;color:var(--ink);line-height:1.15;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ds-statcard .delta{font-size:12.5px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ds-statcard .delta.up{color:var(--ds-success)}.ds-statcard .delta.down{color:var(--ds-danger)}.ds-statcard .delta.flat{color:var(--ink-faint)}.ds-statcard .l{font-size:var(--ds-font);color:var(--ink);margin-top:4px;font-weight:500}.ds-statcard .periode{font-size:11.5px;color:var(--ink-faint);margin-top:2px}.ds-statcard .spark{margin-top:8px}.ds-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:var(--ds-radius-pill);font-size:12px;font-weight:550;white-space:nowrap;border:1px solid}.ds-badge.success{color:#166534;background:var(--ds-success-bg);border-color:var(--ds-success-line)}.ds-badge.warn{color:#92400e;background:var(--ds-warn-bg);border-color:var(--ds-warn-line)}.ds-badge.danger{color:#b91c1c;background:var(--ds-danger-bg);border-color:var(--ds-danger-line)}.ds-badge.neutral{color:var(--ds-neutral);background:var(--ds-neutral-bg);border-color:var(--ds-neutral-line)}.ds-badge.info{color:#1e40af;background:var(--ds-info-bg);border-color:var(--ds-info-line)}.ds-chips{display:flex;gap:8px;flex-wrap:wrap}.ds-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--ds-radius-pill);border:1px solid var(--line);background:var(--panel);color:var(--ink-dim);font-size:var(--ds-font);font-weight:500}.ds-chip:hover{border-color:#d4d4d8;color:var(--ink);text-decoration:none}.ds-chip.active{border-color:var(--accent);color:var(--accent);background:var(--ds-info-bg)}.ds-chip .count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink-faint)}.ds-chip.active .count{color:var(--accent)}.ds-rec{display:grid;grid-template-columns:auto 1fr auto;grid-gap:4px 16px;gap:4px 16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--ds-radius);padding:calc(var(--ds-pad-y) + 4px) calc(var(--ds-pad-x) + 4px)}.ds-rec+.ds-rec{margin-top:10px}.ds-rec .impact{grid-row:span 2;font-size:15px;font-weight:700;color:var(--ds-success);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:64px}.ds-rec .impact small{display:block;font-size:10.5px;font-weight:500;color:var(--ink-faint)}.ds-rec .actie{font-size:calc(var(--ds-font) + 1px);font-weight:600;color:var(--ink)}.ds-rec .reden{grid-column:2;font-size:var(--ds-font-sub);color:var(--ink-dim);line-height:1.5}.ds-rec .knop{grid-row:span 2}@media (max-width:700px){.ds-rec{grid-template-columns:1fr}.ds-rec .impact,.ds-rec .knop{grid-row:auto}}.ds-table-wrap{border:1px solid var(--line);border-radius:var(--ds-radius);background:var(--panel);overflow:auto;max-height:560px}.ds-table{width:100%;border-collapse:collapse;font-size:var(--ds-font)}.ds-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:var(--panel);border-bottom:1px solid var(--line);padding:var(--ds-pad-y) var(--ds-pad-x);text-align:left;font-size:12px;font-weight:600;color:var(--ink-dim);white-space:nowrap}.ds-table thead th.num{text-align:right}.ds-table thead th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ds-table thead th.sortable:hover{color:var(--ink)}.ds-table thead th .dir{color:var(--accent);margin-left:3px}.ds-table tbody td{padding:var(--ds-pad-y) var(--ds-pad-x);border-bottom:1px solid var(--line-soft);color:var(--ink)}.ds-table tbody td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table tbody tr.clickable{cursor:pointer}.ds-table tbody tr.clickable:hover{background:#fafafa}.ds-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px var(--ds-pad-x);font-size:12px;color:var(--ink-faint);border-top:1px solid var(--line-soft)}.ds-colpicker{position:relative}.ds-colpicker summary{list-style:none;cursor:pointer;font-size:12px;color:var(--ink-dim);padding:4px 10px;border:1px solid var(--line);border-radius:var(--ds-radius-sm);background:var(--panel)}.ds-colpicker summary::-webkit-details-marker{display:none}.ds-colpicker[open] summary{border-color:var(--accent);color:var(--accent)}.ds-colpicker-menu{position:absolute;right:0;bottom:calc(100% + 6px);background:var(--panel);border:1px solid var(--line);border-radius:var(--ds-radius-sm);box-shadow:0 8px 24px rgba(0,0,0,.08);padding:8px 10px;display:flex;flex-direction:column;gap:4px;z-index:5;min-width:180px}.ds-colpicker-menu label{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink);cursor:pointer;white-space:nowrap}.ds-drawer-backdrop{position:fixed;inset:0;background:rgba(24,24,27,.28);z-index:40}.ds-drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,92vw);background:var(--panel);border-left:1px solid var(--line);box-shadow:-12px 0 32px rgba(0,0,0,.08);z-index:41;display:flex;flex-direction:column;animation:ds-drawer-in .18s ease-out}@keyframes ds-drawer-in{0%{transform:translateX(24px);opacity:0}}@media (prefers-reduced-motion:reduce){.ds-drawer{animation:none}}.ds-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.ds-drawer-head h2{margin:0;font-size:15px;font-weight:650;color:var(--ink)}.ds-drawer-close{border:1px solid var(--line);background:var(--panel);border-radius:var(--ds-radius-sm);width:28px;height:28px;cursor:pointer;color:var(--ink-dim);font-size:14px;line-height:1}.ds-drawer-close:hover{color:var(--ink);border-color:#d4d4d8}.ds-drawer-body{padding:16px 20px;overflow-y:auto;font-size:13.5px;line-height:1.6;color:var(--ink)}.ds-empty{border:1px dashed var(--line);border-radius:var(--ds-radius);padding:28px 24px;text-align:center;background:var(--panel)}.ds-empty .t{font-size:14px;font-weight:600;color:var(--ink);margin:0 0 4px}.ds-empty .b{font-size:13px;color:var(--ink-dim);margin:0 0 12px;line-height:1.5}.ds-loading{display:flex;flex-direction:column;gap:8px}.ds-skel{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--panel-2) 25%,#ececef 37%,var(--panel-2) 63%);background-size:400% 100%;animation:ds-skel 1.3s ease infinite}@keyframes ds-skel{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.ds-skel{animation:none}}.ds-tabs{display:flex;gap:4px;margin:-6px 0 18px;border-bottom:1px solid var(--line)}.ds-tabs a{padding:8px 14px;font-size:13px;font-weight:500;color:var(--ink-dim);border-bottom:2px solid transparent;margin-bottom:-1px}.ds-tabs a:hover{color:var(--ink);text-decoration:none}.ds-tabs a.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:550}.dsst-tabs{display:flex;gap:4px;margin:0 0 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.dsst-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;padding:8px 14px;font-size:13px;font-weight:500;color:var(--ink-dim);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,transform .16s var(--ease-out,ease-out)}.dsst-tab:active{transform:scale(.97)}.dsst-tab:hover{color:var(--ink)}.dsst-tab.is-actief{color:var(--accent);border-bottom-color:var(--accent);font-weight:550}.dsst-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;margin-left:6px;padding:0 5px;border-radius:999px;font-size:11px;font-weight:700;background:#d97706;color:#fff;vertical-align:1px}.dsst-pane:not([hidden]){animation:dsstIn .15s var(--ease-out,ease-out)}@keyframes dsstIn{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dsst-pane:not([hidden]){animation:none}}.sb-inbox{margin:2px 0 6px;border:1px solid var(--line);background:var(--panel)}.sb-inbox:hover{border-color:#d4d4d8}.sb-inbox.active{border-color:transparent}.ds-metric-label{font-size:var(--ds-font-sub);color:var(--ink-dim)}.ds-metric-label .venster{color:var(--ink-faint)}.sg-section{margin-top:40px}.sg-section>h2{font-size:16px;font-weight:650;margin:0 0 4px;color:var(--ink)}.sg-section>.sg-note{font-size:12.5px;color:var(--ink-faint);margin:0 0 16px;max-width:70ch;line-height:1.55}.sg-swatches{display:flex;gap:10px;flex-wrap:wrap}.sg-swatch{width:130px;border:1px solid var(--line);border-radius:var(--ds-radius-sm);overflow:hidden;background:var(--panel)}.sg-swatch .c{height:44px}.sg-swatch .m{padding:6px 9px;font-size:11px;color:var(--ink-dim);line-height:1.45}.sg-swatch .m b{display:block;color:var(--ink);font-size:11.5px}.sg-type-row{display:flex;align-items:baseline;gap:16px;padding:6px 0;border-bottom:1px solid var(--line-soft)}.sg-type-row small{color:var(--ink-faint);font-size:11px;width:200px;flex:none}.sg-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:860px){.sg-pair{grid-template-columns:1fr}}.sg-pair-label{font-size:11.5px;font-weight:600;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}