:root{color-scheme:dark;--bg: #0a0c0f;--panel: #11151b;--panel-2: #171d26;--panel-3: #1e2632;--border: #273140;--border-strong: #354356;--text: #e9e7e2;--muted: #97a1ad;--faint: #6b7684;--gold: #d4a017;--gold-bright: #e8b93c;--gold-dim: rgba(212, 160, 23, .16);--danger: #ef6a76;--danger-dim: rgba(239, 106, 118, .13);--ok: #41c795;--warn: #e5a83e;--queue: #5b8def;--radius-s: 6px;--radius-m: 10px;--radius-l: 14px;--shadow-pop: 0 12px 36px rgba(0, 0, 0, .5);font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.45}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:1px}button{cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:var(--radius-m);padding:.42rem .75rem;transition:background-color .12s ease,border-color .12s ease}button:hover:not(:disabled){border-color:var(--border-strong);background:var(--panel-3)}button.primary,button.primary:hover:not(:disabled){background:linear-gradient(180deg,var(--gold-bright),#b8860b);color:#131313;border-color:#a67c00;font-weight:650}button.primary:hover:not(:disabled){filter:brightness(1.06)}button:disabled{opacity:.45;cursor:not-allowed}input,textarea{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-m);padding:.52rem .7rem}input::placeholder,textarea::placeholder{color:var(--faint)}textarea{resize:vertical;min-height:72px}.muted{color:var(--muted)}.err{color:var(--danger);font-size:.85rem}.login{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(60% 50% at 50% 0%,rgba(212,160,23,.06),transparent 70%),var(--bg)}.login .card{width:min(400px,100%);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-l);padding:1.75rem;display:grid;gap:.8rem}.login h1{margin:0;font-size:1.25rem;letter-spacing:.05em}.login p{margin:0;color:var(--muted);font-size:.9rem}.shell{height:100vh;display:grid;grid-template-columns:360px minmax(0,1fr);position:relative}.sidebar{min-width:0;border-right:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0}.sidebar header{padding:.85rem 1rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:.5rem}.sidebar header strong{letter-spacing:.08em;font-size:.85rem;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:.4rem}.presence{width:auto;padding:.28rem .55rem;font-size:.74rem;border-radius:999px;background:var(--panel-2)}.presence-online{border-color:var(--ok);color:var(--ok)}.presence-busy{border-color:var(--warn);color:var(--warn)}.presence-away{border-color:var(--muted);color:var(--muted)}.stats-bar{position:relative;border-bottom:1px solid var(--border)}.stats-toggle{width:100%;display:flex;align-items:stretch;gap:0;border:0;border-radius:0;background:transparent;padding:0}.stats-toggle:hover:not(:disabled){background:var(--panel-2)}.stat{flex:1;padding:.5rem .9rem;text-align:left;font-size:.74rem;color:var(--muted);border-right:1px solid var(--border)}.stat:last-child{border-right:0}.stat strong{margin-left:.35rem;color:var(--text);font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-hot strong{color:var(--gold-bright)}.stats-detail{position:absolute;top:100%;left:0;right:0;z-index:30;background:var(--panel-2);border-bottom:1px solid var(--border);box-shadow:var(--shadow-pop);padding:.65rem 1rem;display:grid;gap:.25rem;font-size:.8rem;color:var(--muted)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;padding:.55rem .6rem;border-bottom:1px solid var(--border);background:#0d1117}.tab{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .3rem;font-size:.78rem;border-color:transparent;background:transparent}.tab:hover:not(:disabled){background:var(--panel-2)}.tab.active{border-color:var(--gold);color:var(--gold-bright);background:var(--gold-dim)}.tab.hot:not(.active){color:var(--gold)}.search-row{position:relative;padding:.5rem .6rem;border-bottom:1px solid var(--border)}.search-input{padding-right:2rem}.search-clear{position:absolute;right:.95rem;top:50%;transform:translateY(-50%);width:1.4rem;height:1.4rem;padding:0;line-height:1;border-radius:999px;border-color:transparent;background:transparent;color:var(--muted)}.search-clear:hover:not(:disabled){background:var(--panel-3);color:var(--text)}.chip-count{min-width:1.1rem;padding:0 .3rem;border-radius:999px;background:var(--gold);color:#131313;font-size:.65rem;font-weight:700;line-height:1.15rem;text-align:center}.prefs{display:flex;gap:.85rem;padding:.4rem .75rem;border-bottom:1px solid var(--border);font-size:.74rem;color:var(--muted)}.pref{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;-webkit-user-select:none;user-select:none}.pref input{width:auto;margin:0;accent-color:var(--gold)}.list{overflow:auto;flex:1}.item{width:100%;text-align:left;border:0;border-bottom:1px solid var(--border);border-left:3px solid transparent;border-radius:0;background:transparent;padding:.75rem .9rem;display:grid;gap:.25rem}.item:hover:not(:disabled){background:var(--panel-2)}.item.active{background:var(--panel-2);border-left-color:var(--gold)}.item.has-unread{border-left-color:var(--gold);background:linear-gradient(90deg,var(--gold-dim),transparent 60%)}.item.needs-reply:not(.has-unread){border-left-color:var(--warn)}.item .meta{color:var(--muted);font-size:.72rem;overflow-wrap:anywhere}.item-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.item-name{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;font-size:.86rem;font-weight:600}.item-preview{font-size:.78rem;color:var(--text);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item.has-unread .item-preview{font-weight:600;opacity:1}.who-mini{color:var(--muted);margin-right:.3rem;font-weight:500}.pill{display:inline-flex;align-items:center;padding:.05rem .38rem;border-radius:999px;font-size:.65rem;font-weight:600;border:1px solid var(--border);color:var(--muted);background:transparent}.pill-queue{border-color:#5b8def80;color:#9bb8f5;background:#5b8def1f}.pill-wait{border-color:#e0a23a80;color:#f0c36a;background:#e0a23a1f}.status-pending_agent{border-color:#5b8def73;color:#9bb8f5}.status-active{border-color:#41c79573;color:#71d8ab}.status-open{border-color:#97a1ad73}.status-closed{opacity:.7}.badge{flex:none;min-width:1.25rem;padding:0 .35rem;border-radius:999px;background:var(--gold);color:#131313;font-size:.7rem;font-weight:700;line-height:1.25rem;text-align:center;font-variant-numeric:tabular-nums}.badge.pulse{animation:pulse-badge 1.6s ease-in-out infinite}@keyframes pulse-badge{0%,to{box-shadow:0 0 #d4a0178c}50%{box-shadow:0 0 0 6px #d4a01700}}@media(prefers-reduced-motion:reduce){.badge.pulse,.toast,.list-skeleton .skel,.messages .skel{animation:none}}.empty-list{padding:2rem 1rem;text-align:center;color:var(--muted);font-size:.85rem}.load-more{width:calc(100% - 1rem);margin:.5rem;padding:.6rem;font-size:.85rem}.transfer-select{max-width:11rem;font-size:.8rem;padding:.3rem .4rem;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-m)}.chat{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.chat header{flex-shrink:0;flex-wrap:wrap;padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:var(--panel)}.chat-head-main{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0;flex:1}.chat-head-main strong{overflow-wrap:anywhere;min-width:0}.chat-actions{display:flex;gap:.4rem;flex:none}.conn-label{margin-right:.25rem}.banner{flex-shrink:0;padding:.45rem 1rem;font-size:.8rem;border-bottom:1px solid var(--border)}.banner.warn{background:#5b8def1f;color:#b8ccf5}.banner.alert{background:#e5a83e24;color:#f0c36a;font-weight:600}.banner.err{background:var(--danger-dim);border:1px solid rgba(239,106,118,.4);color:var(--danger)}.banner.err button{margin-left:.6rem}.messages{flex:1;overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:.65rem;min-height:0}.bubble{max-width:min(720px,85%);padding:.65rem .8rem;border-radius:var(--radius-l);background:var(--panel-2);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word}.bubble.user{align-self:flex-start}.bubble.agent{align-self:flex-end;border-color:#4a3b12;background:#1c180d}.bubble.ai{align-self:flex-start;border-color:#1e3a2f;background:#0f1c17}.bubble.system{align-self:center;background:transparent;border-style:dashed;color:var(--muted);font-size:.85rem}.bubble .who{font-size:.7rem;color:var(--muted);margin-bottom:.25rem}.bubble img{max-width:100%;border-radius:var(--radius-m);margin-top:.35rem}.bubble.is-pending{opacity:.62}.bubble.is-pending img{filter:saturate(.7)}.bubble.is-failed{border-color:var(--danger);background:#211214;opacity:1}.bubble .send-state{font-size:.68rem;color:var(--muted);margin-top:.3rem;display:flex;align-items:center;gap:.45rem}.bubble .send-state.failed{color:var(--danger)}.bubble .send-state .retry{padding:.1rem .45rem;font-size:.68rem;border-radius:var(--radius-s);border-color:var(--danger);color:var(--danger);background:transparent}.bubble .send-state .retry:hover:not(:disabled){background:var(--danger-dim)}.note{align-self:stretch;max-width:min(720px,92%);margin-left:auto;margin-right:auto;padding:.55rem .8rem;border-radius:var(--radius-m);border:1px dashed rgba(91,141,239,.55);border-left:3px solid var(--queue);background:#5b8def12;white-space:pre-wrap;word-break:break-word;font-size:.88rem}.note-head{font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:#9bb8f5;margin-bottom:.3rem}.composer{flex-shrink:0;min-width:0;border-top:1px solid var(--border);padding:.6rem .75rem .75rem;display:grid;gap:.5rem;background:var(--panel)}.composer-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.composer-tools .tool{font-size:.75rem;padding:.28rem .6rem}.composer-tools .tool.active{border-color:var(--gold);color:var(--gold-bright);background:var(--gold-dim)}.file-input{width:220px;max-width:100%;min-width:0;font-size:.75rem;color:var(--muted)}.composer-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.composer-actions .hint{font-size:.72rem;color:var(--faint)}.typing{color:var(--muted);font-size:.8rem;min-height:1.1em}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.ok{background:var(--ok)}.status-dot.warn{background:var(--gold)}.status-dot.bad{background:var(--danger)}.empty{flex:1;display:grid;place-items:center;color:var(--muted);height:100%;text-align:center;padding:2rem}.empty p{margin:.3rem 0}.qr-panel{position:absolute;left:1rem;right:1rem;bottom:calc(200% - 100vh);z-index:40;display:none}section.chat{position:relative}.qr-panel{display:grid;gap:0;left:auto;right:.75rem;bottom:.75rem;width:min(480px,calc(100% - 1.5rem));background:var(--panel-2);border:1px solid var(--border-strong);border-radius:var(--radius-l);box-shadow:var(--shadow-pop);overflow:hidden}.qr-head{display:flex;gap:.4rem;padding:.5rem;border-bottom:1px solid var(--border)}.qr-search{flex:1}.qr-head button{flex:none;width:2rem;padding:0}.qr-list{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto}.qr-item-wrap{display:flex;align-items:stretch;border-bottom:1px solid var(--border)}.qr-item{flex:1;display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:.5rem;text-align:left;border:0;border-radius:0;background:transparent;padding:.5rem .75rem}.qr-item:hover:not(:disabled){background:var(--panel-3)}.qr-shortcut{color:var(--gold-bright);font-size:.75rem;font-weight:700}.qr-title{font-size:.82rem;font-weight:600}.qr-preview{font-size:.76rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-tag{justify-self:end;font-size:.62rem;color:var(--ok);border:1px solid rgba(65,199,149,.4);border-radius:999px;padding:0 .3rem}.qr-delete{flex:none;border:0;border-radius:0;background:transparent;color:var(--faint);font-size:.72rem;padding:0 .6rem}.qr-delete:hover:not(:disabled){color:var(--danger);background:var(--danger-dim)}.qr-empty{padding:1rem;text-align:center;color:var(--muted);font-size:.82rem}.qr-new{border:0;border-top:1px solid var(--border);border-radius:0;background:transparent;color:var(--gold);font-size:.8rem;padding:.5rem}.qr-new:hover:not(:disabled){background:var(--gold-dim)}.qr-add{display:grid;gap:.4rem;padding:.6rem;border-top:1px solid var(--border)}.qr-add-actions{display:flex;gap:.4rem;justify-content:flex-end}.toasts{position:fixed;right:1rem;bottom:1rem;z-index:50;display:flex;flex-direction:column-reverse;gap:.45rem;width:min(320px,calc(100vw - 2rem));pointer-events:none}.toast{pointer-events:auto;text-align:left;display:grid;gap:.2rem;padding:.7rem .85rem;border-radius:var(--radius-m);border:1px solid var(--border);background:#161b22;box-shadow:var(--shadow-pop);animation:toast-in .22s ease-out}.toast strong{font-size:.82rem}.toast span{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast:hover:not(:disabled){border-color:var(--gold)}.toast-user{border-left:3px solid var(--gold)}.toast-queue{border-left:3px solid var(--queue)}.toast-system{border-left:3px solid var(--ok)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.list-skeleton{padding:.6rem;display:grid;gap:.55rem}.list-skeleton .skel,.messages .skel{background:linear-gradient(90deg,var(--panel-2) 25%,var(--panel-3) 37%,var(--panel-2) 63%);background-size:400% 100%;animation:shimmer 1.2s ease-in-out infinite}.list-skeleton .skel{height:54px;border-radius:var(--radius-m);border:1px solid var(--border)}.messages .skel{height:18px;border-radius:var(--radius-s)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(max-width:800px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,42vh) minmax(0,1fr)}.sidebar{max-height:42vh}.chat-head-main{flex-basis:100%}.chat-actions{margin-left:auto}.qr-panel{right:.5rem;left:.5rem;width:auto}}@media(max-width:800px)and (max-height:760px){.shell{height:auto;min-height:100dvh;grid-template-rows:330px minmax(480px,auto)}.sidebar{max-height:none}.messages{min-height:100px;max-height:40vh}}