:root{--bg:#fff;--bg-soft:#f4f6f9;--bg-side:#1f3a5f;--side-fg:#e8eef6;--side-muted:#a9bad0;--side-active:#2f5486;--fg:#1c2733;--muted:#5d6b7a;--border:#dde3ea;--accent:#2563c9;--accent-fg:#fff;--mine:#2563c9;--mine-fg:#fff;--theirs:#eef2f7;--agent:#fff8e1;--agent-border:#f0dfa6;--ok:#1d7a46;--info:#2563c9;--err:#b42318;--err-bg:#fdecea;--warn-bg:#fff6db;--warn-border:#f1d27a;--radius:14px;--focus:0 0 0 3px #2563c973;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#12171d;--bg-soft:#1a2129;--bg-side:#0d1620;--side-fg:#dce6f2;--side-muted:#8697ab;--side-active:#1e3554;--fg:#e4eaf1;--muted:#97a6b6;--border:#2a333d;--accent:#5b93f0;--mine:#2f62b8;--theirs:#212a34;--agent:#2a2616;--agent-border:#4a4022;--ok:#5cc98a;--info:#7aa9f5;--err:#ff8a80;--err-bg:#3a1f1e;--warn-bg:#3a3218;--warn-border:#6b5a22;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--fg);background:var(--bg);-webkit-text-size-adjust:100%;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{font-size:16px}:focus-visible{box-shadow:var(--focus);border-radius:6px;outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:50;background:var(--bg);padding:8px 12px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:8px}.muted{color:var(--muted)}.small{font-size:13px}.err{color:var(--err)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.center{text-align:center}.pad{padding:0 12px}.nowrap{white-space:nowrap}.break{word-break:break-all}.stack{flex-direction:column;gap:14px;display:flex}.splash{height:100%;color:var(--muted);place-items:center;display:grid}.btn{cursor:pointer;background:var(--bg-soft);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 14px;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-ghost{border-color:var(--border);background:0 0}.btn-danger{border-color:var(--err);color:var(--err);background:0 0}.btn-block{width:100%}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;min-width:40px;min-height:40px;padding:4px 10px;font-size:22px;line-height:1}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0 0 0 8px;text-decoration:underline}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.field input,.field select,.table-wrap select{border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;padding:8px 10px}.error-box,.warn-box{border-radius:10px;padding:10px 12px;font-size:14px}.error-box{background:var(--err-bg);color:var(--err);justify-content:space-between;align-items:center;gap:8px;display:flex}.warn-box{background:var(--warn-bg);border:1px solid var(--warn-border)}.tag{background:var(--bg-soft);color:var(--muted);border:1px solid var(--border);vertical-align:middle;border-radius:999px;padding:1px 7px;font-size:11px;display:inline-block}.tag-ok{color:var(--ok)}.tag-warn{color:var(--err)}.tag-mention{color:#fff;background:#e5484d;border-color:#e5484d}.shell{grid-template-columns:280px 1fr;height:100dvh;display:grid;overflow:hidden}.banner{z-index:40;background:var(--warn-bg);border-bottom:1px solid var(--warn-border);text-align:center;padding:6px;font-size:13px;position:fixed;top:0;left:0;right:0}.sidebar{background:var(--bg-side);color:var(--side-fg);min-height:0;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.sidebar-head{align-items:center;gap:10px;padding:16px;font-size:17px;font-weight:700;display:flex}.sidebar-scroll{flex:1;padding-bottom:12px;overflow-y:auto}.nav-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--side-muted);justify-content:space-between;align-items:center;margin:16px 16px 4px;font-size:12px;display:flex}.nav-heading .icon-btn{color:var(--side-fg);min-width:28px;min-height:28px;padding:0 6px;font-size:20px}.nav-list{margin:0;padding:0 8px;list-style:none}.nav-item{width:100%;color:var(--side-fg);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:9px 10px;text-decoration:none;display:flex}.nav-item:hover{background:#ffffff0f}.nav-item.active{background:var(--side-active);font-weight:600}.nav-item.archived{opacity:.6}.nav-item.unread .nav-name{color:#fff;font-weight:700}.badge{background:var(--side-muted);min-width:20px;color:var(--bg-side);text-align:center;border-radius:999px;flex:none;padding:1px 7px;font-size:11px;font-weight:700;line-height:18px}.badge-mention{color:#fff;background:#e5484d}.nav-top{padding-top:8px}.nav-icon{text-align:center;flex:none;width:18px}.nav-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.picker{background:#ffffff0d;border-radius:8px;margin:0 8px 6px}.sidebar-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-foot .btn-ghost{color:var(--side-fg);border-color:#fff3}.me{align-items:center;gap:8px;min-width:0;display:flex}.me-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar{color:#fff;background:#5b7fae;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:grid}.avatar-agent{background:#f5c542;font-size:17px}.avatar-img{object-fit:cover;background:0 0;display:block}.avatar-c0{color:#fff;background:#3b82f6}.avatar-c1{color:#fff;background:#10b981}.avatar-c2{color:#451a03;background:#fbbf24}.avatar-c3{color:#fff;background:#f43f5e}.avatar-c4{color:#083344;background:#22d3ee}.avatar-c5{color:#fff;background:#8b5cf6}.avatar-c6{color:#fff;background:#f97316}.detail{outline:none;flex-direction:column;min-width:0;min-height:0;display:flex}.empty{color:var(--muted);text-align:center;max-width:420px;margin:auto;padding:24px}.presence{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.presence .dot{background:#9aa5b1;border-radius:50%;width:8px;height:8px}.presence-online .dot{background:#22c55e}.presence-away .dot{background:#f59e0b}.sidebar .presence{color:var(--side-muted)}.channel,.admin{flex-direction:column;height:100%;min-height:0;display:flex}.channel-head{padding:calc(10px + env(safe-area-inset-top)) 14px 10px;border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:8px;display:flex}.back{display:none}.channel-title-wrap{flex:1;min-width:0}.channel-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;overflow:hidden}.channel-sub{color:var(--muted);flex-wrap:wrap;gap:10px;margin:2px 0 0;font-size:13px;display:flex}.agent-chip{align-items:center;gap:4px;display:inline-flex}.channel-info{border-bottom:1px solid var(--border);background:var(--bg-soft);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.channel-info p{margin:0}.agent-card p{margin:4px 0 0}.messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.load-earlier{align-self:center}.msg{gap:10px;width:100%;max-width:760px;display:flex}.msg.mine{justify-content:flex-end;align-self:flex-end}.msg-col{flex-direction:column;gap:3px;min-width:0;max-width:85%;display:flex}.msg.mine .msg-col{align-items:flex-end}.msg-meta{color:var(--muted);align-items:baseline;gap:8px;font-size:12px;display:flex}.msg-author{color:var(--fg);font-size:13px;font-weight:600}.msg-quote{color:var(--muted);border-left:2px solid var(--border);text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding-left:8px;font-size:12px;overflow:hidden}.bubble{border-radius:var(--radius);background:var(--theirs);overflow-wrap:anywhere;padding:9px 13px}.msg.mentions-me .bubble{box-shadow:inset 3px 0 #e5484d}.msg.msg-focus .bubble{outline:2px solid var(--accent);outline-offset:2px;transition:outline-color .4s}.msg.mine .bubble{background:var(--mine);color:var(--mine-fg);border-bottom-right-radius:4px}.msg-agent .bubble{background:var(--agent);border:1px solid var(--agent-border);border-bottom-left-radius:4px}.plain{white-space:pre-wrap}.mention{opacity:.85;font-weight:600}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md pre{background:#0000000f;border-radius:8px;padding:10px;font-size:13px;overflow-x:auto}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.md table{border-collapse:collapse;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--border);padding:4px 8px}.md a{color:var(--accent)}.status{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.status-muted{color:var(--muted)}.status-info{color:var(--info)}.status-ok{color:var(--ok)}.status-err{color:var(--err)}.status-detail{color:var(--muted)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:10px;height:10px;animation:.8s linear infinite spin}.typing{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.typing-dots{gap:3px;display:inline-flex}.typing-dots span{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.spinner,.typing-dots span{animation:none}}.composer{border-top:1px solid var(--border);padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--bg);flex-direction:column;gap:6px;display:flex}.composer-archived{color:var(--muted);text-align:center}.composer-error{margin:0 12px 8px}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:none;border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;flex:1;max-height:200px;padding:10px 12px;line-height:1.4}.agent-select select{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:6px 8px;font-size:14px}.send{min-width:72px;min-height:44px}.login{background:var(--bg-soft);place-items:center;min-height:100dvh;padding:16px;display:grid}.login-card{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:380px;padding:28px 24px;display:flex}.login-card h1{margin:4px 0 0}.login-card form{text-align:left;width:100%}.admin-body{flex:1;padding:16px;overflow-y:auto}.card{border:1px solid var(--border);background:var(--bg);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.card-muted{opacity:.75}.card p{margin:2px 0}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:10px;display:grid}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.actions{flex-wrap:wrap;gap:8px;display:flex}.checks{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:8px 12px;display:flex}.checks legend{color:var(--muted);font-size:13px}.check-row{flex-wrap:wrap;gap:16px;display:flex}.member-list{max-height:240px;overflow-y:auto}.switch{align-items:center;gap:6px;display:inline-flex}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}th{color:var(--muted);font-size:12px;font-weight:600}.row-disabled{opacity:.6}.details{overflow-wrap:anywhere;max-width:380px}.kv{grid-template-columns:max-content 1fr;gap:6px 14px;margin:0;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.h3{margin:0;font-size:15px}.inbox-scroll{overscroll-behavior:contain;flex:1;overflow-y:auto}.inbox-list{margin:0;padding:0;list-style:none}.inbox-item{border:none;border-bottom:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);text-align:left;font:inherit;cursor:pointer;gap:10px;padding:12px 16px;display:flex}.inbox-item:hover,.inbox-item.unread{background:var(--bg-soft)}.inbox-dot{border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px}.inbox-item.unread .inbox-dot{background:#e5484d}.inbox-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.inbox-top{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.inbox-author{font-weight:600}.inbox-item.unread .inbox-author,.inbox-item.unread .inbox-body{font-weight:700}.inbox-where{color:var(--muted)}.inbox-time{color:var(--muted);margin-left:auto;font-size:12px}.inbox-quote{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.inbox-body{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=799px){.shell{grid-template-columns:1fr}.shell.has-detail .sidebar,.shell.no-detail .detail{display:none}.back{display:inline-block}.msg-col{max-width:88%}.messages{padding:12px}}