@font-face{font-family:Inter;font-weight:100 900;font-style:normal;font-display:swap;src:url('/fonts/inter-latin.woff2') format('woff2')}
/* Visual system: centrale tokens. Geladen na basis.css, wint daarom. */
body.basis{
  --vs-page:#f4f5f7;--vs-panel:#fff;--vs-line:#e5e7eb;--vs-line-soft:#f0f1f4;
  --vs-ink:#111827;--vs-soft:#6b7280;--vs-meta:#9ca3af;
  --vs-indigo:#4f46e5;--vs-indigo-wash:#eef2ff;--vs-indigo-ink:#3730a3;--vs-violet:#7c3aed;
  --vs-green-bg:#dcfce7;--vs-green:#166534;--vs-orange-bg:#fef3c7;--vs-orange:#92400e;--vs-red-bg:#fee2e2;--vs-red:#991b1b;--vs-blue-bg:#e0e7ff;--vs-blue:#3730a3;
  --vs-r:12px;--vs-r-in:10px;
  --avatar-rm:#0ea5e9;--avatar-orenta:#f97316;
  --chart-primary:#4f46e5;--chart-light:#c7d2fe;--chart-1:#4f46e5;--chart-2:#0ea5e9;--chart-3:#f59e0b;--chart-4:#10b981;--chart-5:#ec4899;--chart-6:#8b5cf6;
  --chart-grid:#eef0f3;--chart-text:#374151;--chart-meta:#9ca3af;
  --font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --b-ink:#111827;--b-soft:#6b7280;--b-line:#e5e7eb;
  background:var(--vs-page)!important;color:var(--vs-ink)!important;font-size:13px}
html:has(body.basis){background:#f4f5f7!important}
body.basis .app-content-area,body.basis.r1-shell .app-content-area,body.basis .app-main-wrapper{background:var(--vs-page)!important}
body.basis a{color:var(--vs-ink)}
body.basis :focus-visible{outline:2px solid var(--vs-indigo)!important}

/* Sidebar */
body.basis .app-sidebar,body.basis.r1-shell .app-sidebar{background:#fff!important;border-right:1px solid var(--vs-line)!important}
body.basis .vs-logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:inline-grid;place-items:center}
body.basis .vs-logo svg{width:16px;height:16px}
body.basis .sidebar-logo strong{font-size:14px;font-weight:700;color:var(--vs-ink)!important}
body.basis .app-sidebar .sidebar-link{color:#374151!important;font-size:13px}
body.basis .app-sidebar .sidebar-link svg{color:var(--vs-meta)}
body.basis .app-sidebar .sidebar-link:hover{background:#f6f7f9!important}
body.basis .app-sidebar .sidebar-link.active{background:var(--vs-indigo-wash)!important;color:var(--vs-indigo-ink)!important;box-shadow:none!important}
body.basis .app-sidebar .sidebar-link.active svg{color:var(--vs-indigo)}
body.basis .vs-nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--vs-indigo);color:#fff;font-size:11px;font-weight:600;display:inline-grid;place-items:center;font-variant-numeric:tabular-nums}
body.basis .basis-nav-bottom,body.basis .sidebar-bottom{border-color:var(--vs-line)!important}
body.basis .vs-account-card{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--vs-line);border-radius:var(--vs-r-in);min-width:0}
body.basis .vs-avatar{width:32px;height:32px;border-radius:8px;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;flex:none}
body.basis .vs-account-text{display:grid;min-width:0;flex:1}
body.basis .vs-account-text strong{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.basis .vs-account-text small{font-size:11px;color:var(--vs-meta);font-variant-numeric:tabular-nums}
body.basis .vs-switch-link{font-size:12px;font-weight:600;color:var(--vs-indigo);cursor:pointer}
body.basis .vs-switch-toggle:not(:checked)~.sidebar-account-switcher{display:none}
body.basis .vs-other-attention{display:grid;gap:2px;padding:9px 10px;border-radius:var(--vs-r-in);background:#fef9c3;border:1px solid #fde68a;text-decoration:none;font-size:12px;color:#713f12!important}
body.basis .vs-other-attention strong{font-size:12.5px;color:#713f12}
body.basis .vs-other-attention:hover{background:#fef08a}
body.basis .account-tab.active{border-color:var(--vs-line)!important;background:var(--vs-indigo-wash)!important}

/* Topbar */
body.basis .app-topbar{background:var(--vs-page)!important;border-bottom:0!important}
body.basis .app-topbar h1,body.basis #topbar-title{font-size:22px!important;font-weight:700}
body.basis .basis-context,body.basis .basis-intro,body.basis .db-sub{color:var(--vs-soft)!important;font-size:13px}
body.basis .basis-context-account{color:var(--vs-ink)}
body.basis .e-top-period select,body.basis .basis-sources>summary,body.basis .basis-sources--plain{border-color:var(--vs-line)!important;border-radius:8px}

/* Typografie */
body.basis .app-content-area{font-size:13px}
body.basis .app-content-area h1{font-size:22px!important;font-weight:700!important;color:var(--vs-ink)!important}
body.basis .app-content-area h2,body.basis .vs-panel-title{font-size:14px!important;font-weight:700!important;color:var(--vs-ink)!important;margin:0}
body.basis .app-content-area h3,body.basis .r1-title,body.basis .db-title{font-size:14px!important;font-weight:600!important}
body.basis .vs-meta{font-size:12px;color:var(--vs-meta)}

/* Panelen */
body.basis .vs-panel,body.basis .kaart,body.basis .panel,body.basis .e-card,body.basis .account-blok,body.basis .e-acc-card,body.basis .regel-kaart,body.basis .basis-table-wrap,body.basis .tabel-wrapper,body.basis .e-tablewrap,body.basis .zoektermen-tabel-scroll,body.basis .zoektermen-overzicht{background:#fff!important;border:1px solid var(--vs-line)!important;border-radius:var(--vs-r)!important;box-shadow:none!important}
body.basis .vs-panel{padding:18px 20px;display:grid;gap:12px;min-width:0}
body.basis .basis-empty,body.basis .r1-empty,body.basis .e-empty,body.basis .db-empty{background:#fff!important;border:1px dashed #d1d5db!important;color:var(--vs-soft)!important}

/* Knoppen */
body.basis .knop,body.basis .e-btn,body.basis .r1-btn,body.basis .small-button,body.basis .preview-button{border-color:var(--vs-line)!important;color:var(--vs-ink)!important;font-size:13px!important}
body.basis .knop--primair,body.basis .e-btn--primary,body.basis .r1-btn--primary,body.basis .preview-button--primary{background:#111827!important;border-color:#111827!important;color:#fff!important}
body.basis .vs-btn-indigo,body.basis .preview-button--primary.basis-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:var(--vs-indigo)!important;border:1px solid var(--vs-indigo)!important;color:#fff!important;font-size:13px;font-weight:600;text-decoration:none}
body.basis .vs-btn-indigo:hover{background:#4338ca!important}

/* Pillen */
body.basis .vs-pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;line-height:18px;white-space:nowrap;width:max-content}
.vs-pill--green{background:#dcfce7;color:#166534}.vs-pill--orange{background:#fef3c7;color:#92400e}.vs-pill--red{background:#fee2e2;color:#991b1b}.vs-pill--blue{background:#e0e7ff;color:#3730a3}

/* Tabs en tabellen */
body.basis .e-tabs a[aria-current=page],body.basis .zoektermen-tab--actief{border-bottom-color:var(--vs-indigo)!important;color:var(--vs-indigo-ink)!important}
body.basis .periode-optie--actief,body.basis .zoektermen-filteroptie--actief{background:var(--vs-indigo)!important}
body.basis .app-content-area table th{color:var(--vs-soft)!important;font-size:12px!important;border-bottom:1px solid var(--vs-line)!important}
body.basis .app-content-area table td{border-bottom:1px solid var(--vs-line-soft);font-size:13px}
body.basis .app-content-area table tbody tr:hover{background:#f9fafb}
body.basis .app-content-area table td.r,body.basis .app-content-area table th.r{text-align:right;font-variant-numeric:tabular-nums}

/* Dashboard */
body.basis .db-page{max-width:1240px;gap:20px;color:var(--vs-ink)}
.db-page .vs-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 20px;flex-wrap:wrap}
.db-page .vs-head-actions{display:flex;gap:8px;align-items:center}
.db-page .vs-period select{font:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--vs-line);border-radius:8px;background:#fff}
.db-page .vs-kpis{border:0;background:transparent;gap:12px}
.db-page .vs-kpi,.db-page .vs-kpi+.vs-kpi{background:#fff;border:1px solid var(--vs-line)!important;border-radius:var(--vs-r);padding:16px 18px;gap:4px}
.db-page .vs-kpi-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;min-height:32px}
.db-page .vs-kpi-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex:none}
.db-page .vs-kpi-icon svg{width:17px;height:17px}
.vs-kpi-icon--indigo{background:#eef2ff;color:#4f46e5}.vs-kpi-icon--sky{background:#e0f2fe;color:#0284c7}.vs-kpi-icon--amber{background:#fef3c7;color:#b45309}.vs-kpi-icon--green{background:#dcfce7;color:#15803d}
.db-page .vs-spark{width:96px;max-width:45%;display:block}
.db-page .vs-spark svg{width:100%;height:auto;display:block}
.db-page .vs-kpi-pill{margin:4px 0 2px}
.db-page .db-label{color:var(--vs-soft)}
.db-page .db-kpi small{color:var(--vs-soft);font-size:12px}
.db-page .db-grid{grid-template-columns:minmax(0,62fr) minmax(0,38fr);gap:16px}
.db-page .db-main{gap:16px}
.db-page .db-aside.vs-chart-col{position:static;gap:16px}
.db-page .vs-chart-panel{gap:10px}
.db-page .vs-proposal,.db-page .db-card,.db-page .r1-card{border:1px solid var(--vs-line)!important;border-left:4px solid var(--vs-indigo)!important;border-radius:var(--vs-r-in)!important;padding:14px 16px!important}
.db-page .vs-proposal--terms,.db-page .vs-proposal--measure{border-left-color:#dc2626!important}
.db-page .vs-proposal--low{border-left-color:#f59e0b!important}
.db-page .vs-proposal--ready{border-left-color:#16a34a!important}
.db-page .r1-card-head{align-items:flex-start}
.db-page .vs-proposal-titles{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0}
.db-page .vs-amount{display:grid;justify-items:end;text-align:right;flex:none}
.db-page .vs-amount strong{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}
.db-page .vs-amount small{font-size:11px;color:var(--vs-meta)}
.db-page .db-why,.db-page .r1-why{font-size:13px;color:#374151}
.db-page .db-period,.db-page .r1-period{color:var(--vs-meta)}
.db-page .r1-details{border-top-color:var(--vs-line-soft)}
.db-page .vs-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.db-page .vs-timeline li{position:relative;padding:10px 0 10px 18px;border-top:1px solid var(--vs-line-soft)}
.db-page .vs-timeline li::before{content:"";position:absolute;left:2px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--vs-indigo)}
.db-page .vs-timeline li.vs-dot--green::before{background:#16a34a}
.db-page .vs-timeline li.vs-dot--orange::before{background:#f59e0b}
.db-page .db-link{color:var(--vs-indigo)!important;font-weight:600}

/* Charts (server-SVG) */
body.basis .vs-chart{margin:0;display:grid;gap:8px;min-width:0}
body.basis .vs-chart svg{width:100%;height:auto;display:block;overflow:visible}
body.basis .vs-chart-caption{font-size:12px;color:var(--vs-soft)}
body.basis .vs-chart-panel .vs-chart text{font-size:11px!important}
body.basis .vs-chart-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11.5px;color:var(--vs-soft);list-style:none;margin:0;padding:0}
body.basis .vs-chart-empty{font-size:12.5px;color:var(--vs-meta);padding:16px;border:1px dashed var(--vs-line);border-radius:var(--vs-r-in);text-align:center}
body.basis .vs-chart-figure{margin:0;min-width:0;display:grid;gap:8px}
body.basis svg.vs-chart{display:block;width:100%;height:auto;min-width:0}
body.basis .vs-chart-legend{display:grid;gap:7px}
body.basis .vs-chart-legend li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px}
body.basis .vs-chart-legend i{width:8px;height:8px;border-radius:3px}
body.basis .vs-chart-legend strong{font-size:11px;font-weight:600;white-space:nowrap}
body.basis .vs-chart-panel h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
/* Geen oude border-shorthand of verborgen invoervelden laten doorlekken. */
body.basis [hidden]{display:none!important}
body.basis .db-page .r1-card.vs-proposal{border-left:4px solid var(--vs-indigo)!important}
body.basis .db-page .r1-card.vs-proposal--terms,body.basis .db-page .r1-card.vs-proposal--measure{border-left-color:#dc2626!important}
body.basis .db-page .r1-card.vs-proposal--low{border-left-color:#f59e0b!important}
body.basis .db-page .r1-card.vs-proposal--ready{border-left-color:#16a34a!important}
body.basis .db-page .db-card.vs-proposal--ready{border-left:4px solid #16a34a!important}
body.basis .db-page .db-card.vs-proposal--campaign{border-left:4px solid #4f46e5!important}
body.basis a.cb-btn--primary[href^="/campagnegenerator"]{background:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important}
body.basis .vs-log-status{white-space:normal!important;max-width:100%;line-height:1.35}
body.basis .basis-source-row{background:#fff!important;border-color:#e5e7eb!important;border-radius:10px!important}
@media(min-width:1000px){
 body.basis .e-camp col:nth-child(1){width:22%!important}
 body.basis .e-camp col:nth-child(4){width:9%!important}
 body.basis .e-camp th{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
}
body.basis .vs-compact{padding:14px 18px}

/* Campagnes */
body.basis .vs-campaign-panels{display:grid;gap:10px;margin-top:16px}
body.basis .vs-collapse{padding:0;gap:0}
body.basis .vs-collapse>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;list-style:none}
body.basis .vs-collapse>summary::-webkit-details-marker{display:none}
body.basis .vs-collapse>summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--vs-meta);border-bottom:2px solid var(--vs-meta);transform:rotate(45deg);transition:transform .15s;flex:none}
body.basis .vs-collapse[open]>summary::after{transform:rotate(-135deg)}
body.basis .vs-collapse>summary .vs-meta{margin-left:auto}
body.basis .vs-campaign-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 18px 18px}
body.basis section.vs-campaign-charts{padding:18px;margin:12px 0}

@media(max-width:1000px){
  .db-page .db-grid{grid-template-columns:minmax(0,1fr)}
  body.basis .vs-campaign-charts{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:768px){
  .db-page .vs-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .db-page .vs-kpi:nth-child(n+3){border-top:1px solid var(--vs-line)}
  .db-page .vs-bottom-row{grid-template-columns:minmax(0,1fr)}
  .db-page .vs-head-actions{width:100%}
  .db-page .vs-head-actions .vs-period{flex:1}
  body.basis .app-sidebar{background:#fff!important;border-bottom:1px solid var(--vs-line)!important}
}
@media(max-width:420px){.db-page .vs-kpis{grid-template-columns:minmax(0,1fr)}}

/* Legacy tokens: oude navy/goud/beige naar nieuwe tokens */
body.basis,body.basis .ca-scope,body.basis .cb-scope,body.basis .e-scope,body.basis .r1-page,body.basis .db-page{
  --navy:#111827;--navy-licht:#374151;--goud:#4f46e5;--goud-tekst:#3730a3;--gold:#4f46e5;--goud-licht:#c7d2fe;--cream:#f4f5f7;--tekst:#111827;--tekst-zacht:#6b7280;--rand:#e5e7eb;--border:#e5e7eb;--accent-color:#4f46e5;--e-blue:#4f46e5;--page-bg:#f4f5f7;--topbar-bg:#f4f5f7;--muted:#f4f5f7;
  --sidebar-bg:#fff;--sidebar-active:#eef2ff;--sidebar-active-text:#3730a3;--sidebar-border:#e5e7eb;
  --ca-navy:#111827;--ca-ink:#111827;--ca-soft:#6b7280;--ca-gold:#4f46e5;--ca-gold-ink:#3730a3;--ca-gold-wash:#eef2ff;--ca-paper:#fff;--ca-line:#e5e7eb;--ca-ok:#166534;--ca-bad:#991b1b;
  --cb-navy:#111827;--cb-ink:#111827;--cb-soft:#6b7280;--cb-gold:#4f46e5;--cb-line:#e5e7eb;--cb-paper:#fff;--cb-wash:#eef2ff;
  --r1-bg:#f4f5f7;--r1-card:#fff;--r1-ink:#111827;--r1-soft:#6b7280;--r1-line:#e5e7eb;--r1-accent:#4f46e5;--r1-accent-wash:#eef2ff}
body.basis .ca-scope,body.basis .cb-scope,body.basis .e-scope{max-width:1240px}

/* Bestaande cp-grafieken en sparklines: indigo/chart-tokens */
body.basis .cp-chart-cost,body.basis .chart-line,body.basis .cp-spark,body.basis .cp-spark path,body.basis .cp-spark polyline{stroke:var(--chart-primary)!important;color:var(--chart-primary)!important;stroke-dasharray:none!important}
body.basis .cp-chart-conversions{stroke:var(--chart-2)!important;color:var(--chart-2)!important;stroke-dasharray:none!important}
body.basis .cp-chart-goal{stroke:var(--chart-meta)!important;color:var(--chart-meta)!important;stroke-dasharray:4 3!important}
body.basis .cp-chart-grid,body.basis .chart-gridline,body.basis .chart-axis{stroke:var(--chart-grid)!important}
body.basis .cp-chart-execution{stroke:var(--chart-light)!important}
body.basis .cp-chart-label{fill:var(--chart-meta)!important;color:var(--chart-meta)!important}
body.basis .chart-point{fill:var(--chart-primary)!important;stroke:#fff!important}
body.basis .cp-chart-svg{width:100%;height:auto}
body.basis .cp-chart-legend{color:var(--vs-soft)!important;font-size:11.5px}
body.basis .cp-chart-tooltip{border-color:var(--vs-line)!important;color:var(--vs-ink)!important}

/* Statuslabels als pillen met nieuwe tokens */
body.basis .status-badge,body.basis .e-badge,body.basis .status-label{padding:2px 9px!important;border-radius:999px!important;font-size:11px!important;font-weight:600!important;background:#f3f4f6!important;color:#374151!important}
body.basis .status-badge::before,body.basis .e-badge::before,body.basis .status-label::before{display:none}
body.basis .status-badge--success,body.basis .e-badge--ok,body.basis .status-label--keyword{background:#dcfce7!important;color:#166534!important}
body.basis .status-badge--warning,body.basis .e-badge--warn{background:#fef3c7!important;color:#92400e!important}
body.basis .status-badge--danger,body.basis .e-badge--bad,body.basis .e-badge--error,body.basis .status-label--negatief{background:#fee2e2!important;color:#991b1b!important}
body.basis .status-badge--info{background:#e0e7ff!important;color:#3730a3!important}
body.basis .melding{background:#fff!important;border-color:var(--vs-line)!important}
body.basis .cb-btn--primary,body.basis .cb-btn--primary:hover{background:#111827!important;border-color:#111827!important}
body.basis .cb-pills a.active,body.basis .cb-pills a[aria-current]{background:var(--vs-indigo-wash)!important;color:var(--vs-indigo-ink)!important;border-color:#c7d2fe!important}
body.basis .knop--negatief{color:#991b1b!important;border-color:#fecaca!important}
body.basis .schakelaar-input:checked{background:var(--vs-indigo)}
body.basis .veld-input:focus,body.basis .veld-select:focus{border-color:var(--vs-indigo);box-shadow:0 0 0 3px rgba(79,70,229,.12)}
body.basis .basis-dot--ok{background:#16a34a}.basis-dot--warn{background:#f59e0b}.basis-dot--bad{background:#dc2626}

/* Finale typografie (wint van oude body p 16px) */
body.basis .app-content-area p,body.basis .app-content-area li,body.basis .app-content-area label,body.basis .app-content-area input,body.basis .app-content-area select,body.basis .app-content-area textarea,body.basis .app-content-area button,body.basis .app-content-area td,body.basis .app-sidebar p,body.basis .app-sidebar li{font-size:13px!important;line-height:1.5}
body.basis .app-content-area h1{font-size:22px!important;font-weight:700!important}
body.basis .app-content-area h2{font-size:14px!important;font-weight:700!important}
body.basis .app-content-area h3,body.basis .r1-title,body.basis .db-title{font-size:14px!important;font-weight:600!important}
body.basis .vs-pill,body.basis .status-badge,body.basis .e-badge,body.basis .status-label{font-size:11px!important}
body.basis .db-page .vs-amount strong{font-size:19px!important}
body.basis .db-page .vs-amount small,body.basis .db-period,body.basis .r1-period,body.basis .vs-meta,body.basis .vs-chart-caption{font-size:11.5px!important}
body.basis .db-page .db-kpi small,body.basis .db-page .db-label{font-size:12px!important}
body.basis .app-content-area td small,body.basis .app-content-area .e-muted{font-size:12px!important}

/* Campagnetabel past in 1100 */
@media(min-width:769px){
 body.basis table.e-table.e-camp{table-layout:fixed!important;min-width:0!important;width:100%!important}
 body.basis .e-camp .c1{width:24%!important}body.basis .e-camp .c2{width:14%!important}body.basis .e-camp .c3{width:10%!important}body.basis .e-camp .c4{width:7%!important}body.basis .e-camp .c5{width:14%!important}body.basis .e-camp .c6{width:25%!important}body.basis .e-camp .c7{width:6%!important}
 body.basis .e-camp td,body.basis .e-camp th{overflow:hidden;white-space:normal}
 body.basis .e-camp .e-camp-name a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.basis .e-camp .e-nowrap{white-space:normal}
 body.basis .e-camp td:nth-child(3),body.basis .e-camp td:nth-child(4),body.basis .e-camp th:nth-child(3),body.basis .e-camp th:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}
}
body.basis .vs-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.basis .vs-more summary{font-size:12px!important;color:var(--vs-indigo);cursor:pointer;margin-top:2px}
body.basis .vs-more[open] summary{margin-bottom:4px}
body.basis .vs-more p{margin:0;font-size:12.5px!important;color:#374151}
body.basis .vs-signal-cell:has(.vs-more[open]) .vs-clamp{display:none}

/* Chartlabels */
body.basis .vs-chart-slot{display:grid;gap:6px;align-content:start;min-width:0}
body.basis .vs-chart-label{margin:0;font-size:12px!important;font-weight:600!important;color:var(--vs-soft)!important}

/* Accountblok: naam en ID volledig, Wisselen eronder */
body.basis .vs-account-card{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:4px 10px}
body.basis .vs-account-text strong{white-space:normal;overflow:visible;overflow-wrap:anywhere;line-height:1.3}
body.basis .vs-account-text small{white-space:nowrap}
body.basis .vs-switch-link{grid-column:2;justify-self:start}

/* Logo: alleen het gradientblok */
body.basis .sidebar-logo::before,body.basis .sidebar-logo::after{display:none!important;content:none!important}

/* Correcties 5-11,13: compacte voorstelkaarten */
body.basis .vs-pill--gray{background:#f3f4f6;color:#4b5563}
body.basis .db-page .vs-proposal--keywords{border-left-color:var(--vs-indigo)!important}
body.basis .db-page .vs-proposal,body.basis .db-page .r1-card{display:grid;gap:4px;padding:10px 16px!important}
body.basis .db-page .vs-proposal p{margin:0}
body.basis .db-page .vs-one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.basis .db-page .vs-meta-row{font-size:11.5px!important;color:var(--vs-meta)}
body.basis .db-page .r1-action{font-weight:600;font-size:13px!important}
body.basis .db-page .r1-action{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.basis .db-page .r1-card .vs-amount small{display:none}
body.basis .db-page .r1-card-head{min-height:24px}
body.basis .db-page .r1-card .vs-amount strong{font-size:20px!important;line-height:24px}
body.basis .db-page .r1-details{margin:0;padding:0!important;border-top:0}
body.basis .db-page .r1-details summary{font-size:12px!important;color:var(--vs-indigo);cursor:pointer;padding:0!important;line-height:18px;min-height:0}
body.basis .db-page .r1-buttons,body.basis .db-page .db-buttons{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;margin-top:2px}
body.basis .db-page .r1-buttons .r1-btn,body.basis .db-page .db-buttons .r1-btn{padding:5px 11px!important;white-space:nowrap}
body.basis .db-page .db-note{font-size:12px!important;color:var(--vs-soft)}
body.basis .db-page .vs-soft-note{color:#92400e;background:#fffbeb;border-radius:6px;padding:4px 8px;width:max-content;max-width:100%}
body.basis .vs-netbar{display:flex;height:6px;border-radius:999px;overflow:hidden;background:var(--vs-line-soft);margin:4px 0}
body.basis .vs-netbar i{display:block;height:100%}
body.basis .vs-netlegend{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:2px 14px;font-size:12px!important;color:var(--vs-soft)}
body.basis .vs-netlegend li{display:inline-flex;align-items:center;gap:5px;font-size:12px!important}
body.basis .vs-netlegend i{width:8px;height:8px;border-radius:2px}
body.basis .vs-netlegend b{color:var(--vs-ink);font-weight:600;font-variant-numeric:tabular-nums}
body.basis .db-page .vs-bottom-row{align-items:start}
body.basis .db-page .vs-exec-panel{min-height:0!important;align-content:start}
body.basis .db-page .vs-log-link{justify-self:end;font-size:12px!important}
/* Sidebar sticky, volle hoogte wit */
@media(min-width:769px){
 html:has(body.basis),body.basis,body.basis.r1-shell{overflow-x:clip!important}
 body.basis .app-sidebar,body.basis.r1-shell .app-sidebar{position:sticky!important;top:0;height:100vh;height:100dvh;overflow-y:auto;align-self:flex-start;background:#fff!important}
}
/* Login indigo */
body.vs-login{font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;background:radial-gradient(900px 500px at 15% 0%,#eef2ff,transparent 60%),#f4f5f7!important;color:#111827;min-height:100dvh}
body.vs-login .login-wrapper{min-height:100dvh;display:grid;place-items:center;padding:24px;background:transparent!important}
body.vs-login .login-kaart{background:#fdfdff!important;border:1px solid #e5e7eb!important;border-radius:14px!important;box-shadow:0 12px 32px -16px rgba(55,48,163,.25)!important;padding:32px!important;max-width:380px;width:100%}
body.vs-login .login-logo{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#374151!important;margin-bottom:20px;letter-spacing:0;text-transform:none}
body.vs-login .vs-login-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fdfdff;display:grid;place-items:center}
body.vs-login .vs-login-mark svg{width:16px;height:16px}
body.vs-login .login-titel{font-size:22px!important;font-weight:700!important;color:#111827!important;margin:0 0 4px;font-family:inherit!important}
body.vs-login .login-subtitel{font-size:13px!important;color:#6b7280!important;margin:0 0 20px}
body.vs-login .veld-label{font-size:12px!important;font-weight:600;color:#374151!important}
body.vs-login .veld-input{font:inherit;font-size:14px;border:1px solid #e5e7eb!important;border-radius:8px!important;padding:9px 12px!important;background:#fdfdff!important}
body.vs-login .veld-input:focus{outline:none;border-color:#4f46e5!important;box-shadow:0 0 0 3px rgba(79,70,229,.14)!important}
body.vs-login .knop--primair{background:#4f46e5!important;border:1px solid #4f46e5!important;color:#fdfdff!important;border-radius:8px!important;font-weight:600;padding:10px 14px!important}
body.vs-login .knop--primair:hover{background:#4338ca!important}
body.vs-login .melding--fout{background:#fef2f2!important;border:1px solid #fecaca!important;color:#991b1b!important;border-radius:8px;font-size:13px}