/* Team Chat: website visitor conversations (src/livechat.js). Kept out of style.css, which the
   theme work edits often. */
.lc-avail { font-size: 10.5px; font-weight: 700; letter-spacing: .04em; padding: 2px 7px; border-radius: 999px; color: var(--faint); }
.lc-avail.on { color: var(--success); background: color-mix(in srgb, var(--success) 12%, transparent); }
.ch-item.lc .lc-dot { font-size: 9px; text-align: center; }
.ch-item.lc .lc-dot.live { color: var(--success); }
.ch-item.lc.ended .ch-name { color: var(--muted); }
.ch-item.lc .pill { font-size: 10px; line-height: 15px; padding: 0 6px; }
.ch-item.lc.on .pill, .ch-item.lc.on .lc-dot { color: #fff; background: rgba(255,255,255,.18); }
.ch-item.lc.on .lc-dot { background: none; }
.ch-top:has(.lc-acts) { align-items: center; }
.lc-meta { font-size: 12.5px; }
.lc-meta a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.lc-acts { display: flex; flex-wrap: wrap; gap: 6px; margin-inline-start: auto; }
.ch-av.visitor { background: color-mix(in srgb, var(--success) 14%, var(--paper)); color: var(--success); }
.lc-note span { text-align: center; }
.lc-note a { color: var(--accent); font-weight: 600; }
.lc-internal { padding: 8px 16px; border-bottom: 1px solid var(--line); background: var(--raised); }
.ch-composer input:disabled { background: var(--raised); color: var(--faint); cursor: not-allowed; }