:root{--hc-brand:#2563eb;--hc-brand-strong:#2157cf;--hc-brand-soft:#eef3fd;--hc-brand-soft-border:#d0defb;--hc-brand-ink:#fff;--ink:#0b1220;--body:#3f4a5a;--muted:#6b7280;--faint:#9aa3af;--line:#eceef2;--line-strong:#dfe2e8;--bg:#f6f7f9;--surface:#fff;--bubble-in:#f2f4f7;--success:#059669;--success-soft:#ecfdf5;--warn:#b45309;--warn-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fef2f2;--note:#fef9c3;--note-border:#eab308;--note-ink:#713f12;--ai:#7c3aed;--ai-soft:#f5f3ff;--r-panel:22px;--r-card:16px;--r-ctl:12px;--r-bubble:16px;--shadow:0 4px 12px #0b12200a, 0 1px 2px #0b12200a;--shadow-lg:0 24px 48px #0b122024, 0 2px 6px #0b12200f;--font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sidebar-w:240px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--body);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.01em;margin:0;font-weight:700}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}p{margin:0}a{color:var(--hc-brand);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:12.5px}button{font-family:inherit}.muted{color:var(--muted)}.small{font-size:12px}.ml-auto{margin-left:auto}.grow{flex:1;min-width:0}.w-full{width:100%}.mt{margin-top:16px}.nowrap{white-space:nowrap}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.stack{flex-direction:column;gap:16px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-2-1{grid-template-columns:2fr 1fr;gap:16px;display:grid}.grid-1-2{grid-template-columns:1fr 2fr;gap:16px;display:grid}.row-gap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}:focus-visible{outline:2px solid var(--hc-brand);outline-offset:2px}.boot{height:100%;color:var(--hc-brand);place-items:center;display:grid}.auth-wrap{background:radial-gradient(900px 500px at 50% -10%, var(--hc-brand-soft), transparent 70%), var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:40px 16px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);width:100%;max-width:440px;box-shadow:var(--shadow-lg);flex-direction:column;gap:24px;padding:32px;display:flex}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand>div{flex-direction:column;display:flex}.auth-brand strong{color:var(--ink);font-size:16px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-title{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.auth-title h2{font-size:22px}.auth-chip{color:var(--hc-brand);background:var(--hc-brand-soft);border:1px solid var(--hc-brand-soft-border);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:8px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.auth-foot{margin-top:24px}.form-error{background:var(--danger-soft);color:var(--danger);border-radius:10px;padding:10px 12px;font-size:13px;font-weight:500}.brand-mark{background:var(--hc-brand);color:var(--hc-brand-ink);border-radius:10px;flex:none;place-items:center;display:inline-grid;overflow:hidden}.brand-mark-img{background:var(--surface);border:1px solid var(--line)}.brand-mark-img img{object-fit:contain;width:100%;height:100%}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{color:var(--ink);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.field-hint{color:var(--muted);font-size:12px}.field-error{color:var(--danger);font-size:12px}.input{border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--surface);width:100%;height:40px;color:var(--ink);font:inherit;padding:0 12px;transition:border-color .15s,box-shadow .15s}textarea.input{resize:vertical;height:auto;padding:10px 12px;line-height:1.55}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.input:hover{border-color:#cfd4dc}.input:focus{border-color:var(--hc-brand);box-shadow:0 0 0 3px var(--hc-brand-soft-border);outline:none}.input:disabled,.input[readonly]{background:var(--bg);color:var(--body)}.input.invalid{border-color:var(--danger)}.input::placeholder{color:var(--faint)}.input-sm .input,.input.input-sm{border-radius:10px;height:34px;font-size:13px}.input-xs{font-size:12px;border-radius:8px!important;height:28px!important;padding:0 8px!important}.input-icon{align-items:center;display:flex;position:relative}.input-icon>svg:first-child{color:var(--faint);pointer-events:none;position:absolute;left:12px}.input-icon .input{padding-left:36px}.input-suffix{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:absolute;right:6px}.input-suffix:hover{background:var(--bg)}.input-icon:has(.input-suffix) .input{padding-right:40px}.input-prefix{border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--surface);align-items:center;display:flex;overflow:hidden}.input-prefix:focus-within{border-color:var(--hc-brand);box-shadow:0 0 0 3px var(--hc-brand-soft-border)}.input-prefix span{color:var(--muted);font-family:var(--mono);padding:0 4px 0 12px}.input-prefix .input{border:0;padding-left:2px;box-shadow:none!important}.btn{border-radius:var(--r-ctl);height:38px;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--hc-brand);color:var(--hc-brand-ink);box-shadow:0 1px 2px #0b122014}.btn-primary:hover:not(:disabled){background:var(--hc-brand-strong)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong);box-shadow:0 1px 2px #0b12200a}.btn-secondary:hover:not(:disabled){background:var(--bg)}.btn-ghost{color:var(--body);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg);color:var(--ink)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-ghost-danger{color:var(--danger);background:0 0}.btn-ghost-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-note{background:var(--note-border);color:#422006}.btn-note:hover:not(:disabled){background:#ca8a04}.btn-sm{border-radius:10px;height:32px;padding:0 10px;font-size:12.5px}.btn-xs{border-radius:8px;gap:4px;height:26px;padding:0 8px;font-size:12px}.btn-xs svg{width:13px;height:13px}.btn-lg{height:44px;font-size:14.5px}.btn-icon{width:38px;padding:0}.icon-btn{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--bg);color:var(--ink)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.link-btn{color:var(--hc-brand);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:600}.link-btn.danger{color:var(--danger)}.switch-row{cursor:pointer;align-items:center;gap:16px;display:flex}.switch-row.disabled{opacity:.6;cursor:not-allowed}.switch-text{flex-direction:column;flex:1;gap:2px;display:flex}.switch-label{color:var(--ink);font-weight:600}.switch{background:#d5d9e0;border-radius:999px;flex:none;width:40px;height:24px;transition:background .2s;position:relative}.switch input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.switch-knob{pointer-events:none;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0b122033}.switch.on{background:var(--hc-brand)}.switch.on .switch-knob{transform:translate(16px)}.switch:has(input:focus-visible){outline:2px solid var(--hc-brand);outline-offset:2px}.switch-group{flex-direction:column;gap:0;display:flex}.switch-group>.switch-row{border-top:1px solid var(--line);padding:14px 0}.switch-group>.switch-row:first-child{border-top:0;padding-top:0}.switch-group>.switch-row:last-child{padding-bottom:0}.segmented{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-ctl);align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.seg{height:32px;font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.seg:hover{color:var(--ink)}.seg.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips-inline{flex-wrap:wrap;gap:4px;display:flex}.chip{border:1px solid var(--line-strong);background:var(--surface);height:32px;font:inherit;color:var(--body);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 8px;font-size:13px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--hc-brand-soft-border)}.chip.on{background:var(--hc-brand-soft);border-color:var(--hc-brand);color:var(--hc-brand-strong);font-weight:600}.avatar{color:#fff;object-fit:cover;letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.avatar-wrap{flex:none;display:inline-flex;position:relative}.avatar-wrap .presence{border:2px solid var(--surface);width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--surface);margin-left:-8px}.avatar-stack .avatar:first-child{margin-left:0}.presence{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.presence-online{background:#10b981}.presence-away{background:#f59e0b}.presence-offline{background:#c3c8d0}.presence-label{align-items:center;gap:6px;display:inline-flex}.badge{white-space:nowrap;background:var(--bg);height:20px;color:var(--body);border:1px solid var(--line);vertical-align:middle;border-radius:6px;align-items:center;gap:4px;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex}.badge-brand{background:var(--hc-brand-soft);color:var(--hc-brand-strong);border-color:var(--hc-brand-soft-border)}.badge-ai{background:var(--ai-soft);color:var(--ai);border-color:#e4dcfd}.badge-success{background:var(--success-soft);color:var(--success);border-color:#c9f1df}.badge-warn{background:var(--warn-soft);color:var(--warn);border-color:#fde6b0}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:22px;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.pill-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.pill-ai{background:var(--ai-soft);color:var(--ai)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-success{background:var(--success-soft);color:var(--success)}.pill-neutral{background:var(--bg);color:var(--muted)}.count{background:var(--bg);min-width:20px;height:18px;color:var(--muted);border-radius:999px;place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.count-warn{color:var(--warn);background:#fef3c7}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow)}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-body{padding:20px}.card-toolbar{border-bottom:1px solid var(--line);gap:8px;padding:12px 16px;display:flex}.page{width:100%;max-width:1240px;margin:0 auto;padding:32px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-head p{margin-top:4px}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.divider-label{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);border-top:1px solid var(--line);padding-top:16px;font-size:12px;font-weight:700}.alert{border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.alert>svg{flex:none;margin-top:1px}.alert-warn{background:var(--warn-soft);color:#92400e;border:1px solid #fde6b0}.alert-info{background:var(--hc-brand-soft);color:var(--ink);border:1px solid var(--hc-brand-soft-border)}.alert-info>svg{color:var(--hc-brand)}.alert-success{background:var(--success-soft);color:#065f46;border:1px solid #c9f1df}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty strong{color:var(--ink);font-size:15px}.empty p{max-width:360px;font-size:13px}.empty .btn{margin-top:8px}.empty-icon{background:var(--hc-brand-soft);width:48px;height:48px;color:var(--hc-brand);border-radius:14px;place-items:center;margin-bottom:4px;display:grid}.skeleton{background:linear-gradient(90deg,#eef0f3 0%,#f6f7f9 50%,#eef0f3 100%) 0 0/200% 100%;flex:none;animation:1.4s ease-in-out infinite shimmer;display:block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-rows{padding:8px 16px}.sk-row{align-items:center;gap:12px;padding:12px 0;display:flex}.sk-lines{flex-direction:column;flex:1;gap:8px;display:flex}.sk-table{padding:8px 20px}.sk-trow{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:14px 0;display:flex}.toasts{z-index:1000;flex-direction:column;gap:8px;max-width:min(400px,100vw - 40px);display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;font-size:13.5px;font-weight:500;animation:.2s ease-out toast-in;display:flex}.toast>svg{flex:none;margin-top:1px}.toast span{flex:1}.toast-success>svg{color:#34d399}.toast-error>svg{color:#f87171}.toast-info>svg{color:#93c5fd}.toast-x{color:#fff9;cursor:pointer;background:0 0;border:0;padding:2px;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.modal-backdrop{z-index:900;background:#0b122066;place-items:center;padding:16px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:var(--r-panel);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-height:calc(100vh - 32px);animation:.18s ease-out pop;display:flex}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.modal-sm{max-width:420px}.modal-md{max-width:540px}.modal-lg{max-width:680px}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 0 24px;display:flex}.modal-head h3{font-size:17px}.modal-body{padding:20px 24px;overflow:auto}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.confirm-text{color:var(--body)}.menu{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:50;border-radius:14px;min-width:200px;padding:6px;position:absolute}.menu-up{bottom:calc(100% + 8px);left:0;right:0}.menu-title{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);padding:6px 10px 4px;font-size:11px;font-weight:700}.menu-item{width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.menu-item:hover{background:var(--bg)}.menu-item.danger{color:var(--danger)}.menu-sep{background:var(--line);height:1px;margin:6px 4px}.shell{height:100%;display:flex}.main{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative;overflow:auto}.conn-banner{background:var(--warn-soft);color:#92400e;border-bottom:1px solid #fde6b0;flex:none;justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex:none;gap:8px;padding:16px 12px;display:flex}.sb-brand{align-items:center;gap:10px;padding:4px 8px 16px;display:flex}.sb-brand-name{color:var(--ink);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;font-weight:800;overflow:hidden}.sb-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sb-link{height:40px;color:var(--body);border-radius:11px;align-items:center;gap:12px;padding:0 12px;font-size:13.5px;font-weight:600;display:flex;position:relative}.sb-link:hover{background:var(--bg);color:var(--ink);text-decoration:none}.sb-link.active{background:var(--hc-brand-soft);color:var(--hc-brand-strong)}.sb-link.active svg{color:var(--hc-brand)}.sb-badge{color:#fff;background:#f59e0b;border-radius:999px;place-items:center;min-width:22px;height:20px;margin-left:auto;padding:0 6px;font-size:11.5px;font-weight:700;display:grid}.sb-bottom{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.sb-tools{flex-direction:column;gap:2px;display:flex}.sb-tool{height:32px;color:var(--muted);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:0 12px;font-size:12.5px;font-weight:500;display:flex}button.sb-tool:hover{background:var(--bg);color:var(--ink)}.sb-user{position:relative}.sb-user-btn{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.sb-user-btn:hover{background:var(--bg)}.sb-user-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.sb-user-text strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.inbox{flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.inbox-list{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex:none;width:340px;min-height:0;display:flex}.il-head{border-bottom:1px solid var(--line);flex-direction:column;gap:12px;padding:20px 16px 12px;display:flex}.il-scroll{flex:1;padding:8px 8px 16px;overflow:auto}.il-group{margin-top:4px}.il-group-head{width:100%;font:inherit;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:10px 8px 6px;font-size:11.5px;font-weight:700;display:flex}.il-group-head .count{margin-left:2px}.chev{flex:none;transition:transform .15s}.chev.rot{transform:rotate(-90deg)}.il-empty{padding:4px 12px 10px 28px}.conv-item{color:inherit;border:1px solid #0000;border-radius:12px;gap:12px;padding:10px;display:flex;position:relative}.conv-item:hover{background:var(--bg);text-decoration:none}.conv-item.active{background:var(--hc-brand-soft);border-color:var(--hc-brand-soft-border)}.ci-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ci-row{align-items:center;gap:6px;min-width:0;display:flex}.ci-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.conv-item.unread .ci-name{font-weight:800}.ci-time{color:var(--faint);white-space:nowrap;flex:none;margin-left:auto;font-size:11.5px}.wait-timer{color:var(--warn);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-weight:700;display:inline-flex}.ci-preview{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.conv-item.unread .ci-preview{color:var(--ink);font-weight:500}.unread-dot{background:var(--hc-brand);border-radius:50%;flex:none;width:8px;height:8px}.ci-meta{color:var(--faint);min-height:22px;margin-top:2px;font-size:11.5px}.ci-dept,.ci-agent{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.conv-empty{background:var(--bg);flex:1;place-items:center;display:grid}.conv{background:var(--surface);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.conv-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;min-height:68px;padding:12px 16px 12px 20px;display:flex}.ch-title{flex:1;min-width:0}.ch-name{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ch-name strong{color:var(--ink);font-size:15.5px}.ch-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ch-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.only-narrow,.side-toggle{display:none}.conv-scroll{background:var(--surface);flex-direction:column;flex:1;gap:2px;min-height:0;padding:20px 24px 12px;display:flex;overflow:auto}.day-sep{justify-content:center;margin:12px 0 8px;display:flex}.day-sep span{color:var(--faint);background:var(--surface);padding:0 10px;font-size:11.5px;font-weight:600;position:relative}.msg-system{justify-content:center;margin:8px 0;display:flex}.msg-system span{color:var(--muted);background:var(--bg);border:1px solid var(--line);text-align:center;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.msg-system time{color:var(--faint);font-size:11px}.msg-row{align-items:flex-end;gap:8px;max-width:100%;display:flex}.msg-row.out{justify-content:flex-end}.msg-row.group-start{margin-top:10px}.msg-avatar{flex:none;align-self:flex-start;width:28px;margin-top:20px}.msg-col{flex-direction:column;min-width:0;max-width:min(72%,560px);display:flex}.msg-row.out .msg-col{align-items:flex-end}.msg-head{color:var(--faint);align-items:center;gap:6px;margin:0 4px 4px;font-size:11.5px;display:flex}.msg-name{color:var(--muted);font-weight:600}.ai-tag,.note-tag{letter-spacing:.04em;border-radius:5px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:800;display:inline-flex}.ai-tag{background:var(--ai-soft);color:var(--ai)}.note-tag{background:var(--note);color:var(--note-ink)}.ai-avatar{background:var(--ai-soft);width:28px;height:28px;color:var(--ai);border-radius:50%;place-items:center;display:grid}.bubble{border-radius:var(--r-bubble);overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%;padding:10px 14px;font-size:14px;line-height:1.5}.bubble-in{background:var(--bubble-in);color:var(--ink);border-top-left-radius:4px}.bubble-out{background:var(--hc-brand);color:var(--hc-brand-ink);border-top-right-radius:4px}.bubble-out a{color:inherit;text-decoration:underline}.bubble-ai{background:var(--hc-brand-soft);color:var(--ink);border:1px solid var(--hc-brand-soft-border)}.bubble-ai a{color:var(--hc-brand)}.bubble-note{background:var(--note);color:var(--note-ink);border:1.5px dashed var(--note-border)}.bubble-note a{color:var(--note-ink)}.bubble-file-only{padding:4px}.bubble-text+.msg-file,.bubble-text+.msg-image{margin-top:8px}.caret{vertical-align:-2px;opacity:.6;background:currentColor;width:7px;height:14px;margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.typing-bubble,.typing-inline{align-items:center;gap:4px;display:inline-flex}.typing-bubble{padding:12px 14px}.dot{background:var(--faint);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite bounce}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.msg-row.in.typing-row{margin-top:8px}.msg-image{border-radius:12px;max-width:280px;display:block;overflow:hidden}.msg-image img{object-fit:cover;width:100%;max-height:260px;display:block}.msg-file{border:1px solid var(--line);background:#ffffffe6;border-radius:12px;align-items:center;gap:10px;min-width:220px;padding:8px 12px 8px 8px;display:flex;color:var(--ink)!important;text-decoration:none!important}.msg-file-icon{background:var(--hc-brand-soft);width:36px;height:36px;color:var(--hc-brand);border-radius:10px;flex:none;place-items:center;display:grid}.msg-file-text{white-space:normal;flex-direction:column;flex:1;min-width:0;display:flex}.msg-file-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.msg-file-text span{color:var(--muted);font-size:11.5px}.qr-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.qr{border:1px solid var(--hc-brand-soft-border);color:var(--hc-brand-strong);background:var(--surface);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.msg-seen{color:var(--faint);align-items:center;gap:4px;margin:4px 4px 0;font-size:11px;display:inline-flex}.composer{border-top:1px solid var(--line);background:var(--surface);flex:none;padding:12px 16px 16px;position:relative}.composer-closed{color:var(--muted);background:var(--bg);justify-content:center;align-items:center;gap:8px;padding:16px;font-size:13px;display:flex}.composer-hint{color:var(--note-ink);background:#fefce8;border:1px solid #fde68a;border-radius:10px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;font-size:12.5px;display:flex}.composer-box{border:1px solid var(--line-strong);border-radius:var(--r-card);background:var(--surface);transition:border-color .15s,box-shadow .15s,background .15s;overflow:hidden}.composer-box:focus-within{border-color:var(--hc-brand);box-shadow:0 0 0 3px var(--hc-brand-soft-border)}.composer-note .composer-box{border:1.5px dashed var(--note-border);background:#fefce8}.composer-note .composer-box:focus-within{border-color:var(--note-border);box-shadow:0 0 0 3px #fef08a}.note-banner{color:var(--note-ink);align-items:center;gap:6px;padding:8px 14px 0;font-size:11.5px;font-weight:700;display:flex}.composer textarea{resize:none;width:100%;font:inherit;color:var(--ink);field-sizing:content;background:0 0;border:0;outline:none;min-height:52px;max-height:200px;padding:12px 14px 4px;font-size:14px;display:block}.composer textarea::placeholder{color:var(--faint)}.composer-bar{align-items:center;gap:4px;padding:6px 8px 8px;display:flex}.note-toggle{border:1px solid var(--line-strong);background:var(--surface);height:30px;color:var(--body);font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:6px;margin-right:4px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.note-toggle.on{background:var(--note);border-color:var(--note-border);color:var(--note-ink)}.note-toggle:disabled{cursor:default}.composer-kbd{margin-left:auto;margin-right:8px}.send-btn{height:34px}.canned-pop{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-lg);z-index:20;max-height:340px;padding:6px;position:absolute;bottom:calc(100% - 8px);left:16px;right:16px;overflow:auto}.canned-pop-head{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);align-items:center;gap:6px;padding:6px 8px;font-size:11.5px;font-weight:700;display:flex}.canned-pop-head .input{text-transform:none;letter-spacing:0;max-width:220px;margin-left:auto;font-weight:500}.canned-opt{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.canned-opt.hi{background:var(--hc-brand-soft)}.canned-opt-top{align-items:center;gap:8px;display:flex}.canned-opt-top code{color:var(--hc-brand-strong);font-weight:600}.canned-opt-top strong{color:var(--ink);font-size:13px}.canned-opt-body{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.canned-none{padding:12px 10px}.canned-pop-foot{border-top:1px solid var(--line);margin-top:4px;padding:6px 10px 2px;font-size:11px}.conv-side-wrap{display:contents}.side-backdrop{display:none}.conv-side{border-left:1px solid var(--line);background:var(--bg);flex-direction:column;flex:none;width:320px;min-height:0;display:flex}.side-head{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;padding:12px 16px;display:none}.side-head strong{color:var(--ink)}.side-scroll{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow:auto}.side-sec{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow)}.side-sec-head{width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:14px 16px;font-size:13.5px;font-weight:700;display:flex}.side-ext{color:var(--muted);display:grid}.side-ext:hover{color:var(--hc-brand)}.side-sec-body{flex-direction:column;gap:8px;padding:0 16px 16px;display:flex}.info-row{grid-template-columns:16px 72px 1fr;align-items:start;gap:8px;font-size:13px;display:grid}.info-row>svg{color:var(--faint);margin-top:3px}.info-label{color:var(--muted)}.info-val{color:var(--ink);overflow-wrap:anywhere;min-width:0}.handoff-reason{background:var(--warn-soft);border:1px solid #fde6b0;border-radius:10px;margin-top:4px;padding:8px 10px}.handoff-reason p{color:#78350f;font-size:13px}.client-card{border:1px solid var(--hc-brand-soft-border);background:var(--hc-brand-soft);border-radius:12px;padding:12px}.client-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.client-name{color:var(--ink);font-weight:700}.client-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.client-stats>div{flex-direction:column;min-width:0;display:flex}.client-stats strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.client-list{margin-top:8px}.cl-title{color:var(--muted);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.cl-title .count{margin-left:auto}.cl-warn{color:var(--warn)}.cl-warn .count{color:var(--warn);background:#fef3c7}.cl-empty{padding:2px 0 4px}.link-item{color:inherit;border-radius:9px;align-items:center;gap:8px;margin:0 -8px;padding:7px 8px;display:flex}.link-item:hover{background:var(--bg);text-decoration:none}.link-ext{color:var(--faint);opacity:0;flex:none}.link-item:hover .link-ext{opacity:1}.li-main{flex-direction:column;flex:1;min-width:0;display:flex}.li-main strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.li-side{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.li-amount{color:var(--warn);white-space:nowrap;font-size:13px}.prev-list{flex-direction:column;display:flex}.prev-item{color:var(--ink);border-radius:9px;justify-content:space-between;align-items:center;gap:8px;margin:0 -8px;padding:8px;font-size:13px;display:flex}.prev-item:hover{background:var(--bg);text-decoration:none}.prev-side{align-items:center;gap:6px;display:flex}.rating-sm{color:var(--ink);align-items:center;gap:3px;font-size:12px;font-weight:600;display:inline-flex}.rating-sm svg{color:#f59e0b;fill:#f59e0b}.pick-list{flex-direction:column;gap:6px;max-height:360px;margin-top:16px;display:flex;overflow:auto}.pick{border:1px solid var(--line);background:var(--surface);text-align:left;font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.pick:hover{border-color:var(--hc-brand-soft-border)}.pick.on{border-color:var(--hc-brand);background:var(--hc-brand-soft)}.pick.dim .pick-text strong{color:var(--muted)}.pick-icon{background:var(--bg);width:32px;height:32px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.pick-text{flex-direction:column;flex:1;min-width:0;display:flex}.pick-text strong{color:var(--ink)}.radio{border:2px solid var(--line-strong);border-radius:50%;flex:none;width:18px;height:18px}.pick.on .radio{border:5px solid var(--hc-brand)}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px;display:flex}.filter-bar>select{width:auto;min-width:160px}.date-range{align-items:center;gap:6px;display:flex}.date-range .input{width:150px}.table-card{overflow:hidden}.table-wrap{transition:opacity .15s;overflow-x:auto}.table-wrap.loading,.loading-fade{opacity:.55;pointer-events:none}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;background:#fbfbfc;padding:12px 16px;font-size:11.5px;font-weight:700}.table td{border-bottom:1px solid var(--line);vertical-align:middle;color:var(--body);padding:12px 16px}.table tr:last-child td{border-bottom:0}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table-click tbody tr{cursor:pointer}.table-click tbody tr:hover td{background:#fafbfc}.cell-person{align-items:center;gap:10px;min-width:0;display:flex}.cell-person>div{flex-direction:column;min-width:0;max-width:320px;display:flex}.cell-person strong{color:var(--ink);align-items:center;gap:6px;display:flex}.cell-flex{align-items:center;gap:8px;display:flex}.cell-flex .small{align-items:center;gap:3px;display:inline-flex}.row-actions{text-align:right;white-space:nowrap}.pager{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.pager-btns{gap:4px;display:flex}.stars{color:#d5d9e0;gap:1px;display:inline-flex}.stars .on{color:#f59e0b;fill:#f59e0b}.transcript{flex:1;height:100%;min-height:0;display:flex}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi{padding:16px 18px}.kpi-top{align-items:center;gap:8px;display:flex}.kpi-icon{background:var(--bg);width:28px;height:28px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.kpi-accent .kpi-icon{background:var(--hc-brand-soft);color:var(--hc-brand)}.kpi-label{color:var(--muted);font-size:12.5px;font-weight:600}.kpi-value{color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:10px;font-size:26px;font-weight:800}.chart{flex-direction:column;gap:12px;display:flex}.legend{color:var(--body);gap:16px;font-size:12.5px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.sw{border-radius:3px;width:10px;height:10px;display:inline-block}.sw-ai{background:var(--hc-brand)}.sw-agent{background:#a3acb9}.chart-box{height:260px;padding-bottom:22px;position:relative}.chart-svg{width:100%;height:100%;display:block;overflow:visible}.grid-line{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.axis-line{stroke:var(--line-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.bar-ai{fill:var(--hc-brand)}.bar-agent{fill:#a3acb9}.bar-hover .bar-ai{fill:var(--hc-brand-strong)}.bar-hover .bar-agent{fill:#8691a1}.chart-y{pointer-events:none;width:30px;position:absolute;top:0;bottom:22px;left:0}.chart-y span{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;left:0;transform:translateY(-50%)}.chart-x{pointer-events:none;height:18px;position:absolute;bottom:0;left:0;right:0}.chart-x span{color:var(--faint);white-space:nowrap;font-size:11px;position:absolute;transform:translate(-50%)}.chart-tip{background:var(--ink);color:#fff;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-lg);z-index:5;border-radius:10px;flex-direction:column;gap:3px;padding:8px 10px;font-size:12px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.chart-tip span{color:#fffc;align-items:center;gap:6px;display:flex}.chart-tip b{color:#fff;margin-left:auto;padding-left:12px}.tip-total{border-top:1px solid #ffffff26;margin-top:2px;padding-top:3px}.rating-bars{flex-direction:column;gap:10px;max-width:640px;display:flex}.rb-row{grid-template-columns:40px 1fr 90px;align-items:center;gap:12px;display:grid}.rb-label{color:var(--ink);align-items:center;gap:4px;font-weight:600;display:inline-flex}.rb-label svg{color:#f59e0b;fill:#f59e0b}.rb-track{background:var(--bg);border-radius:999px;height:10px;overflow:hidden}.rb-fill{background:var(--hc-brand);border-radius:999px;min-width:2px;height:100%;display:block}.rb-val{font-variant-numeric:tabular-nums;color:var(--ink);font-size:13px}.list-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.list-row:last-child{border-bottom:0}.list-main{flex:1;min-width:0}.list-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.list-title strong{color:var(--ink)}.shortcut{background:var(--hc-brand-soft);color:var(--hc-brand-strong);border-radius:6px;padding:1px 7px;font-weight:600}.list-body{color:var(--muted);white-space:pre-wrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:13px;display:-webkit-box;overflow:hidden}.list-actions{flex:none;gap:2px;display:flex}.placeholder-help{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:-8px;font-size:12.5px;display:flex}.placeholder-help .chip{height:26px;padding:0 10px;font-size:12px}.placeholder-help code{color:var(--hc-brand-strong)}.dept-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.dept-card{flex-direction:column;gap:14px;padding:18px;display:flex}.dept-card.inactive{opacity:.7}.dept-top{align-items:flex-start;gap:12px;display:flex}.dept-top strong{color:var(--ink);font-size:15px}.dept-icon{background:var(--hc-brand-soft);width:38px;height:38px;color:var(--hc-brand);border-radius:11px;flex:none;place-items:center;display:grid}.dept-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dept-members{border-top:1px solid var(--line);align-items:center;gap:10px;padding-top:12px;display:flex}.dept-members .small{align-items:center;gap:4px;display:inline-flex}.settings-page{padding-bottom:120px}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;margin-bottom:24px;display:flex;overflow:auto hidden}.tab{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 14px;font-weight:600;display:inline-flex}.tab:hover{color:var(--ink)}.tab.active{color:var(--hc-brand-strong);border-bottom-color:var(--hc-brand)}.settings-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.settings-grid:not(:has(.settings-aside)){grid-template-columns:minmax(0,820px)}.settings-aside{position:sticky;top:24px}.save-bar{left:calc(var(--sidebar-w) + (100vw - var(--sidebar-w)) / 2);background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;z-index:100;max-width:calc(100vw - var(--sidebar-w) - 32px);border-radius:16px;align-items:center;gap:8px;padding:8px 8px 8px 18px;transition:transform .25s,opacity .25s;display:flex;position:fixed;bottom:24px;transform:translate(-50%,120%)}.save-bar.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.save-bar-text{white-space:nowrap;align-items:center;gap:8px;margin-right:12px;font-size:13.5px;font-weight:600;display:inline-flex}.save-bar .muted{color:#fff9}.save-bar .btn-ghost{color:#ffffffd9}.save-bar .btn-ghost:hover:not(:disabled){color:#fff;background:#ffffff1a}.dirty-dot{background:#f59e0b;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.logo-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.logo-preview{border:1px solid var(--line);background:var(--hc-brand);width:56px;height:56px;color:var(--hc-brand-ink);border-radius:14px;place-items:center;display:grid;overflow:hidden}.logo-preview img{object-fit:contain;background:#fff;width:100%;height:100%}.color-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch{cursor:pointer;color:#fff;border:0;border-radius:10px;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 0 0 1px #00000014}.swatch.on{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}.hex-input{align-items:center;gap:6px;margin-left:8px;display:flex}.hex-input input[type=color]{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:10px;width:36px;height:36px;padding:2px}.hex-input .input{width:110px;font-family:var(--mono);text-transform:uppercase}.secret-status{background:var(--success-soft);color:#065f46;border:1px solid #c9f1df;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.secret-status span{flex:1}.secret-status.deleting{background:var(--danger-soft);color:var(--danger);border-color:#fecaca}.copy-row{align-items:center;gap:6px;display:flex}.install-box{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:14px 16px;font-size:13px}.install-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.install-head strong{color:var(--ink)}.install-box ol{flex-direction:column;gap:4px;margin:0 0 10px;padding-left:20px;display:flex}.code{background:var(--ink);color:#e5e7eb;font-family:var(--mono);white-space:pre;border-radius:10px;margin:0 0 10px;padding:12px 14px;font-size:12.5px;overflow-x:auto}.article-rows{flex-direction:column;gap:8px;display:flex}.article-row{grid-template-columns:1fr 1.4fr auto;align-items:center;gap:8px;display:grid}.preview-card{padding:16px}.preview-label{margin-bottom:12px;font-weight:600}.preview-stage{border:1px solid var(--line);background:linear-gradient(135deg,#f6f7f9 25%,#0000 25%) -8px 0/16px 16px,linear-gradient(225deg,#f6f7f9 25%,#0000 25%) -8px 0/16px 16px,#fbfbfc;border-radius:14px;flex-direction:column;align-items:flex-end;height:460px;padding:16px;display:flex;position:relative;overflow:hidden}.preview-stage.left{align-items:flex-start}.pv-widget{background:var(--surface);width:240px;box-shadow:var(--shadow-lg);border:1px solid var(--line);border-radius:18px;overflow:hidden}.pv-head{background:linear-gradient(160deg, var(--hc-brand) 0%, var(--hc-brand-strong) 100%);color:var(--hc-brand-ink);flex-direction:column;gap:4px;padding:14px 16px 18px;display:flex}.pv-brand{opacity:.95;align-items:center;gap:6px;margin-bottom:10px;font-size:11.5px;font-weight:700;display:flex}.pv-logo{background:#fff3;border-radius:7px;place-items:center;width:22px;height:22px;display:grid;overflow:hidden}.pv-logo img{object-fit:contain;background:#fff;width:100%;height:100%}.pv-title{letter-spacing:-.01em;font-size:17px;font-weight:800;line-height:1.25}.pv-sub{opacity:.85;font-size:12px}.pv-body{flex-direction:column;gap:6px;padding:12px;display:flex}.pv-msg{display:flex}.pv-msg.out{justify-content:flex-end}.pv-bubble{border-radius:12px;max-width:80%;padding:6px 10px;font-size:11.5px}.pv-bubble.in{background:var(--bubble-in);color:var(--ink);border-top-left-radius:4px}.pv-bubble.out{background:var(--hc-brand);color:var(--hc-brand-ink);border-top-right-radius:4px}.pv-cta{background:var(--hc-brand);height:32px;color:var(--hc-brand-ink);border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:700;display:flex}.pv-proactive{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);border-radius:14px;max-width:220px;margin-top:auto;margin-bottom:10px;padding:8px 12px;font-size:12px}.pv-launcher{background:var(--hc-brand);width:52px;height:52px;color:var(--hc-brand-ink);border-radius:50%;flex:none;place-items:center;margin-top:auto;display:grid;box-shadow:0 8px 20px #0b122033}.pv-proactive+.pv-launcher{margin-top:0}@media (width<=1440px){.inbox-list{width:310px}}@media (width<=1200px){.conv-side-wrap{display:block}.conv-side-wrap .conv-side{z-index:200;width:360px;max-width:92vw;box-shadow:var(--shadow-lg);transition:transform .25s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.conv-side-wrap.open .conv-side{transform:none}.conv-side-wrap.open .side-backdrop{z-index:199;background:#0b12204d;display:block;position:fixed;inset:0}.side-head{display:flex}.side-toggle{display:inline-grid}.settings-grid{grid-template-columns:minmax(0,1fr)}.settings-aside{order:-1;position:static}.preview-stage{height:400px}.kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){:root{--sidebar-w:68px}.sidebar{align-items:stretch;padding:16px 10px}.sb-label,.sb-brand-name,.sb-user-text{display:none}.sb-brand{justify-content:center;padding:4px 0 16px}.sb-link{justify-content:center;padding:0}.sb-badge{min-width:18px;height:16px;padding:0 4px;font-size:10px;position:absolute;top:2px;right:2px}.sb-tool{justify-content:center;padding:0}.sb-user-btn{justify-content:center;padding:6px 0}.menu-up{width:220px;left:0;right:auto}.page{padding:24px}.grid-2{grid-template-columns:minmax(0,1fr)}.composer-kbd{display:none}.send-btn{margin-left:auto}}@media (width<=860px){.inbox-list{border-right:0;width:100%}.inbox.has-conv .inbox-list,.inbox:not(.has-conv) .conv-empty{display:none}.only-narrow{display:inline-grid}.msg-col{max-width:85%}.grid-2-1,.grid-1-2{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.hide-sm{display:none}.page{padding:16px}.kpis{grid-template-columns:minmax(0,1fr)}.article-row{grid-template-columns:1fr auto}.article-row input:nth-child(2){grid-column:1}.conv-scroll{padding:16px 12px 8px}}.modal-xl{max-width:1040px}.trigger-row{align-items:center}.trigger-row.inactive .list-main{opacity:.6}.trigger-switch{flex:none}.trigger-summary{color:var(--body);margin-top:6px;font-size:12.5px;font-weight:500}.trigger-text{-webkit-line-clamp:1;margin-top:4px}.trigger-stats{flex:none;grid-template-columns:repeat(4,72px);gap:4px;display:grid}.trigger-stats>div{flex-direction:column;align-items:flex-end;display:flex}.trigger-stats strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px}.trigger-stats span{color:var(--muted);white-space:nowrap;font-size:11px}.trigger-editor{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.trigger-preview{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);padding:14px;position:sticky;top:0}.tp-stage{border:1px solid var(--line);background:#fbfbfc;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:12px;min-height:200px;padding:24px 12px 12px;display:flex}.tp-card{border:1px solid var(--line);background:#fff;border-radius:16px;width:260px;padding:12px 14px;position:relative;box-shadow:0 10px 30px #0b12201f,0 1px 2px #0b12200f}.tp-x{border:1px solid var(--line);width:22px;height:22px;color:var(--muted);box-shadow:var(--shadow);cursor:default;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:-8px;right:-8px}.tp-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.tp-head strong{color:var(--ink);font-size:12.5px}.tp-avatar{background:var(--hc-brand);width:26px;height:26px;color:var(--hc-brand-ink);border-radius:50%;place-items:center;font-size:10.5px;font-weight:700;display:grid}.tp-text{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.tp-text .muted{align-items:center;gap:6px;display:inline-flex}.tp-controls{gap:12px;margin-top:14px}.rules{flex-direction:column;gap:8px;display:flex}.rules-match{align-items:center;gap:10px;display:flex}.rule-row{grid-template-columns:150px 130px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}@media (width<=1100px){.trigger-editor{grid-template-columns:minmax(0,1fr)}.trigger-preview{position:static}}@media (width<=860px){.trigger-row{flex-wrap:wrap}.trigger-stats{order:3;grid-template-columns:repeat(4,1fr);width:100%}.rule-row{grid-template-columns:1fr 1fr auto}.rule-row input{grid-column:1/3}}