/* Caarsen voor jouw 3.7.0 - live chat additions: persona avatar/name/role, human bubbles, unread dot, notes.
   Dark by default via the seasonal --h-* tokens (fallbacks = autumn). No serif, no italics. */
.chat-launch{position:fixed}
.cv-dot{position:absolute;top:4px;right:4px;width:13px;height:13px;border-radius:50%;background:#ff5a4d;border:2px solid var(--h-bg,#140d09);box-shadow:0 0 0 0 rgba(255,90,77,.6);animation:cvpulse 1.8s infinite}
.cv-dot[hidden]{display:none}
@keyframes cvpulse{0%{box-shadow:0 0 0 0 rgba(255,90,77,.55)}70%{box-shadow:0 0 0 9px rgba(255,90,77,0)}100%{box-shadow:0 0 0 0 rgba(255,90,77,0)}}
.cv-head-av{display:inline-flex;flex:0 0 auto}
.cv-head-av[hidden],.chat-id .cl-flame[hidden]{display:none}
.cv-av{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:1px solid rgba(var(--h-line-rgb,255,214,170),.3);background:var(--h-card,#24170f)}
.cv-head-av .cv-av{width:42px;height:42px;border-width:2px;border-color:var(--h-amber,#e9a04b)}
.cv-ini{display:inline-grid;place-items:center;font-weight:700;color:var(--h-on,#1a0f08);background:linear-gradient(135deg,var(--h-amber,#e9a04b),var(--h-rust,#c8642a));font-size:.9rem}
.chat-id{min-width:0}
.chat-id strong,.chat-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}
.chat-id strong{font-family:inherit;font-style:normal}
.chat-note{padding:7px 14px;font-size:.74rem;line-height:1.35;color:var(--h-mu,#c9b3a0);background:rgba(var(--h-line-rgb,255,214,170),.06);border-bottom:1px solid rgba(var(--h-line-rgb,255,214,170),.1);font-style:normal}
.chat-note[hidden]{display:none}
.chat-note.cv-wait{color:var(--h-tx,#f5e9dc);background:rgba(var(--h-amber-rgb,233,160,75),.14)}
.cv-row{display:flex;align-items:flex-end;gap:8px;align-self:flex-start;max-width:92%}
.cv-col{display:flex;flex-direction:column;gap:3px;min-width:0}
.cv-row .bubble{max-width:100%}
.cv-who{font-size:.72rem;font-weight:600;color:var(--h-mu,#c9b3a0);padding-left:4px}
.bubble.mens{border-color:rgba(var(--h-amber-rgb,233,160,75),.55)}
.bubble.typing{align-self:auto}
@media (max-width:480px){.chat-id strong,.chat-sub{max-width:150px}}
@media (prefers-reduced-motion:reduce){.cv-dot{animation:none}}