:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#252b62;color:#071538}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.workspace{height:100vh;display:grid;grid-template-rows:42px 1fr;background:#252b62;overflow:hidden}.workspaceTop{display:flex;align-items:end;gap:6px;padding:8px 8px 0}.windowTitle{height:26px;display:flex;align-items:center;gap:6px;padding:0 4px 0 8px;border:1px solid #98b8f7;border-bottom:0;background:#e9f2ff;color:#071538;font-size:12px;font-weight:800}.windowTitle button{width:20px;height:20px;display:grid;place-items:center;border:0;background:transparent;color:#173166}.logoutButton,.topRefreshButton{height:26px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:1px solid #98b8f7;border-bottom:0;background:#e9f2ff;color:#173166;font-size:12px;font-weight:800}.logoutButton{background:#fff1f2;color:#991b1b}.topRefreshButton:disabled,.windowTitle button:disabled,.chatTools button:disabled{cursor:progress;opacity:.65}.workspaceSpacer{flex:1}.workspaceUser{height:26px;display:inline-flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #98b8f7;border-bottom:0;background:#e9f2ff;color:#071538;font-size:12px;font-weight:800}.workspaceUser .avatar{width:20px;height:20px;font-size:8px}.workArea{display:grid;grid-template-columns:266px 1fr;gap:10px;min-height:0;overflow:hidden;padding:0 10px 10px}.internalSidebar,.internalChat{min-height:0;max-height:100%;border:1px solid #89aaf1;background:#eef5ff}.internalSidebar{display:grid;grid-template-rows:auto 1fr;padding:10px 8px;overflow:hidden}.sideSearch{height:36px;display:flex;align-items:center;gap:8px;padding:0 8px;border:1px solid #95b3e6;background:#f8fbff}.sideSearch input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#071538;font-size:12px}.groupPanel{min-height:0;display:flex;flex-direction:column;padding-top:14px}.groupPanel h2{margin:0 0 8px 6px;color:#071538;font-size:12px;letter-spacing:0}.statusFilters{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:6px}.statusFilters button{min-width:0;height:24px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #85a8ed;background:#f7fbff;color:#173166;font-size:11px;font-weight:800}.statusFilters button.active{outline:2px solid #286cff;outline-offset:-2px}.statusFilters button.danger{color:#ce1935}.statusFilters b{font-size:10px}.dot{width:7px;height:7px;border-radius:50%}.dot.blue{background:#2b6df3}.dot.green{background:#1aad54}.dot.red{background:#e12844}.sidebarActions{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px 22px 6px}.sidebarActions.nested{padding:3px 30px 5px}.sidebarActions button{min-width:0;height:22px;border:1px solid #7ca8ee;background:#f7fbff;color:#16418b;font-size:10px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directoryScroll{min-height:0;overflow:auto;padding-bottom:8px}.sideGroup{margin-bottom:3px;border:1px solid #c9daf7;background:#f9fcff;box-shadow:inset 3px 0 #2b6df342}.sideGroupHeader{width:100%;min-height:34px;display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:4px;border:0;background:transparent;color:#071538;padding:3px 7px;text-align:left}.sideGroupHeader span,.sideUser span,.ticketInfo div{min-width:0;display:grid}.sideGroupHeader strong,.sideUser strong{overflow:hidden;color:#071538;font-size:11px;text-transform:uppercase;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.sideGroupHeader small,.sideUser small{overflow:hidden;color:#234275;font-size:9px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.sideGroupHeader b,.sideUser b{min-width:18px;height:16px;display:grid;place-items:center;color:#071538;font-size:10px}.sideGroup.blue{background:#edf4ff;box-shadow:inset 3px 0 #2b6df3}.sideGroup.orange{background:#fff4e7;box-shadow:inset 3px 0 #f97316}.sideGroup.green{background:#eafaf0;box-shadow:inset 3px 0 #16a34a}.sideGroup.red{background:#fff0f3;box-shadow:inset 3px 0 #e11d48}.sideGroup.violet{background:#f2eeff;box-shadow:inset 3px 0 #7c3aed}.sideGroup.pink{background:#fff0f8;box-shadow:inset 3px 0 #db2777}.sideGroup.cyan{background:#e9fbff;box-shadow:inset 3px 0 #0891b2}.sideGroup.slate{background:#eef3fa;box-shadow:inset 3px 0 #475569}.sideUsers{display:grid;gap:1px;padding-bottom:4px}.sideUser{width:100%;min-height:41px;display:grid;grid-template-columns:9px 26px 1fr auto;align-items:center;gap:5px;border:0;border-top:1px solid rgba(126,166,231,.35);background:#ffffff73;padding:4px 6px;text-align:left}.sideUser:hover{background:#d8e8ff}.presenceDot{width:7px;height:7px;border-radius:50%;background:#e12844}.presenceDot.online{background:#11a551}.presenceDot.offline{background:#e12844}.avatar{position:relative;overflow:hidden;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:10px;font-weight:900;letter-spacing:0}.avatar.photo{background:#2563eb}.avatar.photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.avatar.photo b{position:relative;z-index:0;font-size:10px;visibility:hidden}.internalChat{display:grid;grid-template-rows:40px auto minmax(0,1fr) 52px;height:100%;overflow:hidden}.conversationTabs{display:flex;gap:7px;align-items:center;overflow-x:auto;padding:3px 10px;background:#f4f9ff;border-bottom:1px solid #9dbcf2}.conversationTabs button{width:190px;min-width:190px;height:32px;display:grid;grid-template-columns:1fr 14px;grid-template-rows:15px 12px;align-items:center;border:1px solid #adc2ee;border-bottom-color:#7fa1e4;background:#eef5ff;color:#071538;padding:3px 6px;text-align:left}.conversationTabs button.active{border-color:#4069ff;background:#e7f0ff}.conversationTabs span,.conversationTabs small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversationTabs span{font-size:11px;font-weight:900}.conversationTabs small{color:#234275;font-size:9px}.conversationTabs svg{grid-row:1 / 3;grid-column:2}.internalHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:54px;padding:6px 12px;border-bottom:1px solid #9dbcf2;background:#f8fbff}.ticketInfo{min-width:0;display:flex;align-items:center;gap:8px;flex:1}.ticketInfo .avatar{width:30px;height:30px;flex:0 0 30px}.ticketInfo strong{overflow:hidden;color:#071538;max-width:52vw;font-size:14px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.ticketInfo span,.ticketInfo small{overflow:hidden;color:#203e71;font-size:10px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.chatTools{display:flex;align-items:center;gap:5px;min-width:0;flex:0 1 auto;overflow-x:auto;padding-bottom:1px;scrollbar-width:thin}.chatTools button{height:24px;display:flex;align-items:center;gap:5px;border:1px solid #b8c8e4;background:#edf4ff;color:#203e71;font-size:10px;font-weight:800;text-transform:uppercase;white-space:nowrap}.chatTools button.dark{border-color:#17223a;background:#17223a;color:#fff}.chatTools button.finish{border-color:#13a553;background:#23b967;color:#fff}.messageCanvas{min-height:0;overflow:auto;padding:18px 12px;background:#fff}.ticketBubble{width:fit-content;max-width:min(520px,70%);margin:0 0 8px;padding:7px 10px;border:1px solid #9ad4a5;border-radius:5px;background:#dff6e3;color:#071538;box-shadow:0 1px 1px #13234914}.ticketBubble.mine{margin-left:auto;border-color:#7fbafd;background:#d9ecff}.ticketBubble strong{display:block;margin-bottom:3px;color:#064f20;font-size:11px}.ticketBubble.mine strong{color:#0d4a87;text-align:right}.ticketBubble p{margin:0;color:#071538;font-size:12px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.internalComposer{display:grid;grid-template-columns:repeat(6,32px) minmax(220px,1fr) 32px 86px;gap:8px;align-items:center;min-height:52px;padding:8px 10px;border-top:1px solid #b2cbf5;background:#fbfff6}.internalComposer button,.composerCallActions button{width:32px;height:32px;border:0;background:#111827;color:#fff}.composerCallActions{display:contents}.composerCallActions audio,.callActions audio{display:none}.audioCallStatus{position:fixed;right:18px;bottom:72px;z-index:12;min-width:116px;padding:9px 12px;border:1px solid #6f93d8;background:#071538;color:#fff;font-size:12px;font-weight:800;text-align:center;box-shadow:0 10px 28px #07153838}.incomingCall{position:fixed;right:18px;bottom:72px;z-index:14;width:min(310px,calc(100vw - 36px));display:grid;gap:8px;padding:14px;border:1px solid #6f93d8;background:#f8fbff;color:#071538;box-shadow:0 14px 34px #07153842}.incomingCall strong{font-size:14px}.incomingCall span{font-size:12px;color:#31517d}.incomingCall div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.incomingCall .acceptCall,.incomingCall .declineCall{width:100%;height:36px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;color:#fff;font-size:12px;font-weight:800}.incomingCall .acceptCall{background:#16a34a}.incomingCall .declineCall{background:#dc2626}.callPreview{position:fixed;right:18px;bottom:72px;z-index:12;width:min(300px,calc(100vw - 36px));min-height:72px;display:grid;gap:6px;padding:8px;border:1px solid #6f93d8;background:#071538;box-shadow:0 10px 28px #07153847}.callPreview video{width:100%;max-height:180px;display:block;object-fit:cover;background:#020617}.callPreview .remoteVideoPending{min-height:120px}.waitingVideo{position:absolute;left:18px;top:18px;color:#dbeafe;font-size:12px;font-weight:800}.callPreview video+video{width:92px;height:68px;position:absolute;right:14px;bottom:14px;border:1px solid #b2cbf5}.internalComposer textarea{width:100%;height:36px;min-width:0;resize:none;border:1px solid #9dbcf2;border-radius:8px;outline:0;padding:9px 12px;color:#071538;overflow-y:auto}.internalComposer .sendButton{width:86px;display:flex;align-items:center;justify-content:center;gap:5px;background:#6b7280;font-size:11px}.emptyChat{grid-row:2 / -1;display:grid;place-items:center;align-content:center;gap:6px;color:#31517d;background:#fff}.emptyChat strong{font-size:16px}.emptyChat span,.emptySide{font-size:12px}.settingsOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#0715389e}.settingsPanel{width:min(1280px,calc(100vw - 36px));height:min(820px,calc(100vh - 36px));display:grid;grid-template-rows:58px 44px minmax(0,1fr);border:1px solid #89aaf1;background:#f4f9ff;box-shadow:0 20px 60px #07153857;overflow:hidden}.settingsPanel header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border-bottom:1px solid #aac3f0;background:#e9f2ff}.settingsPanel header div{min-width:0;display:grid;gap:2px}.settingsPanel header strong{color:#071538;font-size:15px;text-transform:uppercase}.settingsPanel header span{color:#234275;font-size:12px}.settingsPanel header button{width:34px;height:34px;border:1px solid #95b3e6;background:#fff;color:#173166}.settingsSearch{display:flex;align-items:center;gap:8px;margin:8px 12px;padding:0 10px;border:1px solid #95b3e6;background:#fff}.settingsSearch input{width:100%;border:0;outline:0;padding:9px 4px;background:transparent}.settingsGroups{min-height:0;overflow:auto;padding:0 12px 12px}.settingsGroup{margin-bottom:10px;border:1px solid #b7cbed;background:#fff}.settingsGroupTitle{height:34px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid #c9daf7;background:#eaf2ff}.settingsGroupTitle strong{font-size:12px;text-transform:uppercase}.settingsGroupTitle b{min-width:28px;padding:2px 6px;border:1px solid #95b3e6;background:#fff;text-align:center;font-size:11px}.userAdminRows{display:grid}.userAdminRow{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(420px,2fr) 226px;gap:10px;align-items:center;padding:8px 10px;border-top:1px solid #edf2fb}.userAdminRow.inactive{opacity:.66;background:#f8fafc}.adminIdentity{min-width:0;display:flex;align-items:center;gap:8px}.adminIdentity span{min-width:0;display:grid;gap:2px}.adminIdentity strong,.adminIdentity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminIdentity strong{font-size:12px}.adminIdentity small{color:#31517d;font-size:10px}.adminFields{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:6px}.adminFields label{min-width:0;display:grid;gap:2px;color:#31517d;font-size:9px;font-weight:800;text-transform:uppercase}.adminFields input{width:100%;min-width:0;height:26px;border:1px solid #b7cbed;background:#fff;color:#071538;padding:3px 6px;font-size:11px}.adminFields input:disabled{background:#f4f7fb;color:#203e71}.adminActions{display:grid;grid-template-columns:1fr;gap:5px}.adminActions button{height:26px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #9bb5e4;background:#edf4ff;color:#173166;font-size:10px;font-weight:900;text-transform:uppercase}.adminActions button.save{border-color:#13a553;background:#23b967;color:#fff}.adminActions button.delete{border-color:#e12844;background:#fff0f3;color:#ce1935}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f8fafc,#dff4f0 42%,#fce7f3)}.authCard{width:min(420px,calc(100vw - 32px));display:grid;gap:12px;padding:30px;border:1px solid #d5deea;border-radius:8px;background:#fffffff0;box-shadow:0 24px 60px #0f172a26}.logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;color:#16328f;font-size:26px;font-weight:900}.authCard input{width:100%;border:1px solid #d7e0eb;border-radius:8px;outline:0;background:#fff;padding:14px 12px}.primary{min-height:48px;border:0;border-radius:8px;background:#17223a;color:#fff;font-weight:800}.link{border:0;background:transparent;color:#16328f;font-weight:700}.authNotice{margin:0;color:#b42318;text-align:center}.toast{position:fixed;right:18px;top:58px;z-index:40;max-width:min(360px,calc(100vw - 36px));padding:12px 14px;border:0;border-radius:8px;background:#142033;color:#fff;box-shadow:0 16px 36px #0f172a38}.updateBanner{position:fixed;left:50%;bottom:16px;z-index:45;width:min(720px,calc(100vw - 28px));display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;transform:translate(-50%);padding:10px 12px;border:1px solid #93b6ff;background:#f8fbff;color:#071538;box-shadow:0 16px 38px #07153840}.updateBanner div{min-width:0;display:grid;gap:2px}.updateBanner strong{font-size:13px}.updateBanner span,.updateBanner small{overflow:hidden;color:#203e71;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.updateBanner a,.updateBanner button{min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid #2b6df3;background:#2b6df3;color:#fff;font-size:11px;font-weight:900;text-decoration:none;text-transform:uppercase}.updateBanner button{border-color:#b8c8e4;background:#edf4ff;color:#203e71}@media(max-width:980px){.workspace{grid-template-rows:auto 1fr}.workspaceTop{align-items:center;flex-wrap:wrap;padding:6px}.windowTitle,.logoutButton,.topRefreshButton,.workspaceUser{border-bottom:1px solid #98b8f7}.workspaceUser{margin-left:auto}.workArea{grid-template-columns:1fr}.internalSidebar{max-height:39vh;padding:8px}.internalChat{min-height:61vh;grid-template-rows:38px auto minmax(0,1fr) auto}.sideSearch{height:40px}.groupPanel{padding-top:9px}.statusFilters{grid-template-columns:repeat(3,minmax(0,1fr))}.chatTools{width:100%;overflow-x:auto}.chatTools button{flex:0 0 auto}.ticketInfo strong{max-width:100%}}@media(max-width:640px){.workspace{grid-template-rows:auto 1fr}.workspaceTop{gap:4px}.windowTitle{width:auto;min-width:146px}.logoutButton,.topRefreshButton{padding:0 8px}.workspaceUser{max-width:142px}.workspaceUser span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workArea{padding:0 6px 6px;gap:6px}.internalSidebar{max-height:38vh}.groupPanel h2{margin-bottom:6px}.sideGroupHeader{min-height:31px}.sideUser{min-height:38px}.sidebarActions{gap:4px;margin-bottom:5px}.internalHeader{align-items:stretch;flex-direction:column;gap:6px;min-height:auto;padding:7px 9px}.ticketInfo{align-items:start}.ticketInfo .avatar{width:34px;height:34px;flex-basis:34px}.ticketInfo strong{display:block;max-width:calc(100vw - 96px);font-size:13px}.ticketInfo span,.ticketInfo small{font-size:9px}.internalChat{grid-template-rows:38px auto minmax(0,1fr) auto}.conversationTabs{padding:3px 7px}.conversationTabs button{width:170px;min-width:170px}.messageCanvas{padding:14px 10px}.internalComposer{grid-template-columns:repeat(6,32px) minmax(0,1fr) 32px;gap:6px;padding:7px;overflow:visible}.internalComposer textarea{grid-column:1 / -2;grid-row:2}.internalComposer button[title=Audio]{grid-column:-2;grid-row:2}.internalComposer .sendButton{grid-column:1 / -1;width:100%}.ticketBubble{max-width:88%}.updateBanner{grid-template-columns:1fr;align-items:stretch}.updateBanner span,.updateBanner small{white-space:normal}}