:root{--em-amber-500: #ffd749;--em-green-500: #3ad76f;--em-neutral-300: #aab4be;--em-shadow-sm: 0px 4px 8px 0px rgba(55, 66, 82, .08);--em-shadow-lg: 0px 4px 8px 0px rgba(61, 61, 61, .24), 0px 8px 16px 0px rgba(61, 61, 61, .16), 0px 16px 24px 0px rgba(61, 61, 61, .08)}:root,[data-theme=light]{--bg: #f3f2ec;--panel: #fffef9;--raised: #ffffff;--sunken: #f7f6f1;--line: #dadee3;--line-soft: #e9ebee;--text: #374252;--strong: #1c2129;--muted: #596271;--hover: rgba(55, 66, 82, .05);--sel: #e8f2ff;--accent: #3138df;--accent-h: #1a1e78;--accent-fg: #ffffff;--link: #3138df;--b-cli: #ffffff;--b-cli-bd: #dadee3;--b-cla: #e9fbf4;--b-cla-bd: #bdebdb;--b-at: #e8f2ff;--b-at-bd: #c4dcfa;--who-cla: #007a73;--who-at: #3138df;--st-fila-fg: #ca4900;--st-fila-bg: #ffefe2;--st-at-fg: #3138df;--st-at-bg: #e6f0ff;--st-cla-fg: #007a73;--st-cla-bg: #d9faee;--st-ag-fg: #8e2600;--st-ag-bg: #fff4bf;--st-fin-fg: #556070;--st-fin-bg: #eceef1;--danger: #c10146;--danger-bg: #ffe9e4;--tb-bg: #fff5eb;--tb-bd: #ffcb8e;--tb-fg: #ca4900;--ai-bg: #f1f7ff;--ai-bd: #cfe2fa;--note-bg: #fffbe0;--note-bd: #fbe7a1;--overlay: rgba(28, 33, 41, .45)}[data-theme=dark]{--bg: #111214;--panel: #171b21;--raised: #1f252e;--sunken: #13161b;--line: #2c333d;--line-soft: #232931;--text: #c5ccd5;--strong: #f2f3f5;--muted: #8e98a5;--hover: rgba(255, 255, 255, .04);--sel: rgba(34, 146, 255, .15);--accent: #2292ff;--accent-h: #61d9ff;--accent-fg: #111214;--link: #61d9ff;--b-cli: #1f252e;--b-cli-bd: #2c333d;--b-cla: rgba(14, 200, 200, .1);--b-cla-bd: rgba(14, 200, 200, .28);--b-at: rgba(34, 146, 255, .14);--b-at-bd: rgba(34, 146, 255, .32);--who-cla: #7eefcd;--who-at: #61d9ff;--st-fila-fg: #ffcb8e;--st-fila-bg: rgba(255, 126, 54, .16);--st-at-fg: #61d9ff;--st-at-bg: rgba(34, 146, 255, .16);--st-cla-fg: #7eefcd;--st-cla-bg: rgba(14, 200, 200, .14);--st-ag-fg: #ffd749;--st-ag-bg: rgba(255, 215, 73, .13);--st-fin-fg: #aab4be;--st-fin-bg: rgba(170, 180, 190, .12);--danger: #ff9b8e;--danger-bg: rgba(255, 98, 107, .14);--tb-bg: rgba(255, 126, 54, .09);--tb-bd: rgba(255, 126, 54, .35);--tb-fg: #ffcb8e;--ai-bg: rgba(34, 146, 255, .07);--ai-bd: rgba(34, 146, 255, .24);--note-bg: rgba(255, 215, 73, .06);--note-bd: rgba(255, 215, 73, .22);--overlay: rgba(0, 0, 0, .6)}html,body,#root{margin:0;height:100%}body{font-family:"Source Sans 3",system-ui,sans-serif;background:var(--bg)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--link)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.app{height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-size:14px;line-height:1.4;overflow:hidden}.brand{font-family:Montserrat,sans-serif}.label-caps{font-family:Montserrat,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--muted)}.muted{color:var(--muted)}.grow{flex:1}.row{display:flex;align-items:center;gap:8px;min-width:0}.btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--raised);color:var(--strong);font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{border:0;background:var(--accent);color:var(--accent-fg);font-weight:700;height:34px;padding:0 14px;font-size:13.5px}.btn-primary:hover{background:var(--accent-h)}.btn-dark{border:1px solid var(--strong);background:var(--strong);color:var(--panel);font-weight:700}.btn-ghost{border:0;background:transparent;color:var(--text)}.btn-ghost:hover{background:var(--hover)}.btn-icon{width:30px;height:30px;padding:0;justify-content:center}.btn-danger{border:1px solid var(--danger);background:transparent;color:var(--danger);font-weight:700}.btn-danger.on{background:var(--danger);color:#fff}.input{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--raised);color:var(--strong);font-size:14px;outline:none;box-sizing:border-box}.input:focus,.textarea:focus{border-color:var(--accent)}.textarea{width:100%;box-sizing:border-box;resize:vertical;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--raised);color:var(--strong);font-size:14px;line-height:1.45;outline:none}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.chip{flex:none;font-size:12.5px;font-weight:700;padding:2px 8px;border-radius:999px}.tone-fila{color:var(--st-fila-fg);background:var(--st-fila-bg)}.tone-at{color:var(--st-at-fg);background:var(--st-at-bg)}.tone-cla{color:var(--st-cla-fg);background:var(--st-cla-bg)}.tone-fin{color:var(--st-fin-fg);background:var(--st-fin-bg)}.pill{display:flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:13px;font-weight:600;cursor:pointer}.pill.on{border-color:var(--accent);background:var(--sel);color:var(--accent)}.pill .count{font-weight:700;opacity:.75}.avatar{width:28px;height:28px;border-radius:50%;background:var(--sel);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:Montserrat,sans-serif;flex:none;position:relative}.dot{width:8px;height:8px;border-radius:50%;flex:none}.segmented{display:flex;padding:2px;gap:2px;border:1px solid var(--line);border-radius:8px;background:var(--sunken)}.segmented button{border:0;padding:3px 10px;border-radius:6px;cursor:pointer;font-size:12.5px;font-weight:600;background:transparent;color:var(--muted)}.segmented button.on{background:var(--raised);color:var(--strong)}.toggle{width:34px;height:20px;border:0;border-radius:999px;background:var(--line);position:relative;cursor:pointer;padding:0}.toggle.on{background:var(--accent)}.toggle span{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--em-shadow-sm)}.toggle.on span{left:16px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:8px;max-width:min(520px,calc(100vw - 32px));padding:10px 16px;border-radius:10px;background:var(--strong);color:var(--panel);font-size:13.5px;font-weight:600;box-shadow:var(--em-shadow-lg)}.warn{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--st-ag-fg);background:var(--st-ag-bg);border-radius:8px;padding:7px 10px}.topbar{height:48px;flex:none;display:flex;align-items:center;gap:14px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--line)}.topbar .logo{height:32px;width:auto;display:block}.topbar .sep{width:1px;height:22px;background:var(--line)}.topbar .product{font-family:Montserrat,sans-serif;font-weight:800;font-size:17px;color:var(--strong)}.topbar .channel-name{font-family:Montserrat,sans-serif;font-weight:600;font-size:13px;color:var(--muted);white-space:nowrap}.menu{position:absolute;right:0;top:38px;z-index:30;width:230px;background:var(--raised);border:1px solid var(--line);border-radius:12px;box-shadow:var(--em-shadow-lg);padding:6px}.menu-item{width:100%;display:flex;align-items:center;gap:8px;height:34px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--strong);cursor:pointer;text-align:left;text-decoration:none;box-sizing:border-box}.menu-item:hover{background:var(--hover)}.panel-grid{flex:1;min-height:0;display:grid}.list-pane{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--panel);border-right:1px solid var(--line)}.queue-box{padding:12px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.queue-box .n{font-family:Montserrat,sans-serif;font-weight:800;font-size:22px;color:var(--strong);line-height:1}.search{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--raised)}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:13px;color:var(--strong)}.list-scroll{flex:1;min-height:0;overflow:auto}.empty{padding:28px 20px;text-align:center;color:var(--muted);font-size:13px}.card{position:relative;padding:11px 12px 11px 14px;border-bottom:1px solid var(--line-soft);cursor:pointer;display:flex;flex-direction:column;gap:4px}.card:hover{background:var(--hover)}.card.active{background:var(--sel);box-shadow:inset 3px 0 0 var(--accent)}.card .name{font-weight:600;color:var(--strong);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.unread .name{font-weight:800}.card .time{flex:none;font-size:12.5px;color:var(--muted)}.card.unread .time{color:var(--accent);font-weight:700}.card .preview{font-size:13.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.unread .preview{color:var(--strong);font-weight:600}.badge{flex:none;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:999px;background:var(--accent);color:var(--accent-fg);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.card-actions{position:absolute;top:6px;right:8px;display:none;gap:2px;padding:2px;background:var(--raised);border:1px solid var(--line);border-radius:8px;box-shadow:var(--em-shadow-sm)}.card:hover .card-actions,.card:focus-within .card-actions{display:flex}.card-actions button{width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--text);cursor:pointer}.card-actions button:hover{background:var(--hover)}.conv-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--sunken);position:relative}.conv-head{flex:none;background:var(--panel);border-bottom:1px solid var(--line);padding:10px 16px;display:flex;flex-direction:column;gap:8px}.conv-head h1{margin:0;font-family:Montserrat,sans-serif;font-size:17px;font-weight:700;color:var(--strong)}.who-pill{display:flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:8px;background:var(--hover);font-size:13px;font-weight:600;color:var(--strong)}.timeline{flex:1;min-height:0;overflow:auto;padding:12px 20px 20px;display:flex;flex-direction:column;gap:4px}.day-sep{align-self:center;margin:14px 0 6px}.sys{align-self:center;margin:6px 0;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:3px 10px;text-align:center}.handoff{align-self:center;width:100%;max-width:560px;box-sizing:border-box;margin:8px 0;display:flex;gap:10px;align-items:flex-start;border:1px solid var(--tb-bd);background:var(--tb-bg);border-radius:12px;padding:8px 12px}.msg{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:6px}.msg.out{align-items:flex-end}.msg-meta{display:flex;align-items:center;gap:6px;font-size:12px}.msg.out .msg-meta{flex-direction:row-reverse}.msg-meta .reply-btn{opacity:0;display:flex;align-items:center;gap:3px;border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;padding:0 2px}.msg:hover .reply-btn,.reply-btn:focus-visible{opacity:1}.bubble{max-width:min(640px,78%);box-sizing:border-box;background:var(--b-cli);border:1px solid var(--b-cli-bd);border-radius:4px 14px 14px;padding:8px 12px;color:var(--strong);font-size:14px;line-height:1.45;display:flex;flex-direction:column;gap:6px}.msg.agent .bubble{background:var(--b-cla);border-color:var(--b-cla-bd)}.msg.team .bubble{background:var(--b-at);border-color:var(--b-at-bd)}.msg.out .bubble{border-radius:14px 4px 14px 14px}.bubble .body{white-space:pre-wrap;overflow-wrap:anywhere}.bubble .body b{font-weight:700}.quote{border-left:3px solid var(--muted);background:var(--hover);border-radius:6px;padding:4px 8px;font-size:12.5px}.quote .text{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.media img{display:block;max-width:280px;max-height:320px;border-radius:8px;cursor:zoom-in}.media audio{display:block;width:260px;max-width:100%}.media video{display:block;max-width:320px;max-height:320px;border-radius:8px}.file-link{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--raised);font-size:13px;color:var(--strong);text-decoration:none}.reactions{display:flex;gap:4px;margin-top:-2px}.reactions span{font-size:13px;padding:1px 6px;border:1px solid var(--line);border-radius:999px;background:var(--raised)}.failed{font-size:12px;color:var(--danger);max-width:min(640px,78%);text-align:right}.composer{flex:none;position:relative;background:var(--panel);border-top:1px solid var(--line);padding:10px 16px;display:flex;flex-direction:column;gap:8px}.composer-note{flex:none;background:var(--panel);border-top:1px solid var(--line);padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.quoting{display:flex;align-items:center;gap:8px;border-left:3px solid var(--accent);background:var(--sel);border-radius:6px;padding:5px 8px;font-size:12.5px}.popover{position:absolute;bottom:50px;background:var(--raised);border:1px solid var(--line);border-radius:12px;box-shadow:var(--em-shadow-lg);z-index:5}.emoji-grid{left:16px;width:296px;padding:8px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-grid button{height:32px;border:0;border-radius:6px;background:transparent;font-size:18px;cursor:pointer}.emoji-grid button:hover{background:var(--hover)}.quick-pop{left:52px;width:420px;max-width:calc(100% - 68px);max-height:380px;display:flex;flex-direction:column;overflow:hidden}.quick-item{width:100%;display:flex;flex-direction:column;gap:1px;padding:6px 8px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.quick-item:hover{background:var(--hover)}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.side{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--panel);border-left:1px solid var(--line)}.side.drawer{position:fixed;top:48px;right:0;bottom:0;width:min(340px,92vw);z-index:20;box-shadow:var(--em-shadow-lg)}.side-tabs{flex:none;overflow-x:auto;display:flex;align-items:stretch;gap:2px;padding:0 8px 0 12px;height:44px;border-bottom:1px solid var(--line)}.side-tabs .tab{display:flex;align-items:center;gap:5px;padding:0 6px;white-space:nowrap;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-weight:700;font-size:12.5px;cursor:pointer}.side-tabs .tab.on{border-bottom-color:var(--accent);color:var(--strong)}.side-body{flex:1;min-height:0;overflow:auto;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.details{display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px 10px;font-size:13px}.details .v{color:var(--strong);font-weight:600;overflow-wrap:anywhere}.note{border:1px solid var(--note-bd);background:var(--note-bg);border-radius:10px;padding:9px 11px;display:flex;flex-direction:column;gap:5px}.overlay{position:fixed;inset:0;z-index:50;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:20px}.overlay.top{align-items:flex-start;padding-top:12vh}.modal{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--em-shadow-lg);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.modal-head{flex:none;display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;flex:1;font-family:Montserrat,sans-serif;font-size:16px;font-weight:800;color:var(--strong)}.modal-body{flex:1;min-height:0;overflow:auto;padding:14px 20px 18px;display:flex;flex-direction:column;gap:12px}.modal-foot{flex:none;display:flex;align-items:center;gap:8px;padding:12px 20px;border-top:1px solid var(--line)}.preview-bubble{align-self:flex-end;max-width:88%;background:var(--b-at);border:1px solid var(--b-at-bd);border-radius:14px 4px 14px 14px;padding:10px 14px;font-size:14px;line-height:1.5;color:var(--strong);white-space:pre-wrap}.zoom{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:24px;background:#000c;cursor:zoom-out}.zoom img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.team-grid{display:grid;grid-template-columns:minmax(200px,1.6fr) 70px 90px 130px 100px 110px 120px;min-width:840px;font-size:13px}.team-grid>div{padding:9px 8px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:6px}.team-grid>.h{font-size:11.5px;font-weight:700;color:var(--muted);border-bottom:1px solid var(--line)}.team-grid>.num{justify-content:flex-end;font-weight:700;color:var(--strong);font-variant-numeric:tabular-nums}.center{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px}.box{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px;width:100%;max-width:420px;box-sizing:border-box;text-align:center;box-shadow:var(--em-shadow-sm)}.channels{width:100%;max-width:720px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.channel-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);text-decoration:none;box-shadow:var(--em-shadow-sm)}.channel-card:hover{border-color:var(--accent)}.channel-card .title{font-family:Montserrat,sans-serif;font-weight:800;font-size:17px;color:var(--strong)}.stat{display:flex;flex-direction:column;align-items:flex-start}.stat b{font-family:Montserrat,sans-serif;font-size:20px;color:var(--strong)}.admin-wrap{flex:1;min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.admin-split{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:16px;align-items:start}@media(max-width:760px){.admin-split{grid-template-columns:minmax(0,1fr)}}.admin-list{display:flex;flex-direction:column;gap:6px}.admin-item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}.admin-item.on{border-color:var(--accent);background:var(--sel)}.admin-form{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;max-width:820px}.admin-form h2{margin:0;font-size:17px;color:var(--strong)}.admin-h3{margin:6px 0 0;font-size:14px;color:var(--strong)}.admin-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.admin-box{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:var(--raised)}.admin-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 12px}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;font-size:11.5px;color:var(--muted);padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}.admin-table td{padding:8px;border-bottom:1px solid var(--line-soft);vertical-align:top}.admin-table .input{height:30px;font-size:13px;min-width:140px}.callbox{position:fixed;right:20px;top:60px;z-index:45;width:min(320px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--em-shadow-lg);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.callcard{align-self:center;width:100%;max-width:560px;box-sizing:border-box;margin:8px 0;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;gap:6px;font-size:13px}.callcard audio{width:100%;height:32px}.transcript{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow:auto}