*{box-sizing:border-box}:root{--bg:var(--vlak-zacht);--panel:var(--wit);--panel-2:var(--blauw-50);--border:var(--rand);--text:var(--tekst-body);--muted:var(--tekst-secundair);--accent:var(--kleur-interactief);--accent-2:var(--oranje-600)}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:13px;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select{font-family:inherit;font-size:inherit;color:var(--text)}button{background:var(--blauw-100);border:1.5px solid transparent;border-radius:var(--radius-pill);padding:6px 14px;font-weight:600;color:var(--blauw-900);cursor:pointer;transition:background var(--duur-snel) var(--versnelling),transform var(--duur-snel) var(--versnelling),border-color var(--duur-snel) var(--versnelling)}button:hover{background:var(--blauw-200)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:none;box-shadow:var(--focus-ring)}input[type=text],select{background:#fff;border:1.5px solid var(--rand-invoer);border-radius:var(--radius-m);padding:7px 11px;width:100%;outline:none;transition:border-color var(--duur-snel) var(--versnelling),box-shadow var(--duur-snel) var(--versnelling)}input[type=text]:focus,select:focus{border-color:var(--kleur-interactief);box-shadow:var(--focus-ring)}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--kleur-interactief)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--grijs-300);border-radius:8px}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);background:var(--grijs-100);color:var(--grijs-700);white-space:nowrap}.chip.ok{color:var(--status-succes);background:var(--status-succes-tint)}.chip.fail{color:var(--status-fout);background:var(--status-fout-tint)}.chip.warn{color:var(--status-waarschuwing);background:var(--status-waarschuwing-tint)}.chip.muted{color:var(--tekst-secundair)}.chip.accent{color:var(--status-info);background:var(--status-info-tint)}.section{background:var(--vlak-kaart);border:1px solid var(--rand);border-radius:var(--radius-l);box-shadow:var(--schaduw-s);padding:14px 16px}.section h3{margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:var(--spatiering-label);color:var(--tekst-secundair);font-weight:600}.bar{position:relative;height:6px;background:var(--grijs-100);overflow:hidden}.bar,.bar>span{border-radius:4px}.bar>span{position:absolute;inset:0 auto 0 0}.applies{color:var(--status-succes)}.unknown{color:var(--status-waarschuwing)}.notapplicable{color:var(--status-fout)}.authoritative{color:var(--kleur-interactief)}.pill{font-size:10px;font-family:var(--font-mono);padding:1px 7px;border-radius:5px;background:var(--status-info-tint);border:none;color:var(--status-info)}.tabbtn{background:transparent;border:none;border-radius:var(--radius-pill);padding:8px 16px;color:var(--tekst-secundair);font-weight:600;transition:background var(--duur-snel) var(--versnelling),color var(--duur-snel) var(--versnelling)}.tabbtn:hover{color:var(--blauw-900);background:var(--grijs-100)}.tabbtn.active{color:var(--blauw-900);background:var(--blauw-100)}textarea{font-family:inherit;font-size:inherit;color:var(--text);background:#fff;border:1.5px solid var(--rand-invoer);border-radius:var(--radius-m);padding:9px 12px;width:100%;outline:none;resize:vertical;transition:border-color var(--duur-snel) var(--versnelling),box-shadow var(--duur-snel) var(--versnelling)}textarea:focus{border-color:var(--kleur-interactief);box-shadow:var(--focus-ring)}a{color:var(--tekst-link)}@keyframes rijksFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rijksRiseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rijksPulse{0%,to{opacity:.2}35%{opacity:.85}}@media (prefers-reduced-motion:no-preference){.anim-fade{animation:rijksFadeIn var(--duur) var(--versnelling) both}.anim-rise{animation:rijksRiseIn var(--duur) var(--versnelling) both}.tabpane{animation:rijksFadeIn var(--duur) var(--versnelling)}}.composer{background:#fff;border:1.5px solid var(--rand);border-radius:26px;box-shadow:var(--schaduw-l);padding:8px 8px 8px 18px;transition:border-color var(--duur-snel) var(--versnelling),box-shadow var(--duur-snel) var(--versnelling)}.composer:focus-within{border-color:var(--kleur-interactief);box-shadow:var(--schaduw-l),var(--focus-ring)}.composer textarea,.composer textarea:focus{border:none;background:transparent;box-shadow:none;padding:9px 0;resize:none}.sendknop{width:40px;height:40px;padding:0;flex-shrink:0;border-radius:50%;background:var(--kleur-primair);color:#fff;font-size:17px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.sendknop:hover:not(:disabled){background:var(--kleur-primair-hover)}.ghostknop{background:transparent;height:40px;flex-shrink:0}.ghostknop:hover:not(:disabled){background:var(--grijs-100)}.denkdots{display:inline-flex;gap:5px;align-items:center;padding:4px 0}.denkdots span{width:7px;height:7px;border-radius:50%;background:var(--blauw-900);opacity:.25}@media (prefers-reduced-motion:no-preference){.denkdots span{animation:rijksPulse 1.1s var(--versnelling) infinite}.denkdots span:nth-child(2){animation-delay:.18s}.denkdots span:nth-child(3){animation-delay:.36s}}