/* Live chat takeover screens (public/gary-livechat.js). Uses the app's own colour tokens; no outside fonts or images. */
.lc-who{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:14px}
.lc-who::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--fg3);flex:none}
.lc-who[data-who="me"]{background:var(--okbg);color:var(--ok);border-color:var(--ok)}.lc-who[data-who="me"]::before{background:var(--ok)}
.lc-who[data-who="other"]{background:var(--warn-bg);color:var(--warn);border-color:var(--warn)}.lc-who[data-who="other"]::before{background:var(--warn)}
.lc-who[data-who="sophia"]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.lc-who[data-who="sophia"]::before{background:var(--accent)}
.lc-who small{margin-left:auto;font-weight:500;font-size:12px}
.lc-ai{padding:8px 10px;border-radius:var(--rs);background:var(--warn-bg);color:var(--warn);font-size:12px;font-weight:600}
.lc-thread{display:flex;flex-direction:column;gap:6px;max-height:48vh;overflow-y:auto;padding:4px 0}
.lc-b{max-width:86%;padding:6px 10px;border-radius:12px;font-size:13px;overflow-wrap:anywhere;border:1px solid var(--line);background:var(--surface)}
.lc-b small{display:block;font-size:11px;color:var(--fg3);margin-bottom:2px}
.lc-b[data-from="visitor"]{align-self:flex-start}
.lc-b[data-from="human"]{align-self:flex-end;background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.lc-b[data-from="human"] small{color:var(--accent-ink);opacity:.8}
.lc-b[data-from="sophia"]{align-self:flex-end;background:var(--accent-soft)}
.lc-b[data-from="system"]{align-self:center;background:none;border:0;color:var(--fg3);font-size:12px;font-style:italic}
.lc-comp{display:flex;gap:8px;align-items:flex-end}.lc-comp textarea{flex:1;min-height:44px;resize:vertical}