:root{font-family:Arial,sans-serif;color:#173a5e;background:#edf2f6;--navy:#173a5e;--orange:#f36b21;--paper:#fff;--line:#dfe7ed;--muted:#66788a;--green:#19723b;--red:#b42318;--soft-orange:#fff3e8}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#edf5fa,#fff3e8)}.login-card{width:min(440px,100%);background:#fff;border-radius:24px;padding:36px;box-shadow:0 22px 70px #173a5e28;display:flex;flex-direction:column;gap:16px}.eyebrow{color:#d95410;font-size:11px;font-weight:800;letter-spacing:.12em}.login h1,.topbar h1{margin:5px 0 0}.login p{color:var(--muted);margin:0 0 4px;line-height:1.5}.login label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.login input,.filters input,.filters select,.composer textarea{border:1px solid #cbd6df;border-radius:12px;padding:12px;background:#fff;color:var(--navy);outline:none}.login input:focus,.filters input:focus,.filters select:focus,.composer textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f36b2120}.login button,.primary,.composer button{border:0;border-radius:12px;background:var(--orange);color:#fff;padding:12px 16px;font-weight:800;cursor:pointer}.form-error{color:var(--red);font-size:13px;min-height:16px}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{min-height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 22px;gap:18px}.topbar h1{font-size:22px}.topbar nav{display:flex;align-items:center;gap:16px}.topbar a,.text-button{border:0;background:none;color:var(--navy);font-weight:700;text-decoration:none;cursor:pointer;padding:8px 0}.workspace{height:calc(100vh - 70px);display:grid;grid-template-columns:minmax(260px,320px) minmax(380px,1fr) minmax(230px,290px);gap:1px;background:var(--line);overflow:hidden}.queue,.conversation,.details{background:#fff;min-width:0;min-height:0}.queue{display:grid;grid-template-rows:auto auto 1fr}.panel-heading,.conversation-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--line)}h2{font-size:17px;margin:0}.panel-heading span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.refresh,.secondary{border:1px solid #cbd6df;border-radius:10px;background:#fff;color:var(--navy);padding:8px 10px;font-weight:700;cursor:pointer}.filters{display:grid;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.conversation-list{overflow:auto}.conversation-card{width:100%;border:0;border-bottom:1px solid #edf1f4;background:#fff;color:inherit;text-align:left;padding:14px 16px;cursor:pointer}.conversation-card:hover,.conversation-card.selected{background:#fff7f1}.conversation-card.selected{box-shadow:inset 4px 0 var(--orange)}.card-top,.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.conversation-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-card time,.card-meta{font-size:11px;color:var(--muted)}.conversation-card p{font-size:12px;color:#526579;line-height:1.4;margin:7px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mini-status{border-radius:10px;padding:3px 6px;background:#edf4f8;color:var(--navy);font-weight:700;white-space:nowrap}.mini-status.human{background:#fff0e6;color:#bd4f16}.empty{padding:28px 18px;text-align:center;color:var(--muted)}.conversation{display:grid}.conversation-empty{align-self:center;text-align:center;color:var(--muted);padding:30px}.conversation-empty h2{color:var(--navy);margin:14px 0 6px}.conversation-empty p{margin:0}.empty-icon{width:54px;height:54px;border-radius:18px;background:#fff0e6;color:#d95410;display:grid;place-items:center;margin:auto;font-weight:900}.conversation-content{min-height:0;display:grid;grid-template-rows:auto auto 1fr auto}.conversation-header h2{font-size:19px}.conversation-header p{margin:5px 0 0;color:var(--muted);font-size:12px}.conversation-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.status-pill{border-radius:14px;background:#edf4f8;padding:6px 9px;font-size:11px;font-weight:800}.status-pill.human{background:#fff0e6;color:#bd4f16}.primary,.secondary{padding:9px 12px;font-size:12px}.quote-summary{display:flex;gap:6px;overflow-x:auto;padding:9px 14px;background:#fffaf6;border-bottom:1px solid #f1ded0;scrollbar-width:thin}.quote-chip{flex:0 0 auto;border:1px solid #efc6ac;border-radius:13px;background:#fff;padding:5px 8px;font-size:11px;font-weight:700}.messages{overflow:auto;padding:18px;background:#f4f7f9}.message-row{display:flex;margin:10px 0}.message-row.client{justify-content:flex-end}.message-bubble{max-width:min(78%,650px);border-radius:15px;background:#fff;padding:10px 12px;box-shadow:0 2px 8px #173a5e0c;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;font-size:14px}.message-row.client .message-bubble{background:var(--navy);color:#fff}.message-row.human .message-bubble{background:var(--soft-orange);border:1px solid #f1c7aa}.message-author{display:block;font-size:10px;font-weight:800;margin-bottom:5px;opacity:.7;text-transform:uppercase}.message-time{display:block;font-size:9px;margin-top:6px;opacity:.6;text-align:right}.composer{border-top:1px solid var(--line);padding:12px;display:grid;grid-template-columns:1fr auto;gap:8px;background:#fff}.composer textarea{min-height:48px;max-height:140px;resize:vertical}.composer button{align-self:stretch}.composer button:disabled,.composer textarea:disabled{opacity:.55;cursor:not-allowed}.composer span{grid-column:1/-1;color:var(--muted);font-size:11px}.details{padding:19px;overflow:auto}.details h2{margin:0 0 10px}.details h2:not(:first-child){margin-top:24px}.details dl{margin:0;display:grid;gap:10px}.details dl div{padding-bottom:9px;border-bottom:1px solid #edf1f4}.details dt{color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.details dd{margin:4px 0 0;font-size:13px;overflow-wrap:anywhere}.toast{position:fixed;right:20px;bottom:20px;max-width:340px;background:var(--navy);color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 10px 35px #0003;font-size:13px}.toast.error{background:var(--red)}[hidden]{display:none!important}@media(max-width:1050px){.workspace{grid-template-columns:280px minmax(380px,1fr)}.details{display:none}}@media(max-width:720px){.topbar{align-items:flex-start;padding:11px 14px}.topbar h1{font-size:18px}.topbar nav{gap:10px;font-size:12px}.workspace{height:auto;min-height:calc(100vh - 70px);display:block;overflow:visible}.queue{height:auto;max-height:42vh;border-bottom:1px solid var(--line)}.conversation-list{max-height:28vh}.conversation{min-height:58vh}.conversation-content{height:calc(100vh - 72px)}.conversation-header{align-items:flex-start;flex-direction:column;padding:12px}.conversation-actions{justify-content:flex-start}.messages{padding:12px}.message-bubble{max-width:88%;font-size:14px}.composer{padding:10px;grid-template-columns:minmax(0,1fr) auto}.details{display:none}.login-card{padding:28px 22px}}@media(max-width:420px){.topbar nav a{display:none}.conversation-header p{overflow-wrap:anywhere}.status-pill{width:100%}.quote-summary{padding:7px 10px}.composer button{padding:10px}.message-bubble{max-width:92%}}