.preview{container-type:inline-size;aspect-ratio:16 / 10;background:var(--paneel);border-radius:14px;border:1px solid rgba(255,255,255,.06);overflow:hidden}.preview--dashboard{display:flex;flex-direction:column;gap:7px;padding:10px 12px 12px}.preview-dash__top{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:max(8.5px,2.36cqi);color:var(--tekst-dim)}.preview-dash__titel{display:flex;align-items:center;gap:5px}.preview-dash__stip{width:5px;height:5px;border-radius:50%;background:var(--groen);animation:puls 1.6s infinite}.preview-dash__bereik{display:flex;gap:3px}.preview-dash__chip{padding:2px 6px;border-radius:var(--radius-pil);background:#ffffff0f;font-size:max(7.5px,2.08cqi);color:var(--tekst-vaag)}.preview-dash__chip--actief{background:#1f3bff59;color:var(--kobalt-bleek)}.preview-dash__romp{flex:1;display:grid;grid-template-columns:max(58px,16cqi) minmax(0,1fr);gap:8px;min-height:0}.preview-dash__zijbalk{display:flex;flex-direction:column;gap:2px;padding-top:2px}.preview-dash__nav{font-family:var(--font-mono);font-size:max(7.5px,2.08cqi);color:var(--tekst-vaag);padding:4px 6px;border-radius:5px}.preview-dash__nav--actief{background:#1f3bff4d;color:var(--kobalt-bleek)}.preview-dash__hoofd{display:flex;flex-direction:column;gap:6px;min-width:0}.preview-dash__tegels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.preview-dash__tegel{background:#ffffff0f;border-radius:6px;padding:5px 7px 4px;display:flex;flex-direction:column;gap:1px;min-width:0}.preview-dash__waarde{font-family:var(--font-kop);font-size:max(11px,3.06cqi);font-weight:600;letter-spacing:-.01em;color:var(--wit)}.preview-dash__label{display:flex;justify-content:space-between;gap:4px;font-family:var(--font-mono);font-size:max(6.5px,1.8cqi);color:var(--tekst-vaag);white-space:nowrap}.preview-dash__delta{color:var(--groen)}.preview-dash__grafiek{flex:1;min-height:0;background-color:#ffffff0a;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% 25%;border-radius:6px;display:flex;align-items:flex-end;gap:3px;padding:8px 8px 0;overflow:hidden}.preview-dash__staaf{flex:1;border-radius:2px 2px 0 0;background:var(--kobalt);opacity:.85;transform-origin:bottom;animation:groei 1s both}.preview-dash__staaf--top{background:var(--kobalt-licht);opacity:1;box-shadow:0 0 14px #7c8cffcc}.preview-dash__log{display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono);font-size:max(7px,1.94cqi);color:var(--tekst-vaag)}.preview-dash__log>span{display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden}.preview-dash__log-stip{width:4px;height:4px;border-radius:50%;background:var(--groen);flex:none}.preview-dash__log-stip--bron{background:var(--kobalt-licht)}.preview--bel{display:flex;flex-direction:column;gap:7px;padding:10px 12px 12px}.preview-bel__top{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:max(8px,2.22cqi);color:var(--tekst-dim);white-space:nowrap}.preview-bel__chip,.preview-bel__status{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:var(--radius-pil);background:#ffffff0f}.preview-bel__status{background:#2fe6a81f;color:var(--groen)}.preview-bel__auto{margin-left:auto;color:var(--tekst-vaag)}.preview-bel__stip{width:5px;height:5px;border-radius:50%;background:var(--groen);animation:puls 1.6s infinite}.preview-bel__stip--vaag{background:#ffffff59;animation:none}.preview-bel__romp{flex:1;display:grid;grid-template-columns:max(58px,16cqi) minmax(0,1fr) max(70px,22cqi);gap:8px;min-height:0}.preview-bel__zijbalk{display:flex;flex-direction:column;gap:2px;padding-top:2px}.preview-bel__nav{font-family:var(--font-mono);font-size:max(7.5px,2.08cqi);color:var(--tekst-vaag);padding:4px 6px;border-radius:5px;white-space:nowrap}.preview-bel__nav--actief{background:#1f3bff4d;color:var(--kobalt-bleek)}.preview-bel__hoofd{display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0}.preview-bel__gesprek{display:flex;flex-direction:column;gap:6px;padding:7px 8px;border-radius:7px;background:#1f3bff38;border:1px solid rgba(124,140,255,.3)}.preview-bel__wie{display:flex;align-items:center;gap:6px;min-width:0}.preview-bel__avatar{flex:none;display:grid;place-items:center;width:max(16px,4.4cqi);height:max(16px,4.4cqi);border-radius:50%;background:var(--kobalt);font:600 max(6.5px,1.8cqi) var(--font-kop);color:var(--wit)}.preview-bel__naam{display:flex;flex-direction:column;min-width:0;font:600 max(9px,2.5cqi) / 1.2 var(--font-kop);color:var(--wit);white-space:nowrap}.preview-bel__sub{font:400 max(6.5px,1.8cqi) var(--font-mono);color:var(--tekst-dim);overflow:hidden;text-overflow:ellipsis}.preview-bel__tijd{margin-left:auto;font:500 max(9px,2.5cqi) var(--font-mono);color:var(--wit)}.preview-bel__golf{display:flex;align-items:center;justify-content:space-between;height:max(14px,3.9cqi)}.preview-bel__golf span{flex:none;width:max(2px,.55cqi);height:100%;border-radius:1px;background:var(--kobalt-licht);transform:scaleY(var(--h));animation:golf 1.1s ease-in-out calc(var(--i) * -.09s) infinite alternate}@keyframes golf{to{transform:scaleY(calc(var(--h) * .35))}}.preview-bel__notitie{flex:1;display:flex;flex-direction:column;gap:4px;min-height:0;padding:6px 8px;border-radius:7px;background:#ffffff0d;overflow:hidden}.preview-bel__label{font:400 max(6.5px,1.8cqi) var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-vaag)}.preview-bel__tekst{font-size:max(8px,2.22cqi);line-height:1.35;color:var(--tekst-zacht)}.preview-bel__cursor{display:inline-block;width:1px;height:1em;margin-left:1px;vertical-align:-.15em;background:var(--kobalt-licht);animation:knipper 1s steps(1) infinite}.preview-bel__zinnen{display:flex;flex-wrap:wrap;gap:3px;margin-top:auto}.preview-bel__zin{padding:2px 6px;border-radius:var(--radius-pil);background:#ffffff0f;font-size:max(6.5px,1.8cqi);color:var(--tekst-vaag);white-space:nowrap}.preview-bel__zin--actief{background:#1f3bff59;color:var(--kobalt-bleek)}.preview-bel__wachtrij{display:flex;flex-direction:column;gap:3px}.preview-bel__lead{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:5px;background:#ffffff0a;font-size:max(7.5px,2.08cqi);white-space:nowrap;min-width:0}.preview-bel__avatar--vaag{width:max(12px,3.3cqi);height:max(12px,3.3cqi);background:#ffffff1a;font-size:max(5.5px,1.5cqi);color:var(--tekst-dim)}.preview-bel__lead-naam{color:var(--tekst-zacht)}.preview-bel__lead-sub{margin-left:auto;overflow:hidden;text-overflow:ellipsis;font:400 max(6.5px,1.8cqi) var(--font-mono);color:var(--tekst-vaag)}.preview-bel__resultaat{display:flex;flex-direction:column;gap:3px;min-width:0}.preview-bel__knop{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:4px 6px;border-radius:5px;border:1px solid rgba(255,255,255,.07);font-size:max(7px,1.94cqi);color:var(--tekst-dim);white-space:nowrap;overflow:hidden}.preview-bel__knop--actief{background:var(--kobalt);border-color:var(--kobalt);color:var(--wit)}.preview-bel__toets{font:400 max(6px,1.67cqi) var(--font-mono);color:var(--tekst-vaag)}.preview-bel__knop--actief .preview-bel__toets{color:var(--kobalt-bleek)}@container (max-width: 400px){.preview-bel__romp{grid-template-columns:minmax(0,1fr) max(78px,24cqi)}.preview-bel__zijbalk,.preview-bel__auto,.preview-bel__wachtrij{display:none}}[data-reveal]:not([data-reveal=in]) .preview-dash__staaf{animation-play-state:paused}