:root{--bg: #0f1216;--surface: #171b21;--surface-2: #1f242c;--line: #2a313b;--text: #e8ecf1;--muted: #94a0ae;--accent: #3d8bfd;--ok: #35c77a;--warn: #f0a63a;--danger: #e5484d;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{font:inherit;padding:8px 16px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.ghost{background:transparent}button.big{padding:14px 28px;font-size:16px}select{font:inherit;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--text)}.centre{display:grid;place-items:center;min-height:100vh;padding:24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px;max-width:460px;text-align:center}.card h1{margin:0 0 8px;font-size:22px}.card.error{text-align:left;border-color:var(--danger)}.card.error pre{white-space:pre-wrap;font-size:13px;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:13px}.spinner{width:28px;height:28px;margin:0 auto 12px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shell{display:flex;flex-direction:column;height:100vh}.agent-bar{display:flex;align-items:center;gap:24px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}.identity{display:flex;align-items:center;gap:12px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:600}.identity .name{font-weight:600}.identity .state{font-size:13px;color:var(--muted)}.identity .state.ok{color:var(--ok)}.state-controls{display:flex;gap:8px}.right{margin-left:auto;display:flex;align-items:center;gap:12px}.pill{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.pill.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.pill.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.workspace{flex:1;display:grid;grid-template-columns:1fr 380px;gap:16px;padding:16px;min-height:0}@media (max-width: 900px){.workspace{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;overflow:auto;min-height:0}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel h2{margin:0 0 4px;font-size:18px}.interaction.empty{display:grid;place-items:center}.idle{text-align:center}.idle-dot{width:10px;height:10px;border-radius:50%;margin:0 auto 16px;background:var(--muted);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.contact-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.timer{text-align:right}.clock{font-variant-numeric:tabular-nums;font-size:24px;margin-top:6px}.status-pill{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--line);text-transform:capitalize}.status-pill.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.status-pill.ring{color:var(--warn);border-color:var(--warn);animation:pulse 1s ease-in-out infinite}.controls{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.controls.ringing{justify-content:center;margin:40px 0}.screenpop{margin:16px 0}.screenpop iframe{width:100%;height:280px;margin-top:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.meta{display:grid;gap:8px;margin:16px 0 0;padding-top:16px;border-top:1px solid var(--line)}.meta>div{display:flex;gap:12px;font-size:13px}.meta dt{color:var(--muted);min-width:110px;margin:0}.meta dd{margin:0;font-variant-numeric:tabular-nums}.dot{width:8px;height:8px;border-radius:50%;background:var(--line)}.dot.live{background:var(--ok);animation:pulse 1.4s ease-in-out infinite}.lines{display:grid;gap:10px;margin-top:16px}.line{display:grid;grid-template-columns:74px 1fr;gap:10px;font-size:14px}.line .who{color:var(--muted);font-size:12px;padding-top:2px}.line.agent .text{color:var(--accent)}.line.interim .text{opacity:.55;font-style:italic}