:root{--ground:#EDF1F9;--surface:#FFFFFF;--sunken:#E6EBF6;--raised:#FFFFFF;--ink:#0E1A3F;--muted:#56628C;--faint:#8993B5;--line:#DDE3F1;--line-strong:#C5CEE6;--accent:#1B2A70;--accent-ink:#131F5A;--accent-soft:#E4E9FA;--accent-glow:rgba(27,42,112,.20);--primary:#1B2A70;--primary-hover:#131F5A;--signal:#F5A623;--signal-ink:#8A5300;--signal-soft:#FFF3DC;--ok:#1E8A5A;--warn:#B26A00;--crit:#C23A2E;--info:#2F5FB5;--bar:linear-gradient(135deg,#1A2A7C,#101C5C 55%,#0C1648);--bubble:linear-gradient(135deg,#2338A0,#17267A);--shadow-1:0 1px 2px rgba(14,26,63,.06),0 1px 3px rgba(14,26,63,.05);--shadow-2:0 16px 36px rgba(14,26,63,.16),0 2px 8px rgba(14,26,63,.08);--radius:14px;--radius-sm:10px;--solid:#FFFFFF;--solid-sunken:#E6EBF6;--solid-ink:#0E1A3F;--solid-muted:#56628C;--solid-faint:#8993B5;--solid-line:#DDE3F1;--solid-line-strong:#C5CEE6;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--display:"Outfit","Segoe UI",system-ui,sans-serif;--body:"Figtree","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--ground:#080E22;--surface:#0F1733;--sunken:#162044;--raised:#131C3B;--ink:#E8EDFF;--muted:#A3AFD6;--faint:#6D7AA6;--line:#1E2950;--line-strong:#2C3A6B;--accent:#8EA0FF;--accent-ink:#B9C5FF;--accent-soft:#18235A;--accent-glow:rgba(142,160,255,.26);--primary:#3A50D2;--primary-hover:#4A60E0;--signal:#FFB84A;--signal-ink:#FFC978;--signal-soft:#3A2A0E;--ok:#4FD08D;--warn:#E0A04A;--crit:#FF7A6B;--info:#8FB0F0;--bar:linear-gradient(135deg,#101A55,#0B1342 55%,#070C30);--bubble:linear-gradient(135deg,#3D54D8,#2B3DAE);--shadow-1:0 1px 2px rgba(0,0,0,.45);--shadow-2:0 14px 34px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.4);--solid:#0F1733;--solid-sunken:#162044;--solid-ink:#E8EDFF;--solid-muted:#A3AFD6;--solid-faint:#6D7AA6;--solid-line:#1E2950;--solid-line-strong:#2C3A6B}}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:9px 12px;transition:border-color .12s,box-shadow .12s}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::placeholder{color:var(--faint)}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);padding:8px 14px;font-size:13.5px;line-height:1.2;transition:background .12s,border-color .12s,transform .06s}.btn:hover{background:var(--sunken)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);box-shadow:0 1px 2px var(--accent-glow)}.btn.primary:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.btn.danger{color:var(--crit)}.btn.danger:hover{background:color-mix(in srgb,var(--crit) 10%,var(--surface));border-color:color-mix(in srgb,var(--crit) 40%,var(--line-strong))}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.ghost:hover{background:var(--sunken);color:var(--ink)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn.small{padding:5px 10px;font-size:12.5px}.btn.link{border:0;background:none;color:var(--accent-ink);font-weight:500}.btn.link:hover{text-decoration:underline;background:none}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;letter-spacing:.01em;padding:2px 9px;border-radius:999px;line-height:1.5;white-space:nowrap;background:var(--sunken);color:var(--muted)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.pill.ok{background:color-mix(in srgb,var(--ok) 14%,var(--surface));color:var(--ok)}.pill.warn{background:color-mix(in srgb,var(--warn) 14%,var(--surface));color:var(--warn)}.pill.crit{background:color-mix(in srgb,var(--crit) 12%,var(--surface));color:var(--crit)}.pill.info{background:color-mix(in srgb,var(--info) 12%,var(--surface));color:var(--info)}.pill.muted{background:var(--sunken);color:var(--faint)}.avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex:none;letter-spacing:.02em}.avatar.sm{width:26px;height:26px;font-size:11px}.login{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,var(--accent-soft),transparent 60%),var(--ground)}.login form{width:min(400px,100%);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px;display:grid;gap:14px;box-shadow:var(--shadow-2)}.login h1{margin:0 0 2px;font-size:24px;letter-spacing:-.02em}.login p{margin:0 0 6px;color:var(--muted);font-size:14px}.login label{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--muted)}.login .btn.primary{padding:11px;margin-top:4px;font-size:14.5px;justify-content:center}.error{color:var(--crit);font-size:13.5px}.desk{height:100vh;display:grid;grid-template-rows:56px 1fr}.topbar{display:flex;align-items:center;gap:12px;padding:0 18px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-1);position:relative;z-index:3;overflow-x:auto;-webkit-overflow-scrolling:touch}.topbar>*{flex-shrink:0}.topbar .brand{display:flex;white-space:nowrap;align-items:center;gap:9px;font-size:15.5px;margin-right:6px}.topbar .brand:before{content:"";width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent-ink));box-shadow:0 2px 6px var(--accent-glow)}.topbar .spacer{flex:1}.topbar .counts{display:flex;gap:6px}.chip{gap:7px;padding:5px 10px 5px 12px;background:var(--sunken);font-size:12.5px;font-variant-numeric:tabular-nums}.chip b{display:inline-flex;min-width:20px;height:20px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:var(--surface);color:var(--ink);font-size:12px;box-shadow:var(--shadow-1)}.chip.hot b{background:var(--crit);color:#fff}.chip.online b{background:color-mix(in srgb,var(--ok) 18%,var(--surface));color:var(--ok)}.topbar .me{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.topbar .btn,.topbar .me{white-space:nowrap}.topbar .me label{display:inline-flex;align-items:center;gap:6px}.conn{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 25%,transparent)}.conn.off{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 25%,transparent);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.conn.off{animation:none}}.desk-body{display:grid;grid-template-columns:340px minmax(0,1fr) 320px;min-height:0}.back-toggle,.details-toggle{display:none}.admin-two-col{display:grid;grid-template-columns:280px 1fr;min-height:0}.admin-main{display:grid}.admin-back{display:none;margin-bottom:4px}.queue{border-right:1px solid var(--line);background:var(--surface);overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;min-width:0;padding:8px}.queue h2{position:sticky;top:0;z-index:1;background:var(--surface);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0;padding:12px 10px 6px;display:flex;align-items:center;gap:8px}.queue h2,.queue h2 b{font-size:11px;font-weight:700}.queue h2 b{color:var(--muted);background:var(--sunken);border-radius:999px;padding:0 7px}.qitem{width:100%;text-align:left;background:none;border:1px solid transparent;border-radius:var(--radius);padding:10px;display:grid;grid-template-columns:34px 1fr;gap:3px 11px;color:var(--ink);margin-bottom:2px;transition:background .12s,border-color .12s}.qitem:hover{background:var(--sunken)}.qitem.active{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.qitem.dim{opacity:.65}.qitem .avatar{grid-row:1/-1;align-self:start;margin-top:2px}.qitem .tags{display:flex;gap:4px;flex-wrap:wrap}.tag-chip{display:inline-flex;align-items:center;color:var(--accent-ink);border-radius:999px;padding:1px 8px;font-size:10.5px;font-weight:600;letter-spacing:.01em}.qitem .row{display:flex;align-items:center;gap:8px;min-width:0}.qitem .name{font-weight:650;flex:1}.qitem .name,.qitem .preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qitem .preview{color:var(--muted);font-size:13px}.qitem .meta{display:flex;gap:6px;font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums;flex-wrap:wrap}.qitem .meta span+span:before{content:"·";margin-right:6px}.qitem .unread{background:var(--accent);color:#fff;border-radius:999px;font-size:11px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;font-weight:700}.empty{padding:20px 12px;color:var(--faint);font-size:13.5px}.conv{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;min-height:0;min-width:0;background:var(--ground)}.conv-head{gap:14px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;min-width:0}.conv-head,.conv-head .title{display:flex;align-items:center}.conv-head .title{font-weight:700;font-size:15.5px;gap:8px}.conv-head .sub{color:var(--muted);font-size:12.5px;margin-top:1px}.conv-head .actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.messages{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 22px;display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0}.mrow{display:flex;gap:10px;align-items:flex-end;max-width:78%}.mrow.agent{align-self:flex-end;flex-direction:row-reverse}.mrow.wide{max-width:none;align-self:stretch}.mrow.center{align-self:center;max-width:90%}.msg{padding:10px 14px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;line-height:1.5;min-width:0}.msg.visitor{border:1px solid var(--line);border-bottom-left-radius:5px}.msg.agent{background:var(--accent);border-bottom-right-radius:5px}.msg.system{background:none;color:var(--faint);font-size:12.5px;text-align:center;box-shadow:none;padding:2px 8px}.msg.internal{background:color-mix(in srgb,var(--warn) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 35%,var(--line));border-radius:var(--radius-sm);color:var(--ink);width:100%}.msg.ai{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:var(--radius-sm);width:100%}.msg .who{display:block;font-size:11px;opacity:.8;margin-bottom:4px;font-weight:600;letter-spacing:.02em}.msg.ai .who,.msg.internal .who{color:var(--muted)}.mtime{font-size:11px;margin:0 4px 4px}.mtime,.typing{color:var(--faint);white-space:nowrap}.typing{font-size:12.5px;padding:0 22px 6px;height:22px;overflow:hidden;text-overflow:ellipsis}.typing.live{color:var(--muted)}.typing.live i{font-style:normal;color:var(--accent-ink);font-weight:600;margin-right:4px}.composer{border-top:1px solid var(--line);background:var(--surface);padding:12px 18px 14px;display:grid;gap:8px}.composer,.composer-input{min-width:0}.composer textarea{width:100%;min-width:0;min-height:68px;resize:vertical;border-radius:var(--radius);padding:11px 13px}.composer .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0}.composer .row .spacer{flex:1}.composer .hint{color:var(--faint);font-size:12px}.composer.internal textarea{border-color:color-mix(in srgb,var(--warn) 60%,var(--line-strong));background:color-mix(in srgb,var(--warn) 7%,var(--surface))}.toggle{display:inline-flex;border:1px solid var(--line-strong);border-radius:999px;overflow:hidden}.toggle button{border:0;background:var(--surface);color:var(--muted);padding:5px 12px;font-size:12.5px;font-weight:600}.toggle button.on{background:var(--ink);color:var(--ground)}.toggle button:disabled{opacity:.45;cursor:not-allowed}.draft-note{gap:8px;color:var(--muted);background:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:8px;padding:6px 10px;margin-bottom:6px}.draft-note,.returning-banner{display:flex;align-items:center;flex-wrap:wrap;font-size:12.5px}.returning-banner{gap:4px 12px;color:var(--info);background:color-mix(in srgb,var(--info) 10%,var(--surface));border-bottom:1px solid color-mix(in srgb,var(--info) 25%,var(--line));padding:7px 18px;min-width:0}.returning-banner span{flex:1 1 200px;min-width:0}.returning-banner .btn{flex:none}.sound-wrap{position:relative}.sound-menu{position:fixed;right:12px;top:62px;width:290px;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow-2,0 12px 32px rgba(15,25,40,.18));padding:8px;z-index:20}.sound-menu .sm-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 6px;font-size:13px}.sound-menu .sm-row.master{border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:8px;justify-content:flex-start}.sound-menu label{display:flex;align-items:center;gap:8px;cursor:pointer}.sound-menu .sm-foot{color:var(--faint);font-size:12px;padding:6px 6px 2px}.toggle button.on.warn{background:var(--warn);color:#fff}.sidepanel{border-left:1px solid var(--line);background:var(--surface);overflow-y:auto;-webkit-overflow-scrolling:touch;min-width:0;padding:14px;font-size:13.5px;display:flex;flex-direction:column;gap:12px}.card{background:var(--ground);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.card h3{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0 0 8px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:8px}.kv{display:grid;grid-template-columns:82px 1fr;gap:5px 10px}.kv span{color:var(--muted)}.kv b{font-weight:500;overflow-wrap:anywhere}.sidepanel .desc{white-space:pre-wrap;background:var(--surface);border:1px solid var(--line);padding:9px 11px;border-radius:var(--radius-sm)}.sidepanel .online{display:grid;gap:6px}.sidepanel .online div{display:flex;align-items:center;gap:8px}.sidepanel .online div:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}.hrow{display:flex;align-items:center;justify-content:space-between;gap:8px}.hist{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:8px;background:var(--surface);display:grid;gap:4px}.hist:last-child{margin-bottom:0}.hist.chat{border-style:dashed}.hist b{font-weight:600;overflow-wrap:anywhere}.hmeta{color:var(--faint);font-size:12px}.hsum{white-space:pre-wrap;font-size:13px}.hsum,dialog{color:var(--ink)}dialog{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:22px;width:min(460px,92vw)}dialog::backdrop{background:rgba(10,14,20,.45);backdrop-filter:blur(2px)}dialog form{display:grid;gap:12px}dialog h3{margin:0;font-size:17px;letter-spacing:-.01em}dialog label{display:grid;gap:5px;font-size:13px;font-weight:500;color:var(--muted)}dialog label.check{grid-template-columns:auto 1fr;align-items:center;color:var(--ink)}dialog .row{display:flex;gap:8px;justify-content:flex-end}dialog.ticket{width:min(760px,94vw);max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none}dialog.ticket[open]{display:grid;gap:10px}.treply{white-space:pre-wrap;padding:10px 12px;border-radius:var(--radius-sm);font-size:14px;overflow-wrap:anywhere}.treply.client{background:var(--sunken)}.treply.staff{background:var(--accent-soft)}.treply .who{display:block;font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:4px}.seg{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-strong);border-radius:10px;overflow:hidden}.seg-btn{border:0;background:var(--surface);color:var(--muted);padding:9px 0;font-weight:600}.seg-btn+.seg-btn{border-left:1px solid var(--line-strong)}.seg-btn.on{background:var(--accent);color:#fff}.people{max-height:220px;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line-strong);border-radius:10px;display:grid}.person{display:flex;align-items:center;gap:9px;text-align:left;border:0;background:var(--surface);color:var(--ink);padding:9px 12px;border-bottom:1px solid var(--line)}.person:last-child{border-bottom:0}.person:hover{background:var(--sunken)}.person.on{background:var(--accent-soft)}.person small{margin-left:auto;color:var(--faint);font-size:12px}.person .dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong);flex:none}.person .dot.online{background:var(--ok)}.person .dot.any{background:var(--accent)}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--ground);padding:9px 16px;border-radius:999px;font-size:13.5px;z-index:10;box-shadow:var(--shadow-2)}@media (max-width:1180px){.desk-body{grid-template-columns:300px minmax(0,1fr)}.sidepanel{display:none}.sidepanel.open{display:flex;position:fixed;right:0;top:56px;bottom:0;width:min(360px,92vw);z-index:5;box-shadow:var(--shadow-2)}.details-toggle{display:inline-flex}}@media (max-width:900px){.desk-body{grid-template-columns:260px minmax(0,1fr)}.topbar{gap:8px;padding:0 12px}.topbar .brand span,.topbar .me .queues{display:none}.chip{padding:4px 8px 4px 10px;font-size:12px}}@media (max-width:640px){.topbar{scrollbar-width:none}.topbar::-webkit-scrollbar{display:none}.desk-body{grid-template-columns:1fr}.desk-body .queue{display:block}.desk-body .conv,.desk-body.chat-open .queue{display:none}.desk-body.chat-open .conv{display:grid}.back-toggle{display:inline-flex}.conv-head .actions{margin-left:0}.mrow{max-width:90%}.admin-two-col{grid-template-columns:1fr}.admin-two-col .queue{display:block}.admin-two-col .admin-main,.admin-two-col.detail-open .queue{display:none}.admin-two-col.detail-open .admin-main{display:grid}.admin-back{display:inline-flex}}.msg.agent.ai-public{background:color-mix(in srgb,var(--accent) 82%,var(--info))}.rating-card .stars{color:#E9A100;font-size:20px;letter-spacing:2px}.rating-card .stars span{color:var(--line-strong)}.rating-card .stars b{color:var(--ink);font-size:13px;letter-spacing:0;margin-left:6px}.rating-card.low{border-color:color-mix(in srgb,var(--crit,#d33) 45%,var(--line));background:color-mix(in srgb,var(--crit,#d33) 6%,var(--surface))}.visitors-body{grid-template-columns:340px minmax(0,1fr)}.vpages{display:grid;gap:2px;max-height:340px;overflow-y:auto;-webkit-overflow-scrolling:touch}.vpage{display:grid;grid-template-columns:64px 1fr auto;gap:8px;align-items:baseline;padding:4px 0;border-top:1px solid var(--line);font-size:12.5px}.vpage:first-child{border-top:0}.vpage .t{color:var(--faint);font-variant-numeric:tabular-nums}.vpage .u{min-width:0;display:grid}.vpage .u b{font-weight:600}.vpage .u b,.vpage .u small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vpage .u small{color:var(--muted)}.vpage .n{color:var(--faint);font-size:11px}@media (max-width:900px){.visitors-body{grid-template-columns:1fr}.visitors-body .queue{display:block}.visitors-body .conv,.visitors-body.chat-open .queue{display:none}.visitors-body.chat-open .conv{display:grid}.visitors-body .back-toggle{display:inline-flex}}.sound-lock-banner{background:var(--warn);color:#fff;text-align:center;font-size:13px;font-weight:600;padding:7px 14px;cursor:pointer}.sound-lock-banner:hover{filter:brightness(1.06)}.att-img{display:block;max-width:220px;max-height:220px;cursor:zoom-in}.att-file,.att-img{border-radius:8px;margin-top:6px}.att-file{display:flex;align-items:center;gap:8px;background:var(--sunken);padding:6px 10px;font-size:12.5px}.att-file .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.att-file .sz{color:var(--faint);flex:none}.att-file .dl{margin-left:auto;font-weight:600;flex:none}.lightbox{position:fixed;inset:0;background:rgba(10,14,20,.88);display:flex;align-items:center;justify-content:center;z-index:50;cursor:zoom-out;padding:24px}.lightbox img{max-width:100%;max-height:100%;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.5)}.canned-menu{position:absolute;left:0;right:0;bottom:100%;margin-bottom:6px;background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;box-shadow:var(--shadow-2,0 12px 32px rgba(15,25,40,.18));max-height:260px;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:15}.canned-menu button{display:flex;align-items:baseline;gap:8px;width:100%;text-align:left;border:0;background:none;padding:8px 12px;font-size:13px;color:var(--ink);border-radius:0}.canned-menu button b{color:var(--accent-ink);flex:none}.canned-menu button span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canned-menu button.on,.canned-menu button:hover{background:var(--sunken)}.canned-menu .empty-row{padding:8px 12px;font-size:13px;color:var(--faint)}.tag-chip.removable{padding-right:4px;gap:4px}.tag-chip.removable button{border:0;background:none;color:inherit;font-size:13px;line-height:1;cursor:pointer;padding:0 2px;opacity:.7}.tag-chip.removable button:hover{opacity:1}.hist-search{width:calc(100% - 12px);margin:0 6px 8px}html{scrollbar-color:color-mix(in srgb,var(--faint) 55%,transparent) transparent;scrollbar-width:thin}body{font-family:var(--body);letter-spacing:.005em}.btn,.card h3,.chip,.conv-head .title,.login h1,.qitem .name,.queue h2,.toggle button,.topbar .brand,dialog h3{font-family:var(--display)}.btn{font-weight:600;letter-spacing:.01em;border-radius:999px;padding:8px 16px}.btn.small{padding:5px 12px}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 6px 14px -6px color-mix(in srgb,var(--primary) 70%,transparent)}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn.link{border-radius:0;padding:0}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 18%,transparent)}.topbar{color:#fff;background:var(--bar);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 6px 22px -10px rgba(10,16,60,.6);--surface:rgba(255,255,255,.10);--sunken:rgba(255,255,255,.17);--ink:#fff;--muted:#C7D2F5;--faint:#9DABE0;--line:rgba(255,255,255,.16);--line-strong:rgba(255,255,255,.30);--ground:#101C5C;--accent:var(--signal);--accent-ink:var(--signal);--accent-glow:rgba(245,166,35,.35);--primary:var(--signal);--primary-hover:#FFB84A}.topbar a:not(.btn){color:inherit}.topbar .brand{font-size:17px;font-weight:700;letter-spacing:-.01em}.topbar .brand:before{width:26px;height:26px;border-radius:9px;background:linear-gradient(135deg,#FFC15A,#F5A623);box-shadow:0 4px 12px rgba(245,166,35,.45)}.topbar .btn.primary{color:#2A1700;box-shadow:0 6px 14px -6px rgba(245,166,35,.7)}.topbar .btn.ghost:hover{background:rgba(255,255,255,.14)}.topbar .chip{background:rgba(255,255,255,.1);color:#DCE4FF}.topbar .chip b{background:#fff;color:#0E1A3F;box-shadow:none}.topbar .chip.hot b{background:var(--signal);color:#2A1700}.topbar .chip.online b{background:rgba(79,220,150,.22);color:#86F2C0}.topbar .toggle button.on{background:#fff;color:#101C5C}.topbar .me label{color:#C7D2F5}.topbar .sound-menu{--surface:var(--solid);--sunken:var(--solid-sunken);--ink:var(--solid-ink);--muted:var(--solid-muted);--faint:var(--solid-faint);--line:var(--solid-line);--line-strong:var(--solid-line-strong);--accent:#1B2A70;--primary:#1B2A70;--primary-hover:#131F5A;color:var(--solid-ink)}.conn{box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 30%,transparent)}.qitem{border-radius:14px;padding:11px 12px;margin-bottom:3px}.qitem:hover{background:var(--ground)}.qitem.active{background:var(--accent-soft);border-color:transparent;box-shadow:inset 3px 0 0 var(--primary)}.qitem .name{font-weight:600}.qitem .unread{background:var(--signal);color:#2A1700;box-shadow:0 2px 8px color-mix(in srgb,var(--signal) 50%,transparent)}.tag-chip{background:var(--accent-soft);color:var(--primary)}@media (prefers-color-scheme:dark){.tag-chip{color:var(--accent-ink)}}.avatar{box-shadow:0 2px 6px rgba(14,26,63,.18)}.conv{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 6%,var(--ground)) 0,var(--ground) 240px)}.conv-head{box-shadow:var(--shadow-1);position:relative;z-index:1}.conv-head .title{font-size:17px;font-weight:650}.msg{border-radius:20px;box-shadow:var(--shadow-1)}.msg.visitor{background:var(--surface);border:0;border-bottom-left-radius:6px}.msg.agent{background:var(--bubble);color:#fff;border-bottom-right-radius:6px;box-shadow:0 8px 18px -10px color-mix(in srgb,var(--primary) 80%,transparent)}.msg.agent a{color:#FFD58A}.msg.ai{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line));border-radius:14px}.mrow:not(.center):not(.wide){animation:bubble-in .22s ease both}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.qitem{animation:rise-in .32s ease both}.qitem:nth-of-type(2){animation-delay:.03s}.qitem:nth-of-type(3){animation-delay:.06s}.qitem:nth-of-type(4){animation-delay:.09s}.qitem:nth-of-type(5){animation-delay:.12s}.qitem:nth-of-type(n+6){animation-delay:.15s}@keyframes rise-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mrow,.qitem{animation:none!important}}.composer{box-shadow:0 -8px 24px -18px rgba(14,26,63,.35)}.composer textarea{border-radius:18px;background:var(--ground);border-color:var(--line);padding:12px 16px}.composer.internal textarea{border-color:color-mix(in srgb,var(--signal) 70%,var(--line));background:var(--signal-soft)}.toggle{border-color:var(--line-strong);padding:2px;background:var(--sunken)}.toggle button{background:transparent;border-radius:999px}.toggle button.on{background:var(--primary);color:#fff}.toggle button.on.warn{background:var(--signal);color:#2A1700}.draft-note{border-radius:12px}.returning-banner{color:var(--signal-ink);background:var(--signal-soft);border-bottom:1px solid color-mix(in srgb,var(--signal) 40%,var(--line));box-shadow:inset 4px 0 0 var(--signal);padding-left:22px;font-weight:500}.returning-banner .btn{border-color:color-mix(in srgb,var(--signal) 55%,var(--line));color:var(--signal-ink)}.sidepanel{background:var(--ground)}.card{background:var(--surface);box-shadow:var(--shadow-1);border-radius:16px}.card h3{letter-spacing:.14em}.hist{border-radius:12px}dialog{border-radius:22px;box-shadow:var(--shadow-2)}dialog::backdrop{background:rgba(8,14,40,.55);backdrop-filter:blur(4px)}.canned-menu,.sound-menu{border-radius:16px}.login{background:radial-gradient(900px 500px at 15% 0,rgba(245,166,35,.16),transparent 60%),linear-gradient(160deg,#101C5C,#1B2A70 55%,#25399E)}.login form{border-radius:24px;border:0;padding:36px;box-shadow:0 30px 70px -20px rgba(4,8,40,.65)}.login h1{font-family:var(--display);font-size:28px}.conv>.conv-head{grid-row:1}.conv>.returning-banner{grid-row:2}.conv>.messages{grid-row:3}.conv>.typing{grid-row:4}.conv>.composer{grid-row:5}.topnav{display:flex;align-items:center;gap:2px;margin-left:6px}.topnav a{color:rgba(255,255,255,.78);padding:7px 12px;border-radius:999px;font-family:var(--display);font-size:13.5px;font-weight:600;white-space:nowrap;text-decoration:none;transition:background .12s,color .12s}.topnav a:hover{background:rgba(255,255,255,.12);color:#fff;text-decoration:none}.topnav a.active{background:#fff;color:#101C5C}.score-table{width:100%;border-collapse:collapse;font-size:13px}.score-table th{text-align:left;font-weight:600;color:var(--muted);font-size:12px;padding:6px 10px}.score-table td,.score-table th{border-bottom:1px solid var(--line);white-space:nowrap}.score-table td{padding:9px 10px;vertical-align:middle}.score-table tr.is-red td:first-child{box-shadow:inset 3px 0 0 var(--crit)}.score-table tr.is-red{background:color-mix(in srgb,var(--crit) 6%,transparent)}.score-table tr.total td{border-top:2px solid var(--line);border-bottom:0;background:color-mix(in srgb,var(--line) 35%,transparent)}.audit-team{padding:20px;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-content:start;max-width:1180px;width:100%;margin:0 auto}.team-toolbar{align-items:center;gap:16px;justify-content:space-between}.kpis,.team-toolbar{display:flex;flex-wrap:wrap}.kpis{gap:12px}.kpi{background:color-mix(in srgb,var(--accent-soft) 55%,var(--surface));border:1px solid var(--line);border-radius:12px;padding:10px 16px;min-width:138px}.kpi-label{font-size:12px;color:var(--muted);font-weight:600}.kpi-value{font-family:var(--display);font-size:30px;font-weight:700;line-height:1.15;color:var(--ink)}.kpi-unit{font-size:14px;color:var(--faint);font-weight:500}.kpi-sub{font-size:11.5px;color:var(--faint);margin-top:1px}.team-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.red-box{border-color:var(--crit);background:color-mix(in srgb,var(--crit) 4%,var(--surface))}.chart-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}@media (max-width:900px){.chart-grid{grid-template-columns:minmax(0,1fr)}.audit-team{padding:12px}}.mix,.pbars{display:grid;gap:2px}.mixrow,.pbar{display:grid;grid-template-columns:minmax(72px,132px) minmax(0,1fr) 72px;gap:10px;align-items:center;width:100%;background:none;border:0;padding:6px 8px;border-radius:8px;text-align:left;color:inherit;font:inherit;cursor:pointer}.mixrow:hover:not(:disabled),.pbar:hover{background:var(--sunken)}.mixrow.on,.pbar.on{background:var(--accent-soft)}.pbar.axis{padding-top:0;padding-bottom:10px;pointer-events:none}.mixrow:disabled,.pbar.axis{cursor:default}.pbar-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbar-name em{font-style:normal;font-weight:500;color:var(--faint);font-size:11px}.pbar-track{position:relative;height:14px;border-radius:7px;background:var(--sunken)}.pbar.axis .pbar-track{background:none}.pbar-fill{position:absolute;left:0;top:0;bottom:0;border-radius:7px;transition:width .45s cubic-bezier(.2,.8,.2,1)}.pbar-tick{position:absolute;top:-3px;bottom:-3px;border-left:1.5px dashed var(--crit);opacity:.75}.pbar-tick.ok{border-color:var(--ok)}.pbar-mark{position:absolute;top:-2px;transform:translateX(-50%);font-size:10px;color:var(--faint);font-weight:600}.pbar-val{text-align:right;line-height:1.15}.pbar-val b{font-family:var(--display);font-size:15px}.pbar-val i{display:block;font-style:normal;font-size:11px;color:var(--faint)}.mix-legend{display:flex;gap:12px;align-items:center;font-size:11.5px;color:var(--muted);padding:0 8px 6px}.mix-legend span{display:inline-flex;align-items:center;gap:4px}.mix-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.mix-track{display:flex;height:20px;border-radius:10px;overflow:hidden;background:var(--sunken)}.mix-seg{display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.25);min-width:2px}.trend{width:100%;height:auto;display:block}.trend-grid{stroke:var(--line);stroke-width:1}.trend-axis{fill:var(--faint);font-size:11px;font-family:var(--body)}.trend-red{fill:var(--crit);opacity:.045}.trend-line35{stroke:var(--crit);stroke-width:1.2;stroke-dasharray:4 4;opacity:.65}.trend-vol{fill:var(--accent);opacity:.16}.trend-team{stroke:var(--accent)}.trend-team-dot{fill:var(--accent);stroke:var(--surface);stroke-width:2}.trend-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer}.chip i{width:10px;height:10px;border-radius:50%;display:inline-block;opacity:.45}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}.chip.on i{opacity:1}.chip.fixed{cursor:default;color:var(--ink)}.chip.fixed i{background:var(--accent);opacity:1}.score-table tr.is-picked{background:var(--accent-soft)}.score-table .btn.link{font-size:13px;color:var(--ink)}.person-box{border-color:var(--accent)}.plist,.prow{display:grid}.prow{grid-template-columns:78px minmax(0,1fr) auto;gap:14px;align-items:start;width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:11px 6px;text-align:left;color:inherit;font:inherit;cursor:pointer}.prow:last-child{border-bottom:0}.prow:hover{background:var(--sunken)}.prow-date{display:flex;flex-direction:column;font-size:12.5px;font-weight:600}.prow-date i{font-style:normal;color:var(--faint);font-weight:500;font-size:11.5px}.prow-main{display:flex;flex-direction:column;gap:2px;min-width:0}.prow-main b{font-size:13.5px}.prow-main span{color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prow-end{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.prow-open{font-size:12px;color:var(--accent-ink);font-weight:600}@media (max-width:640px){.prow{grid-template-columns:62px minmax(0,1fr)}.prow-end{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center}}.audit-modal{position:fixed;inset:0;background:rgba(8,14,34,.55);z-index:60;display:flex;justify-content:center;align-items:flex-start;padding:4vh 14px;overflow:auto}.audit-modal-card{width:min(860px,100%);background:var(--ground);border-radius:16px;padding:16px;display:grid;gap:14px;position:relative;box-shadow:var(--shadow-2);grid-template-columns:minmax(0,1fr)}.audit-modal-close{justify-self:end}.audit-modal-card .admin-back{display:none}.convo{display:grid;gap:10px;max-height:62vh;overflow:auto;padding:4px}.cm{max-width:82%;padding:8px 12px;border-radius:14px;background:var(--sunken);justify-self:start;font-size:13.5px;line-height:1.45}.cm-who{font-size:11px;font-weight:700;color:var(--muted);margin-bottom:2px}.cm-body{white-space:pre-wrap;overflow-wrap:anywhere}.cm time{display:block;font-size:10.5px;color:var(--faint);margin-top:3px}.cm.ai{justify-self:end;background:color-mix(in srgb,var(--info) 14%,var(--surface))}.cm.agent{justify-self:end;background:var(--accent);color:#fff}.cm.agent .cm-who,.cm.agent time{color:rgba(255,255,255,.75)}.cm.note{background:var(--signal-soft);border:1px dashed var(--signal);color:var(--ink)}.cm.note,.cm.system{justify-self:center;max-width:92%}.cm.system{background:none;color:var(--faint);font-size:12px;text-align:center}.msg.internal.ai-whisper{background:color-mix(in srgb,var(--info) 9%,var(--surface));border-color:color-mix(in srgb,var(--info) 35%,var(--line))}.ai-whisper .whisper-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 8px}.ai-whisper .whisper-warn{font-size:12.5px;color:var(--warn);font-weight:600;margin:-2px 0 8px}.ai-whisper .whisper-actions{display:flex;gap:8px;flex-wrap:wrap}.fb-grid{display:grid;grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:16px;align-items:start}@media (max-width:900px){.fb-grid{grid-template-columns:minmax(0,1fr)}}.fb-form{display:grid;gap:12px}.fb-form label{display:grid;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}.fb-form label.fb-check{display:flex;gap:8px;align-items:center;font-weight:500;color:var(--ink)}.fb-form input:not([type=checkbox]),.fb-form select,.fb-form textarea{width:100%;font:inherit}.fb-files{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.fb-list,.fb-row{display:grid}.fb-row{gap:5px;padding:12px 4px;border-bottom:1px solid var(--line)}.fb-row:last-child{border-bottom:0}.fb-summary{font-size:13.5px;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}