:root{color:#e5edf8;font-synthesis:none;background:#07101f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#07101f;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}.login-screen{background:radial-gradient(circle at 20% 10%,#16345f,#07101f 48%);place-items:center;min-height:100vh;display:grid}.login-card{background:#0d192c;border:1px solid #243652;border-radius:18px;width:min(420px,100vw - 32px);padding:32px;box-shadow:0 24px 80px #0008}.brand-block{align-items:center;gap:14px;margin-bottom:28px;display:flex}.brand-block svg{color:#5b9cff;width:34px;height:34px}.brand-block strong,.brand-block span{display:block}.brand-block span{color:#8da1bd;margin-top:4px;font-size:13px}.login-card label{color:#c6d4e8;gap:8px;margin:16px 0;display:grid}.login-card input,.search-box input,.composer textarea{color:#e9f2ff;background:#081426;border:1px solid #29405f;border-radius:10px;outline:none;padding:12px}.primary-button{color:#fff;background:#347df0;border:0;border-radius:10px;width:100%;padding:13px;font-weight:700}.error-banner,.global-error{color:#ffd8df;background:#5b1d2d;border-radius:9px;padding:11px 14px}.app-shell{grid-template-columns:230px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:#081426;border-right:1px solid #1d2d46;flex-direction:column;padding:18px 12px;display:flex}.sidebar-brand{align-items:center;gap:12px;padding:8px 10px 24px;display:flex}.sidebar-brand svg{color:#4e96ff}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand small{color:#8297b6;margin-top:3px}.sidebar nav{gap:7px;display:grid}.sidebar button{color:#9db0ca;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:12px;display:flex}.sidebar button svg{width:19px}.sidebar button.active{color:#fff;background:#1474e8}.sidebar-footer{border-top:1px solid #1d2d46;margin-top:auto;padding-top:14px}.connection{color:#8fa2bf;padding:8px;font-size:12px}.connection span{background:#f59e0b;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.connection.connected span{background:#22c55e}.workspace-shell{background:#0a1424;grid-template-rows:72px auto 1fr;min-width:0;display:grid}.topbar{background:#0b1729;border-bottom:1px solid #1e3049;justify-content:space-between;align-items:center;padding:12px 22px;display:flex}.topbar h1{margin:0;font-size:22px}.topbar p{color:#8194b0;margin:4px 0 0;font-size:13px}.top-actions{align-items:center;gap:12px;display:flex}.availability{background:#07111f;border:1px solid #263a57;border-radius:10px;padding:3px;display:flex}.availability button{color:#95a8c5;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 12px}.availability button.active{color:#fff;background:#18a76f}.icon-button{color:#bcd0ed;background:#101e33;border:1px solid #29405f;border-radius:10px;padding:9px}.global-error{justify-content:space-between;margin:10px 16px;display:flex}.professional-workspace{grid-template-columns:310px minmax(420px,1fr) 330px;min-height:0;display:grid;overflow:hidden}.conversation-rail,.context-panel{background:#0c1829;min-height:0;overflow:hidden}.conversation-rail{border-right:1px solid #203149;flex-direction:column;display:flex}.context-panel{border-left:1px solid #203149;overflow:auto}.queue-tabs,.right-tabs{border-bottom:1px solid #203149;display:flex;overflow:auto}.queue-tabs button,.right-tabs button{color:#8fa3bf;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:13px 12px}.queue-tabs button.active,.right-tabs button.active{color:#5ca0ff;border-bottom:2px solid #4d91f5}.search-box{align-items:center;gap:8px;margin:12px;display:flex}.search-box svg{color:#7890b0;width:17px}.search-box input{width:100%;padding:9px}.conversation-list{padding:0 8px 20px;overflow:auto}.conversation-list article{cursor:pointer;background:#0d1b2f;border:1px solid #0000;border-radius:12px;margin-bottom:7px;padding:12px}.conversation-list article:hover,.conversation-list article.selected{background:#112641;border-color:#397fcf}.list-head{grid-template-columns:36px 1fr auto;align-items:center;gap:9px;display:grid}.avatar{color:#6ba8ff;background:#213a5f;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.avatar svg{width:18px}.list-head strong,.list-head small{display:block}.list-head small{color:#748aa7;margin-top:2px;font-size:11px}.list-head b{text-align:center;background:#e44b63;border-radius:10px;min-width:20px;padding:3px;font-size:11px}.conversation-list article p{color:#a8b9d0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.conversation-list footer{justify-content:space-between;align-items:center;display:flex}.conversation-list footer button,.dashboard-table button{color:#fff;cursor:pointer;background:#16865e;border:0;border-radius:8px;padding:7px 11px}.status-dot{color:#93a5bf;font-size:11px}.conversation-main{background:#091321;grid-template-rows:auto 1fr auto;min-width:0;display:grid}.conversation-header{background:#0d192b;border-bottom:1px solid #203149;justify-content:space-between;gap:12px;padding:15px 18px;display:flex}.conversation-header h2{margin:0;font-size:18px}.conversation-header p{color:#8499b8;margin:6px 0 0}.conversation-actions{align-items:center;gap:7px;display:flex}.conversation-actions button,.composer-toolbar button{color:#aac0dd;cursor:pointer;background:#112037;border:1px solid #29415f;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;display:flex}.conversation-actions button svg,.composer-toolbar button svg{width:16px}.conversation-actions button.resolve{color:#fff;background:#14734f;border-color:#14734f}.message-pane{padding:20px;overflow:auto}.message{background:#15243a;border:1px solid #263d5c;border-radius:15px;max-width:74%;margin:12px 0;padding:12px 14px}.message.customer{background:#124d68;border-color:#1c7595;margin-left:auto}.message.staff,.message.ai{margin-right:auto}.message-author{color:#8da1bd;justify-content:space-between;gap:18px;font-size:11px;display:flex}.message p{white-space:pre-wrap;margin:8px 0 0;line-height:1.5}.message img{border-radius:10px;max-width:min(360px,100%);max-height:380px;margin-top:9px}.file-card{color:#d6e7ff;background:#0a1728;border:1px solid #2d4667;border-radius:10px;align-items:center;gap:10px;margin-top:9px;padding:10px;text-decoration:none;display:flex}.file-card svg{width:24px}.file-card strong,.file-card small{display:block}.file-card small{color:#8198b7;margin-top:3px}.delivery{color:#7f94b0;text-align:right;margin-top:7px;display:block}.system-message{color:#7589a6;justify-content:center;align-items:center;gap:7px;max-width:80%;margin:12px auto;font-size:12px;font-style:italic;display:flex}.system-message svg{width:14px}.system-message time{font-size:10px}.composer{background:#0d192b;border-top:1px solid #203149;padding:10px 14px}.composer-toolbar{align-items:center;gap:7px;margin-bottom:8px;display:flex}.composer-toolbar span{flex:1}.composer-toolbar button.active{color:#64a7ff}.composer-input{grid-template-columns:1fr 48px;gap:9px;display:grid}.composer textarea{resize:none;min-height:68px}.composer-input>button{color:#fff;background:#2f7dea;border:0;border-radius:12px}.empty-conversation,.right-empty{text-align:center;color:#7287a5;align-content:center;place-items:center;height:100%;display:grid}.empty-conversation svg,.right-empty svg{width:42px;height:42px}.context-sections,.shortcuts{padding:14px}.context-sections section{border-bottom:1px solid #203149;padding:8px 2px 16px}.context-sections h3{font-size:14px}.context-sections dl{grid-template-columns:115px 1fr;gap:10px;font-size:13px;display:grid}.context-sections dt{color:#7f94b2}.context-sections dd{color:#cbd9ec;margin:0}.break{word-break:break-all}.note{background:#17243a;border-left:3px solid #f59e0b;margin:8px 0;padding:9px}.note p{margin:0 0 5px}.note small,.muted{color:#788da9}.create-shortcut{color:#8ebcff;background:0 0;border:1px dashed #385474;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px;display:flex}.shortcuts article{cursor:pointer;border:1px solid #233956;border-radius:10px;margin:9px 0;padding:11px}.shortcuts article:hover{background:#10233e;border-color:#4b92e8}.shortcuts article header{justify-content:space-between;display:flex}.shortcuts article header span{text-transform:uppercase;color:#63a3f3;font-size:10px}.shortcuts article small{color:#7188a6}.shortcuts article p{color:#b8c8dc;white-space:pre-wrap;font-size:13px}.dashboard,.performance{padding:22px;overflow:auto}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric{background:#0d1b2f;border:1px solid #213552;border-radius:14px;align-items:center;gap:12px;padding:18px;display:flex}.metric svg{color:#54a0ff}.metric span,.metric strong{display:block}.metric span{color:#8297b4;font-size:12px}.metric strong{margin-top:4px;font-size:24px}.dashboard-table,.performance>section{background:#0d1b2f;border:1px solid #213552;border-radius:14px;margin-top:20px;padding:18px}.dashboard-table header h2{margin:0}.dashboard-table header p{color:#8297b4}.dashboard-table article{border-top:1px solid #1f324d;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.dashboard-table article p{color:#98aac1;margin:4px 0}.dashboard-table article small{color:#7388a6}.empty-list{text-align:center;color:#7489a7;padding:28px}@media (width<=1100px){.professional-workspace{grid-template-columns:280px 1fr}.context-panel{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.app-shell{grid-template-columns:64px 1fr}.sidebar-brand div,.sidebar nav button:not(.active){font-size:0}.sidebar nav button,.sidebar-brand{justify-content:center}.sidebar-footer .connection{display:none}.professional-workspace{grid-template-columns:1fr}.conversation-rail{display:none}.topbar{padding:10px}.conversation-actions button{font-size:0}.conversation-actions button svg{margin:0}.message{max-width:88%}}