: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}button,input,textarea{font:inherit}button{cursor:pointer}.workspace{min-height:100vh;display:grid;grid-template-rows:42px 1fr;background:#252b62}.workspaceTop{display:flex;align-items:end;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}.workArea{display:grid;grid-template-columns:266px 1fr;gap:10px;min-height:0;padding:0 10px 10px}.internalSidebar,.internalChat{min-height:0;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}.sideGroupHeader{width:100%;min-height:31px;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;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}.sideGroup.orange{background:#fff4e7}.sideGroup.green{background:#eafaf0}.sideGroup.red{background:#fff0f3}.sideGroup.violet{background:#f2eeff}.sideGroup.pink{background:#fff0f8}.sideGroup.cyan{background:#e9fbff}.sideGroup.slate{background:#eef3fa}.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{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:10px;font-weight:900;letter-spacing:0}.internalChat{display:grid;grid-template-rows:48px 54px 1fr 54px;overflow:hidden}.conversationTabs{display:flex;gap:7px;align-items:end;overflow-x:auto;padding:6px 10px 0;background:#f4f9ff;border-bottom:1px solid #9dbcf2}.conversationTabs button{width:190px;min-width:190px;height:37px;display:grid;grid-template-columns:1fr 14px;grid-template-rows:17px 14px;align-items:center;border:1px solid #adc2ee;border-bottom-color:#7fa1e4;background:#eef5ff;color:#071538;padding:4px 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;padding:8px 12px;border-bottom:1px solid #9dbcf2;background:#f8fbff}.ticketInfo{min-width:0;display:flex;align-items:center;gap:8px}.ticketInfo strong{overflow:hidden;color:#071538;font-size:13px;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}.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:50px 12px 18px;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(5,32px) 1fr 32px 86px;gap:8px;align-items:center;padding:8px 10px;border-top:1px solid #b2cbf5;background:#fbfff6}.internalComposer button,.composerCallActions button{height:32px;border:0;background:#111827;color:#fff}.composerCallActions{display:contents}.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}.internalComposer .sendButton{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}.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;bottom:18px;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}@media(max-width:980px){.workArea{grid-template-columns:1fr}.internalSidebar{max-height:42vh}.internalChat{min-height:58vh}.chatTools{overflow-x:auto}}@media(max-width:640px){.workspace{grid-template-rows:34px 1fr}.workArea{padding:0 6px 6px;gap:6px}.internalHeader{align-items:stretch;flex-direction:column}.internalChat{grid-template-rows:48px auto 1fr auto}.internalComposer{grid-template-columns:repeat(4,32px) 1fr 32px}.internalComposer .sendButton{grid-column:1 / -1;width:100%}.ticketBubble{max-width:88%}}