.app.login-page{place-items:center;min-height:100svh;padding:1.5rem;display:grid}.login-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;gap:1rem;width:min(420px,100%);padding:2rem;display:flex;box-shadow:0 12px 40px #00000059}.login-card h1{color:var(--text-h);margin:0;font-size:1.75rem}.subtitle{color:var(--text);margin:0;font-size:.95rem}.login-card label{flex-direction:column;gap:.35rem;display:flex}.login-card label span{color:var(--text-h);font-size:.85rem;font-weight:600}.login-card input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:10px;padding:.65rem .75rem}.inbox{grid-template-columns:minmax(280px,340px) 1fr;height:100svh;max-height:100svh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;min-height:0;display:flex;overflow:hidden}.sidebar-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:1rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0;font-size:.75rem}.business-num{color:var(--text-h);margin:.25rem 0 0;font-family:ui-monospace,monospace;font-size:.9rem}.conversation-list{flex:1;min-height:0;margin:0;padding:.5rem;list-style:none;overflow-y:auto}.conv{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:.25rem;margin-bottom:.35rem;padding:.75rem;transition:background .15s,border-color .15s;display:flex}.conv:hover{background:#ffffff0a}.conv strong{color:var(--text-h);font-size:.9rem}.conv .preview{opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.conv .time{opacity:.6;font-size:.75rem}.conv.active{border-color:var(--accent);background:var(--accent-dim)}.main{background:var(--bg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.thread{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.thread.empty{text-align:center;color:var(--text);place-content:center}.empty-state{max-width:360px;margin:0 auto;padding:2rem}.empty-title{color:var(--text-h);margin:0 0 .5rem;font-size:1.25rem}.thread-header{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.thread-header-main{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.thread-header h2{color:var(--text-h);margin:0;font-family:ui-monospace,monospace;font-size:1.05rem}.mode-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.mode-pill.ai{color:#86efac;background:#22c55e33}.mode-pill.human{color:#fcd34d;background:#fbbf2440}.handoff-switch{color:var(--text-h);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.handoff-switch input{width:1.1rem;height:1.1rem;accent-color:var(--accent);cursor:pointer}.message-list{background:linear-gradient(#0000001f 0%,#0000 120px);flex-direction:column;flex:1;gap:.35rem;min-height:0;padding:1rem 1.25rem .5rem;display:flex;overflow-y:auto}.message-group{flex-direction:column;display:flex}.day-divider{text-align:center;opacity:.65;margin:.75rem 0 .35rem;font-size:.72rem}.bubble{border-radius:16px;max-width:min(520px,85%);margin-bottom:.35rem;padding:.65rem .9rem}.bubble.inbound{background:var(--inbound);border-bottom-left-radius:4px;align-self:flex-start}.bubble.outbound{background:var(--outbound);border-bottom-right-radius:4px;align-self:flex-end}.bubble .meta{opacity:.75;margin:0 0 .25rem;font-size:.68rem}.bubble .body{white-space:pre-wrap;word-break:break-word;color:var(--text-h);margin:0;line-height:1.45}.bubble .media{margin:.5rem 0 0;font-size:.85rem}.thread-footer{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;padding:.75rem 1.25rem 1rem}.footer-hint{opacity:.85;margin:0 0 .5rem;font-size:.8rem}.ai-footer-banner{background:#22c55e14;border:1px solid #22c55e40;border-radius:10px;padding:.65rem .85rem}.ai-footer-banner p{margin:0;font-size:.88rem;line-height:1.45}.admin-composer{flex-direction:column;gap:.5rem;display:flex}.admin-composer textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);resize:vertical;border-radius:12px;min-height:3.25rem;max-height:8rem;padding:.75rem .85rem;line-height:1.45}.admin-composer textarea:focus{border-color:var(--accent);outline:2px solid #22c55e73}.composer-actions{justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.55rem .85rem;font-weight:600}.btn.primary{background:var(--accent);color:#052e16}.btn.primary:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{border-color:var(--border);color:var(--text-h);background:0 0}.logout{flex-shrink:0;margin:.75rem}.error{color:var(--error);background:#ef444426;border-radius:10px;margin:0;padding:.65rem .75rem;font-size:.9rem}.error.compact{margin:0 .75rem}.error.banner{border-radius:0;flex-shrink:0;margin:0}.error.inline{text-align:left;flex:1;margin:0;padding:.35rem .5rem}.muted{color:var(--text);opacity:.8}.muted.center{text-align:center;padding:2rem 1rem}.hint{opacity:.85;margin:0;font-size:.82rem}.hint.inline{padding:0}.success{color:var(--accent);margin:0;font-size:.9rem}.badge-human{color:#fcd34d;background:#fbbf2433;border-radius:6px;margin-left:.35rem;padding:.1rem .4rem;font-size:.72rem}@media (width<=768px){.inbox{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{max-height:38svh}}:root{--bg:#0f1419;--surface:#1a2332;--border:#2d3a4d;--text:#c8d4e0;--text-h:#f0f4f8;--accent:#22c55e;--accent-dim:#22c55e26;--inbound:#1e3a5f;--outbound:#14532d;--error:#fca5a5;--font:"Segoe UI", system-ui, sans-serif;font:15px/1.5 var(--font);color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}button,input{font:inherit}a{color:var(--accent)}