:root{--accent:#2e63dc;--accent-hover:#274fb0;--accent-soft:#edf3ff;--bg:#f5f7fb;--bg-conv:#f5f7fb;--surface:#fff;--border:#e6eaf1;--border-weak:#eceff5;--text:#202a3b;--text-secondary:#637086;--muted:#637086;--ruby:#e54666;--teal:#237950;--teal-soft:#e6f6ec;--out:#eaf1ff;--sidebar-bg:#fff;--sidebar-muted:#637086;--nav-active:#edf3ff;--msg-incoming:#fff;--msg-outgoing:#eaf1ff;--radius-sm:8px;--radius:9px;--radius-lg:12px;--radius-xl:14px;--shadow:0 1px 2px #1418200f, 0 4px 12px #1418200d;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--font-sans:"Inter", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;font-family:var(--font-sans);font-size:14px}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;margin:0}button{font-family:inherit}input,select,textarea{color:var(--text);font-family:inherit}.chip{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;padding:6px 12px;font-size:13px;transition:background .2s ease-in-out,border-color .2s ease-in-out}.chip:hover{background:var(--accent-soft)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#c9d0de;border-radius:4px}@keyframes spin{to{transform:rotate(360deg)}}.app-root{height:100vh;display:flex;overflow:hidden}.app-sidebar{flex:0 0 210px;width:210px}.app-body{flex:1;min-width:0;display:flex}.chats-pane{flex-direction:column;min-width:0;display:flex;overflow:hidden;container:chats/inline-size}.chats-head-actions{flex-wrap:nowrap;transition:gap .15s}.head-btn{white-space:nowrap}@container chats (width<=420px){.chats-head-actions{flex-wrap:wrap;gap:4px}.head-btn{padding:5px 7px;font-size:11px}}@container chats (width<=340px){.head-btn-new-txt{display:none}}@container chats (width<=300px){.head-btn-icon,.head-btn-new-txt{display:none}}.chat-main{flex:1;min-width:0;display:flex}@media (width<=768px){.app-sidebar{flex-basis:60px;width:60px}.chats-pane{flex:0 0 260px;width:260px}}@media (width<=640px){.app-root{flex-direction:column;height:100vh;display:flex}input,select,textarea{font-size:16px!important}.app-root.chat-open .app-sidebar,.app-root.chat-open .chats-pane{display:none}.app-root.chat-open .chat-main{flex:1;width:100%}.app-root .chat-main .chat-panel-inner>div:first-child{padding:8px 12px}.chat-main .chat-back-btn{justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;line-height:1;color:var(--accent)!important;border-radius:50%!important;display:inline-flex!important}.app-root.chat-open .chat-main .chat-panel-inner button:not(.chat-back-btn):not(.chip){padding:3px 8px;font-size:11px}.msg-actions{opacity:1;pointer-events:auto}.chat-main [style*="flex-direction: column"]{font-size:15px}.composer-row{flex-wrap:nowrap}.composer-row .chip{white-space:nowrap}.composer-row input[type=text]{min-width:0}}.chat-main .chat-panel-inner{flex:1;height:100%}.sb{background:var(--sidebar-bg);border-right:1px solid var(--border);height:100%;color:var(--sidebar-text);flex-direction:column;display:flex;overflow:hidden}.sb-brand{color:var(--text);border-bottom:1px solid var(--border-weak);letter-spacing:-.2px;align-items:center;gap:8px;padding:16px 18px;font-size:15px;font-weight:600;display:flex}.sb-logo{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:15px;font-weight:700;display:grid}.sb-company{margin-bottom:4px;padding:4px 8px;font-weight:600}.sb-company span{color:var(--sidebar-muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.sb-brand-hide{color:var(--sidebar-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:4px 6px;font-size:13px;line-height:1}.sb-brand-hide:hover{color:var(--text);background:#0000000d}.sb-toggle-show{background:var(--sidebar-bg);border:none;border-right:1px solid var(--border);width:24px;color:var(--sidebar-muted);cursor:pointer;flex:0 0 24px;justify-content:center;align-self:stretch;align-items:center;font-size:13px;display:flex;position:relative}.sb-toggle-show:hover{color:var(--accent);background:#0000000a}.sb-scroll{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex;overflow-y:auto}.sb-group-label{text-transform:uppercase;letter-spacing:.6px;color:var(--sidebar-muted);padding:10px 10px 4px;font-size:11px;font-weight:600}.sb-item{border-radius:var(--radius);width:100%;color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;transition:background .15s ease-in-out;display:flex}.sb-item:hover{background:var(--bg)}.sb-item.active{background:var(--nav-active);color:var(--accent);font-weight:600}.sb-item .sb-ic{text-align:center;flex-shrink:0;width:20px;font-size:15px}.sb-item .sb-txt{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sb-item .sb-badge{background:var(--accent);color:#fff;border-radius:10px;flex-shrink:0;padding:1px 8px;font-size:10px;font-weight:600}.sb-sub{color:var(--sidebar-muted);cursor:pointer;text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:8px;padding:6px 10px 6px 38px;font-size:12.5px;display:flex}.sb-sub:hover{background:var(--bg)}.sb-sub .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sb-footer{border-top:1px solid var(--border-weak);flex-direction:column;gap:2px;padding:10px;display:flex}.sb-user{border-radius:var(--radius);align-items:center;gap:10px;padding:8px 10px;display:flex}.sb-user .sb-avatar{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.sb-user .sb-uname{flex:1;min-width:0}.sb-user .sb-uname .n{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sb-user .sb-uname .r{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sb-user .sb-gear{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.sb-user .sb-gear:hover{background:var(--bg)}.sb-logout{border-radius:var(--radius);color:var(--ruby);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.sb-logout:hover{background:#fdeef2}.chats-pane{background:var(--surface)}.cr{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border-left:3px solid #0000;align-items:center;gap:10px;margin:1px 6px;padding:10px 12px;transition:background .15s ease-in-out;display:flex}.cr:hover{background:var(--bg)}.cr.active{background:var(--accent-soft);border-left:3px solid var(--accent)}.cr-avatar{width:40px;height:40px;color:var(--text-secondary);background:#e8ebf0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.cr-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.cr-label{color:var(--accent);font-weight:500}.cr-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.cr-time{color:var(--muted);flex-shrink:0;font-size:11px}.cr-unread{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.cr-channel{background:var(--accent-soft);color:var(--accent);letter-spacing:.3px;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.cr-acc{color:var(--muted);font-size:11px;font-weight:500}.chat-main,.chat-panel-inner{background:var(--bg-conv)}.chat-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.chat-header .title{color:var(--text);font-size:15px;font-weight:600}.chat-header .sub{color:var(--muted);font-size:12px}.msg-actions{opacity:0;pointer-events:none;transition:opacity .15s ease-in-out}div:hover>.msg-actions,.msg-wrap:hover .msg-actions{opacity:1;pointer-events:auto}.msg-bubble{border-radius:var(--radius-lg);white-space:pre-wrap;word-break:break-word;max-width:min(75%,640px);padding:10px 14px;font-size:14.5px;line-height:1.55}.msg-bubble.incoming{background:var(--msg-incoming);border:1px solid var(--border-weak);border-top-left-radius:4px}.msg-bubble.outgoing{background:var(--msg-outgoing);border-top-right-radius:4px}.msg-row{max-width:100%;margin:4px 16px}.msg-date{text-align:center;color:var(--muted);padding:8px 0;font-size:11px;font-weight:500}.msg-new-divider{align-items:center;gap:10px;margin:14px 0;display:flex}.msg-new-divider:before,.msg-new-divider:after{content:"";background:var(--border);flex:1;height:1px}.msg-new-divider span{color:var(--accent);background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.msg-meta{color:var(--muted);text-align:right;margin-top:3px;font-size:11px}@media (width<=640px){.msg-bubble{max-width:88%}}.conv-empty,.conv-loading,.conv-error{height:100%;color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:14px;display:flex}.composer-wrap{border-top:1px solid var(--border);background:var(--surface);padding:12px 16px}.composer-acct{color:var(--muted);margin-bottom:8px;font-size:12px}.composer-row .text-input{border-radius:var(--radius-sm);border:1px solid var(--border);resize:none;min-height:40px;font-size:14px;font-family:var(--font-sans);flex:1;padding:10px 14px;line-height:1.45}.composer-row .text-input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}details.sidebar-companies>summary{list-style:none}details.sidebar-companies>summary::-webkit-details-marker{display:none}details.sidebar-companies>summary::marker{content:""}details.sidebar-companies[open]>summary{color:var(--text)}