:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1d212b;--border: #2a2f3a;--text: #e6e9ef;--muted: #8b93a3;--accent: #4f8cff;--amber: #f0b429;--green: #3ecf8e;--red: #ef5f5f;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:14px}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit}.layout{display:grid;grid-template-columns:240px 320px 1fr;height:100%}.rail,.list{border-right:1px solid var(--border);overflow-y:auto;background:var(--panel)}.thread{display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.rail-header,.list-header{padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600}.rail-header{display:flex;align-items:center;justify-content:space-between}.client-row{width:100%;text-align:left;padding:10px 16px;background:none;border:0;color:var(--text);display:block}.client-row:hover{background:var(--panel-2)}.client-row.active{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--accent)}.client-row .num{color:var(--muted);font-size:12px}.badge{display:inline-block;min-width:18px;padding:1px 6px;border-radius:9px;font-size:11px;font-weight:700;text-align:center}.badge.drafts{background:var(--amber);color:#201a05;margin-left:6px}.badge.open{background:var(--panel-2);color:var(--muted);border:1px solid var(--border)}.filter-bar{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border);flex-wrap:wrap}.chip{border:1px solid var(--border);background:none;color:var(--muted);border-radius:14px;padding:3px 10px;font-size:12px}.chip.active{border-color:var(--accent);color:var(--accent)}.conv-row{width:100%;text-align:left;padding:12px 16px;background:none;border:0;border-bottom:1px solid var(--border);color:var(--text);display:block}.conv-row:hover{background:var(--panel-2)}.conv-row.active{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--accent)}.conv-row .top{display:flex;justify-content:space-between;gap:8px;margin-bottom:3px}.conv-row .who{font-weight:600}.conv-row .preview{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.state-pill{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:4px;align-self:center;white-space:nowrap}.state-auto{background:#3ecf8e26;color:var(--green)}.state-human{background:#4f8cff26;color:var(--accent)}.state-pending_approval,.state-ai_drafting{background:#f0b4292e;color:var(--amber)}.state-paused_optout{background:#ef5f5f26;color:var(--red)}.state-closed{background:var(--panel-2);color:var(--muted)}.thread-header{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--panel)}.thread-header .facts{color:var(--muted);font-size:12.5px}.thread-actions{display:flex;gap:8px}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:6px;padding:6px 12px}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--red)}.btn.approve{background:var(--green);border-color:var(--green);color:#06281a;font-weight:600}.btn:disabled{opacity:.5;cursor:default}.messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:70%;padding:9px 13px;border-radius:12px;white-space:pre-wrap;word-break:break-word}.bubble .meta{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.bubble.inbound{align-self:flex-start;background:var(--panel-2);border-bottom-left-radius:4px}.bubble.outbound{align-self:flex-end;background:#24406e;border-bottom-right-radius:4px}.bubble.outbound.ai{background:#1f3a33}.bubble.failed{border:1px solid var(--red)}.bubble.draft{align-self:flex-end;background:none;border:1.5px dashed var(--amber)}.draft-actions{display:flex;gap:8px;margin-top:8px}.draft-label{color:var(--amber);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.composer{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--border);background:var(--panel)}.composer textarea{flex:1;resize:none;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;min-height:44px;max-height:140px}.composer textarea:focus{outline:none;border-color:var(--accent)}.empty{display:flex;height:100%;align-items:center;justify-content:center;color:var(--muted)}.error-bar{background:#ef5f5f1f;color:var(--red);padding:8px 16px;font-size:13px}.key-gate{display:flex;height:100%;align-items:center;justify-content:center}.key-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:28px;width:380px}.key-card h1{font-size:17px;margin:0 0 6px}.key-card p{color:var(--muted);font-size:13px;margin:0 0 16px}.key-card input{width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:9px 11px;margin-bottom:12px}textarea.draft-edit{width:100%;background:var(--panel-2);border:1px solid var(--amber);border-radius:6px;color:var(--text);padding:8px 10px;resize:vertical}