:root{color:#e7edf8;font-synthesis:none;background:#07101e;font-family:Inter,ui-sans-serif,system-ui}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.login{background:radial-gradient(circle at 50% 0,#17305c,#07101e 55%);place-items:center;min-height:100vh;display:grid}.login-card{background:#0e1a2e;border:1px solid #263a5b;border-radius:18px;gap:20px;width:min(430px,92vw);padding:34px;display:grid;box-shadow:0 24px 80px #0008}.brand{align-items:center;gap:12px;display:flex}.brand svg{color:#65a1ff}.brand div{display:grid}.brand span,.muted{color:#91a2bd;font-size:13px}.login label{color:#aebbd0;gap:8px;display:grid}.login input{color:#fff;background:#091426;border:1px solid #314765;border-radius:9px;padding:13px}.login button,.queue article button{color:#fff;background:#3478e5;border:0;border-radius:9px;padding:12px;font-weight:700}.error{color:#ffb8c4;background:#4b1d28;border-radius:8px;padding:10px}.shell{grid-template-rows:68px 82px 1fr;height:100vh;display:grid;overflow:hidden}.shell header{background:#0b1628;border-bottom:1px solid #23344f;justify-content:space-between;align-items:center;padding:0 22px;display:flex}.header-actions{align-items:center;gap:14px;display:flex}.header-actions select{color:#fff;background:#13233b;border:1px solid #334967;border-radius:8px;padding:8px}.online-dot,.offline-dot{font-size:12px}.online-dot:before,.offline-dot:before{content:"";background:#39d98a;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.offline-dot:before{background:#f0a44b}.icon{color:#9eb0cb;cursor:pointer;background:0 0;border:0;place-items:center;padding:7px;display:grid}.stats{background:#081321;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px 18px;display:grid}.stats div{background:#101d31;border:1px solid #203451;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:12px 15px;display:grid}.stats svg{color:#65a1ff;width:18px}.stats span{color:#91a2bd;font-size:12px}.stats b{font-size:20px}.workspace{grid-template-columns:330px minmax(420px,1fr) 285px;min-height:0;display:grid}.queue,.details{background:#0a1526;border-right:1px solid #22334d;min-height:0;overflow:auto}.details{border-left:1px solid #22334d;border-right:0;padding:20px}.queue nav{border-bottom:1px solid #22334d;display:flex;overflow:auto}.queue nav button{white-space:nowrap;color:#8fa1bc;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 11px}.queue nav button.active{color:#fff;border-color:#4b8cf7}.queue-title{justify-content:space-between;align-items:center;padding:14px;display:flex}.cards{padding:0 10px 20px}.queue article{cursor:pointer;background:#0d1b2f;border:1px solid #1c304b;border-radius:10px;margin-bottom:8px;padding:13px}.queue article.selected{background:#132849;border-color:#4b8cf7}.queue article>div{justify-content:space-between;gap:8px;display:flex}.queue article p{color:#a7b5c9;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.queue article small{color:#71849f}.queue article button{float:right;margin-top:-5px;padding:6px 12px}.status{color:#a9c8ff;background:#233753;border-radius:8px;padding:4px 6px;font-size:9px}.conversation{background:#081321;grid-template-rows:auto 1fr auto;min-height:0;display:grid}.conversation-head{border-bottom:1px solid #22334d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.conversation-head h2{margin:0;font-size:17px}.conversation-head p{color:#879ab4;margin:5px 0 0;font-size:12px}.tools{gap:8px;display:flex}.tools button{color:#c9d6e7;background:#15263e;border:1px solid #314762;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;display:flex}.tools .success{background:#174735;border-color:#2d7659}.messages{padding:20px;overflow:auto}.message{background:#13223a;border:1px solid #213857;border-radius:11px;max-width:75%;margin:0 0 13px;padding:11px 13px}.message.customer{background:#174c85;margin-left:auto}.message.system{text-align:center;background:#2a2840;max-width:100%}.message.internal{background:#493917;border-color:#725b25}.message>div{color:#93a5be;justify-content:space-between;gap:20px;font-size:11px;display:flex}.message p{white-space:pre-wrap;margin:7px 0 0;line-height:1.45}.composer{border-top:1px solid #22334d;grid-template-columns:1fr 54px;gap:10px;padding:14px;display:grid}.composer textarea{resize:none;color:#fff;background:#0d1a2d;border:1px solid #2e4463;border-radius:10px;min-height:56px;max-height:140px;padding:12px}.composer button{color:#fff;background:#3478e5;border:0;border-radius:10px}.composer button:disabled{opacity:.35}.details h3{margin:4px 0 16px;font-size:14px}.details dl{gap:10px;display:grid}.details dt{color:#7f92ad;font-size:11px}.details dd{margin:0 0 5px;font-size:13px}.note{background:#15243a;border-radius:8px;margin-bottom:8px;padding:10px;font-size:13px}.note small{color:#7f92ad;margin-top:7px;display:block}.empty,.empty-center{text-align:center;color:#71849f;padding:30px 15px}.empty-center{align-content:center;place-items:center;display:grid}.empty-center svg{color:#4b8cf7;width:45px;height:45px}.empty-center h2{color:#dbe5f5}@media (width<=1100px){.workspace{grid-template-columns:300px 1fr}.details{display:none}}@media (width<=760px){.shell{grid-template-rows:64px 1fr}.stats{display:none}.workspace{grid-template-columns:1fr}.queue{display:block}.conversation{z-index:2;position:fixed;inset:64px 0 0}.conversation:has(.empty-center){display:none}.header-actions>span:not(.online-dot):not(.offline-dot){display:none}}.transfer-banner{background:#3b2e12;border-bottom:1px solid #785c22;align-items:center;gap:12px;padding:8px 18px;display:flex;overflow:auto}.transfer-banner span{white-space:nowrap;font-size:12px}.transfer-banner button{color:#fff;background:#5b451d;border:1px solid #80652d;border-radius:6px;margin-left:6px;padding:4px 8px}.shell:has(.transfer-banner){grid-template-rows:68px 82px auto 1fr}@media (width<=760px){.shell:has(.transfer-banner){grid-template-rows:64px auto 1fr}.transfer-banner{padding:7px 10px}}