@layer reset{*{box-sizing:border-box}html,body,#app{width:100%;min-width:0;min-height:100%;margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{border:0}fieldset{min-width:0;margin:0}img{max-width:100%}table{border-collapse:collapse}body{overflow-x:hidden}}@layer base{:root{--accent:#087f8c;--accent-hover:#066976;--ink:#152b38;--muted:#68798d;--surface:#fff;--background:#f3f5f7;--line:#e2e8ef;--line-strong:#a6b4c2;--selected:#e8f4f5;--danger:#b42333;--danger-bg:#fff0f1;--success-bg:#e7f6f0;--radius:6px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--duration:.16s;color:var(--ink);background:var(--surface);font-synthesis:none;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font-size:14px;line-height:1.5}button{color:inherit;transition:background var(--duration),border-color var(--duration);background:0 0}button:disabled{opacity:.52}button:hover:not(:disabled){background-color:var(--background)}:focus-visible{outline-offset:3px;outline:3px solid #197eaa}input,textarea,select{border:1px solid var(--line-strong);border-radius:var(--radius);min-width:0;max-width:100%;color:var(--ink);background:#fff}input,select{min-height:44px;padding:9px 12px}textarea{resize:vertical;padding:10px 12px}input::placeholder,textarea::placeholder{color:var(--muted)}label{flex-direction:column;gap:8px;display:flex}h1{font-size:22px;font-weight:700;line-height:1.45}h2{font-size:20px;font-weight:700;line-height:1.5}h3{font-size:16px;font-weight:700;line-height:1.5}strong{font-weight:650}.muted,.field-help{color:var(--muted)}.small-text,.field-help{font-size:12px}.field-help{margin-block:4px 12px}.field-error,.danger{color:var(--danger)}.field-error{font-size:12px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mobile-only{display:inline-flex}.button{border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-weight:600;display:inline-flex}.button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.button.primary:hover:not(:disabled){background:var(--accent-hover)}.button.outline{border-color:var(--accent);color:var(--accent);background:#fff}.button.outline:hover:not(:disabled){background:var(--selected)}.button.subtle{background:var(--background);border-color:var(--line)}.danger-outline{color:var(--danger);border-color:var(--danger);background:#fff}.danger-button{color:#fff;background:var(--danger);border-color:var(--danger)}.danger-button:hover:not(:disabled){background:#90172a}.full-width{width:100%}.icon-button{border-radius:var(--radius);justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px;display:inline-flex}.icon-button.bordered{border:1px solid var(--line-strong)}.link{min-height:44px;color:var(--accent);text-underline-offset:3px;align-items:center;padding:6px 8px;font-size:13px;text-decoration:underline;display:inline-flex}.link.danger{color:var(--danger)}.text-button{align-items:center;min-height:44px;padding:8px 12px;display:inline-flex}.notice{background:var(--background);border-block-end:1px solid var(--line);overflow-wrap:anywhere;padding:12px 16px;font-size:13px}.notice.error{background:var(--danger-bg);color:var(--danger)}.notice.success{background:var(--success-bg);color:#156748}.button-row{flex-wrap:wrap;gap:12px;display:flex}.empty-line{color:var(--muted);text-align:center;padding:24px 12px}.avatar{color:#087081;background:#e0f0f2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:19px;font-weight:600;display:inline-flex}.avatar.small{width:40px;height:40px;font-size:16px}.avatar.large{width:64px;height:64px;font-size:25px}.avatar.agent{color:#2c5c85;background:#e7eef8}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:36px;display:inline-flex;position:relative}.brand-mark:after{content:"";inset-inline-start:8px;border-top:6px solid var(--accent);border-right:7px solid #0000;position:absolute;bottom:-4px}.brand{align-items:center;gap:24px;min-width:0;display:flex}.brand strong{white-space:nowrap;font-size:22px}.conversation-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-width:0;min-height:200px;padding:32px;display:flex}.conversation-empty>svg{color:var(--accent)}.conversation-empty p{color:var(--muted);max-width:360px}.conversation-empty h2{font-size:20px}}@layer components{.login-page{background:#f5f7f9;flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100dvh;padding:32px 20px;display:flex}.login-brand{align-items:center;gap:18px;font-size:24px;display:flex}.login-panel{border:1px solid var(--line);background:#fff;border-radius:12px;width:min(100%,440px);padding:32px;box-shadow:0 12px 36px #152b3808}.login-panel>p{color:var(--muted);margin-block:10px 28px}.login-panel form{gap:20px;display:grid}.login-panel label{font-weight:600}.login-panel input{font-weight:400}.login-footnote{text-align:center;margin-block:24px 0!important;font-size:12px!important}.demo-credentials{padding-block-start:20px;font-size:12px}.demo-credentials summary{cursor:pointer;min-height:44px;color:var(--muted);align-items:center;display:flex}.demo-credentials p{overflow-wrap:anywhere;line-height:1.9}.console-app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:12px 16px;display:flex}.topbar .brand{gap:12px}.topbar .brand strong{font-size:20px}.workspace-name{display:none}.topbar-controls{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.project-picker{flex-direction:row;align-items:center;gap:12px;min-width:0;display:flex}.project-picker>span{color:var(--muted);white-space:nowrap;font-size:13px;display:none}.project-picker select{border-color:var(--line);width:150px;font-size:14px}.presence-picker{flex-direction:row;align-items:center;gap:4px;display:flex}.presence-picker select{background:0 0;border-color:#0000;width:76px;padding-inline:6px}.presence-dot{background:#7a8994;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.presence-dot.online{background:#21a84e}.presence-dot.busy{background:#cd7a1c}.sound-button{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:8px;display:flex}.sound-button>span{display:none}.sound-button.enabled{color:var(--accent)}.account-button{align-items:center;gap:8px;min-height:44px;padding:4px;display:flex}.account-button>span:not(.avatar),.account-button>svg{display:none}.workspace-body{flex:1;min-width:0;min-height:0;display:flex}.side-nav{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;align-items:stretch;width:72px;padding-top:16px;display:flex}.side-nav>button{border-inline-start:3px solid #0000;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:76px;font-size:12px;display:flex;position:relative}.side-nav>button.selected{background:var(--selected);color:var(--accent);border-inline-start-color:var(--accent)}.side-nav .demo-nav{text-align:center;min-height:44px;color:var(--muted);justify-content:center;align-items:center;margin-top:20px;font-size:12px;display:flex}.nav-unread{background:var(--accent);color:#fff;border-radius:10px;min-width:16px;padding:0 3px;font-size:10px;position:absolute;top:8px;right:8px}.nav-bottom{flex-direction:column;align-items:center;gap:8px;margin-top:auto;padding:24px 4px;font-size:12px;display:flex}.conversation-workspace{flex:1;min-width:0;min-height:0;display:flex}.conversation-list{border-right:1px solid var(--line);background:#fff;flex-direction:column;width:100%;min-width:0;min-height:0;display:flex}.list-top{padding:16px 16px 0}.list-top h2{margin-bottom:16px}.count-label{color:var(--muted);padding-inline:6px;font-size:13px;font-weight:400}.search-field{display:block;position:relative}.search-field svg{color:var(--muted);position:absolute;top:14px;left:12px}.search-field input{border-color:var(--line-strong);background:#fcfdfe;width:100%;padding-inline-start:38px}.filter-tabs{border-bottom:1px solid var(--line);justify-content:space-between;gap:0;margin-top:10px;display:flex}.filter-tabs button{white-space:nowrap;color:#536579;border-bottom:2px solid #0000;min-height:44px;padding:8px 4px;font-size:13px}.filter-tabs button.selected{color:var(--accent);border-color:var(--accent);font-weight:600}.waiting-filter{min-height:36px;color:var(--muted);flex-direction:row;align-items:center;gap:8px;font-size:12px}.waiting-filter input{width:15px;height:15px;min-height:auto;accent-color:var(--accent)}.conversation-rows{flex:1;min-height:0;overflow:auto}.conversation-row{text-align:start;border-inline-start:2px solid #0000;border-bottom:1px solid var(--line);gap:14px;width:100%;min-height:96px;padding:20px 16px;display:flex}.conversation-row.selected{background:var(--selected);border-inline-start-color:var(--accent)}.conversation-summary{flex:1;min-width:0;display:block}.conversation-name{justify-content:space-between;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.conversation-name time{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:400}.conversation-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:12px;max-width:100%;margin-top:5px;font-size:13px;display:flex;overflow:hidden}.conversation-preview:not(:has(b)){display:block}.unread{background:var(--accent);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;margin-inline-start:auto;padding-inline:5px;font-size:12px;font-weight:500;display:inline-flex}.row-status{color:var(--muted);margin-top:4px;font-size:11px;display:block}.list-pagination{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding:4px 8px;font-size:12px;display:flex}.list-loading{padding:16px}.skeleton-row{background:linear-gradient(90deg,#f3f5f7,#e9edf1,#f3f5f7);border-radius:6px;height:76px;margin-bottom:12px;animation:1.8s ease-in-out infinite skeleton}.list-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:48px 20px;display:flex}.list-empty span{font-size:12px}.chat-column{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.chat-panel{background:#fff;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.chat-heading{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:12px;min-height:88px;padding:16px 18px;display:flex}.chat-person{flex:1;min-width:0}.chat-person h1{white-space:nowrap;text-overflow:ellipsis;font-size:20px;overflow:hidden}.chat-person p{color:var(--muted);margin-top:3px;font-size:13px}.chat-heading .button{padding-inline:16px}.connection-note{color:#9a661b}.message-scroll{overscroll-behavior:contain;scroll-behavior:smooth;flex:1;min-height:0;padding:16px 20px 24px;overflow:auto}.history-control{text-align:center;color:var(--muted);margin-bottom:16px;font-size:12px}.history-control>span{padding:6px 12px;display:inline-block}.message-row{align-items:flex-start;gap:12px;min-width:0;max-width:100%;margin-bottom:24px;display:flex}.message-row.own{flex-direction:row-reverse}.message-content{min-width:0;max-width:min(78%,720px)}.message-bubble{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;background:#f0f2f5;border-radius:10px;padding:12px 16px;font-size:15px;line-height:1.65}.own .message-bubble{background:var(--accent);color:#fff}.message-bubble.image{background:0 0;padding:0}.message-bubble.pending{opacity:.7}.message-time{color:var(--muted);margin-top:5px;font-size:11px}.own .message-time{text-align:end}.message-time .link{min-height:28px;padding:0 8px;font-size:12px}.message-image{object-fit:contain;background:var(--background);border-radius:8px;width:auto;max-width:min(240px,100%);height:auto;max-height:300px;display:block}.image-placeholder{background:var(--background);width:180px;min-height:100px;color:var(--muted);justify-content:center;align-items:center;font-size:12px;display:flex}.system-message{text-align:center;color:var(--muted);overflow-wrap:anywhere;background:#f6f8fa;border-radius:4px;max-width:90%;margin:8px auto 20px;padding:8px 16px;font-size:12px}.composer{border-top:1px solid var(--line);background:#fff;flex-shrink:0;padding:12px 18px 18px}.composer-toolbar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;display:flex}.quick-reply{border:1px solid var(--line-strong);color:#586b80;text-align:start;border-radius:6px;max-width:100%;min-height:42px;padding:8px 16px;font-size:13px}.composer-box{border:1px solid var(--line-strong);border-radius:6px;padding:0;overflow:hidden}.composer-box textarea{resize:none;border:0;border-radius:6px;width:100%;min-height:76px;padding:12px 14px;font-size:14px;line-height:1.6;display:block}.composer-box textarea:focus-visible{outline-offset:-3px}.composer-bottom{justify-content:flex-end;align-items:center;gap:16px;padding:4px 8px 8px;display:flex}.composer-bottom>span{color:var(--muted);font-size:12px}.composer-bottom .button{min-width:84px}.profile-panel{border-left:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:288px;min-height:0;display:flex;overflow:auto}.profile-heading{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:72px;padding:16px 20px;display:flex}.profile-heading h2{font-size:20px}.profile-identity{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:20px;display:flex}.profile-identity h3{font-size:17px}.profile-identity p{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:13px}.profile-orders{padding:16px 20px}.profile-orders>h2{margin-bottom:16px;font-size:18px}.table-scroll{border:1px solid var(--line);border-radius:4px;width:100%;overflow:auto}table{width:100%;font-size:12px}th,td{text-align:start;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);white-space:nowrap;padding:12px}th{background:#f6f8fa;font-weight:600}tr:last-child td{border-bottom:0}td:last-child,th:last-child{border-inline-end:0}.order-status{color:var(--accent)}.profile-empty{color:var(--muted);padding:20px 0;font-size:13px}.profile-panel>.profile-empty{padding:24px}.profile-meta{border-top:1px solid var(--line);margin-top:16px;padding:20px}.profile-meta dl{margin-block:16px;font-size:12px}.profile-meta dt{color:var(--muted);margin-top:12px}.profile-meta dd{overflow-wrap:anywhere;margin:4px 0 0}.profile-panel footer{border-top:1px solid var(--line);color:var(--muted);margin-top:auto;padding:20px;font-size:13px}.conversation-workspace.mobile-pane-list .chat-column,.conversation-workspace.mobile-pane-list .profile-panel,.conversation-workspace.mobile-pane-chat .conversation-list,.conversation-workspace.mobile-pane-chat .profile-panel,.conversation-workspace.mobile-pane-profile .conversation-list,.conversation-workspace.mobile-pane-profile .chat-column{display:none}.mobile-pane-profile .profile-panel{border-left:0;width:100%}.network-toast{color:#fff;z-index:50;background:#374957;border-radius:6px;max-width:90%;padding:8px 16px;font-size:12px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.admin-panel{background:#fafbfd;flex:1;min-width:0;padding:24px;overflow:auto}.admin-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.admin-heading p{color:var(--muted);margin-top:6px;font-size:13px}.admin-panel>.notice{border:1px solid var(--line);border-radius:6px;margin-bottom:20px}.settings-form{max-width:1000px}.settings-form fieldset{border:0;border-top:1px solid var(--line);gap:16px;padding:20px 0 24px;display:grid}.settings-form legend{padding-inline-end:16px;font-size:17px;font-weight:650}.form-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.form-grid label,.settings-form label,.compact-form label,.cleanup-section label{font-size:13px}.settings-form textarea{width:100%}.settings-form input[type=color]{width:100px;min-height:44px;padding:5px}.rule-row{border:1px solid var(--line);background:#fff;border-radius:6px;gap:12px;padding:16px;display:grid}.rule-controls{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.rule-controls label:first-child{max-width:100px}.check-label{flex-direction:row;align-items:center;gap:8px;min-height:44px}.check-label input{width:18px;height:18px;min-height:0;accent-color:var(--accent)}fieldset[disabled]{opacity:.72}.admin-section{border-top:1px solid var(--line);max-width:1100px;padding-block:24px}.admin-section h2{margin-bottom:12px;font-size:18px}.admin-section>.muted{margin-bottom:16px;font-size:13px}.compact-form{gap:16px;max-width:900px;display:grid}.compact-form>.button{justify-self:start}.user-row{border-bottom:1px solid var(--line);gap:16px;padding:20px 0;display:grid}.user-row>.button{justify-self:start}.user-title{align-items:center;gap:14px;display:flex}.user-title>div{display:grid}.user-title>div>span{color:var(--muted);font-size:12px}.cleanup-section{margin-top:32px}.cleanup-section>form{gap:16px;max-width:800px;display:grid}.cleanup-list{border:1px solid var(--line);background:#fff;max-height:320px;padding:8px;overflow:auto}.cleanup-item{border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:12px;min-height:60px;padding:10px}.cleanup-item input{width:18px;height:18px;min-height:0;accent-color:var(--danger)}.cleanup-item small{color:var(--muted);overflow-wrap:anywhere;font-size:11px;display:block}.operations-stats{grid-template-columns:minmax(100px,200px) minmax(0,1fr);gap:12px;font-size:13px;display:grid}.operations-stats dt{color:var(--muted)}.operations-stats dd{overflow-wrap:anywhere;margin:0}.secret-result{background:#fff8df;border:1px solid #c49a38;margin-top:20px;padding:20px}.secret-result input{overflow-wrap:anywhere;width:100%;font-family:monospace}.client-app{--accent:var(--project-accent);background:#fff;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.client-topbar{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:64px;padding:10px 16px;display:flex}.client-topbar>div{align-items:center;gap:12px;min-width:0;display:flex}.client-topbar strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.client-topbar .brand-mark{width:34px;height:30px}.client-topbar .text-button{white-space:nowrap;padding-inline:4px;font-size:12px}.client-app .chat-heading{display:none}.client-app .message-scroll{padding:12px 16px 20px}.client-app .message-bubble{font-size:14px}.client-app .composer{padding:10px 12px max(12px,env(safe-area-inset-bottom))}.client-app .composer-toolbar{margin-bottom:8px}.client-app .composer-box textarea{min-height:56px}.client-app .composer-bottom>span{font-size:10px}.client-app .message-row{gap:8px;margin-bottom:20px}.client-app .message-row>.avatar{width:32px;height:32px;font-size:14px}.client-app .message-content{max-width:82%}.client-app .composer-bottom .button{min-width:72px;padding-inline:16px}.client-app .history-control{margin-bottom:10px}.faq-strip{border-top:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex;overflow:auto}.faq-strip>span{color:var(--muted);white-space:nowrap;font-size:12px}.faq-strip .quick-reply{white-space:nowrap;min-height:36px;padding:6px 10px;font-size:12px}.demo-identity{border-bottom:1px solid var(--line);background:#f6f8fa;flex-shrink:0;padding:0 12px;font-size:11px}.demo-identity summary{cursor:pointer;color:#536579;align-items:center;min-height:36px;display:flex}.demo-identity form{gap:8px;padding-bottom:12px;display:grid}.demo-identity label{font-size:12px}.reception-banner{border-bottom:1px solid var(--line);background:#f6f8fa;flex-direction:column;flex-shrink:0;gap:3px;padding:12px 16px;font-size:12px;display:flex}.reception-banner strong{font-size:13px}.reception-banner>span{color:var(--muted)}.reception-banner.active{background:#edf7f6}.reception-banner>div{gap:12px;display:flex}.reception-banner .link{min-height:32px;padding:0}.leave-form{border-bottom:1px solid var(--line);flex-shrink:0;gap:12px;padding:16px;font-size:13px;display:grid}.leave-form .field-help{margin:0}.client-history{flex:1;padding:16px;overflow:auto}.client-history header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.client-history h2{font-size:17px}.history-row{text-align:start;border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;padding:16px 0;font-size:12px;display:flex}.history-row small{width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.demo-page{background:#f8fafb;min-height:100dvh}.demo-page-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:20px max(24px,50vw - 600px);display:flex}.demo-page-header .brand{gap:16px}.demo-page-header .brand strong{font-size:18px}.demo-page-header .button{padding-inline:12px;font-size:12px}.demo-host{align-items:center;gap:48px;max-width:1200px;margin:auto;padding:64px 24px;display:grid}.demo-host-copy{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.demo-label{color:var(--muted);font-size:12px}.demo-host-copy h1{letter-spacing:-1px;font-size:clamp(30px,4vw,48px);line-height:1.4}.demo-host-copy>p{max-width:520px;color:var(--muted);font-size:16px;line-height:1.9}.demo-host-copy>p.field-help{font-size:12px}.demo-host-copy label{min-width:220px;font-size:13px}.demo-order{border:1px solid var(--line);background:#fff;border-radius:10px;padding:32px;position:relative}.demo-order h2{font-size:20px}.order-state{color:var(--accent);background:var(--selected);border-radius:4px;margin-top:12px;padding:4px 10px;font-size:12px;display:inline-block}.demo-order dl{grid-template-columns:100px 1fr;gap:20px;margin-block:28px;font-size:14px;display:grid}.demo-order dt{color:var(--muted)}.demo-order dd{text-align:end;margin:0}.demo-order>p{border-top:1px solid var(--line);color:var(--muted);padding-top:20px;font-size:12px;line-height:1.9}.demo-instructions{border-top:1px solid var(--line);max-width:1152px;margin:auto;padding:32px 24px}.demo-instructions h2{font-size:20px}.demo-instructions ol{color:var(--muted);padding-inline-start:20px;font-size:14px;line-height:2.3}.support-launcher{background:var(--accent);color:#fff;border-radius:10px;align-items:center;gap:10px;min-height:52px;padding:14px 20px;font-size:14px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #152b3824}.support-launcher:hover:not(:disabled){background:var(--accent-hover)}.demo-chat-window{z-index:50;background:#fff;position:fixed;inset:0}.demo-chat-window iframe{border:0;width:100%;height:100%;display:block}.client-app .notice{flex-shrink:0;padding:8px 12px}.client-app .notice .link{min-height:28px}.client-app .conversation-empty h1{font-size:22px}@keyframes skeleton{0%,to{opacity:.5}50%{opacity:1}}}@layer responsive{.console-app,.client-app{inset-inline:0;top:var(--visible-top,0px);height:var(--visible-height,100dvh);position:fixed}.console-app>.notice{flex-shrink:0}.cleanup-filters{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.cleanup-filters>label:first-child{flex:1;min-width:160px}.cleanup-selected summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.cleanup-selected ul{margin:0;padding-inline-start:20px}.cleanup-selected li{overflow-wrap:anywhere}.cleanup-selected li>span{font-size:12px}.cleanup-selected .link{margin-inline-start:8px}.client-logo-slot{flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.project-logo{object-fit:contain;border-radius:6px;width:34px;height:34px;display:block}.presence-access{color:var(--muted);white-space:nowrap;font-size:12px}.project-create-form{max-width:900px}.project-create-form>.notice{margin-bottom:16px}.project-create-form .secret-result{margin-top:16px}.project-create-form .compact-form{max-width:600px}.composer-toolbar .icon-button,.account-button{flex-shrink:0;min-width:44px;min-height:44px}.chat-heading>.button,.chat-heading>.icon-button{flex-shrink:0}.chat-person p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.composer-toolbar .icon-button{width:44px}.day-divider{color:var(--muted);justify-content:center;align-items:center;gap:12px;max-width:280px;margin:4px auto 24px;font-size:12px;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--line);flex:1;height:1px}.day-divider span{white-space:nowrap}.profile-trigger,.profile-back{display:inline-flex}@media (width>=900px) and (width<=1199px){.conversation-workspace.mobile-pane-profile .profile-panel{z-index:20;border-left:1px solid var(--line);width:320px;display:flex;position:absolute;inset:72px 0 0 auto;box-shadow:-10px 0 30px #152b3814}.profile-back{display:inline-flex}}@media (width>=1200px){.profile-trigger,.profile-back{display:none}}.membership-fields{border:1px solid var(--line);grid-column:1/-1;padding:12px;font-size:12px}.membership-fields legend{color:var(--muted);padding-inline:8px}.membership-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding-block:4px;display:flex}.membership-row:last-child{border-bottom:0}.membership-row>span{min-width:100px;margin-inline-end:auto}.pending-recovery{background:#fff8e7;border-top:1px solid #d9bf7a;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}@media (width>=600px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-chat-window{border:1px solid var(--line);border-radius:12px;width:440px;height:min(760px,100dvh - 48px);inset:auto 24px 24px auto;overflow:hidden;box-shadow:0 12px 56px #152b3826}.topbar-controls{flex-wrap:nowrap}.topbar .brand strong{font-size:22px}.account-button>span:not(.avatar){display:inline}.project-picker select{width:180px}}@media (width>=900px){.mobile-only{display:none}.topbar{flex-wrap:nowrap;padding:12px 24px}.topbar .brand{border-inline-end:1px solid var(--line);gap:24px;padding-inline-end:24px}.workspace-name{white-space:nowrap;padding-inline-start:4px;font-size:17px;display:inline}.topbar-controls{gap:16px}.project-picker>span,.sound-button>span{display:inline}.sound-button{border-inline:1px solid var(--line);border-radius:0;padding-inline:16px}.side-nav{width:90px}.side-nav>button{gap:10px;min-height:94px;font-size:13px}.side-nav>button svg{width:25px;height:25px}.conversation-list{flex-shrink:0;width:300px}.conversation-workspace.mobile-pane-list .chat-column,.conversation-workspace.mobile-pane-profile .chat-column,.conversation-workspace.mobile-pane-chat .conversation-list,.conversation-workspace.mobile-pane-profile .conversation-list{display:flex}.conversation-workspace .profile-panel{display:none}.chat-heading{padding-inline:20px}.list-top{padding-top:18px}.admin-panel{padding:32px 40px}.demo-host{grid-template-columns:1.2fr 1fr;min-height:600px}.demo-page-header .brand strong{font-size:22px}.account-button>svg{display:block}}@media (width>=1200px){.conversation-workspace .profile-panel,.conversation-workspace.mobile-pane-list .profile-panel,.conversation-workspace.mobile-pane-chat .profile-panel{border-left:1px solid var(--line);width:288px;display:flex}.side-nav{width:100px}.topbar-controls{gap:20px}.conversation-list{width:310px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.message-scroll{padding-inline:20px}.message-bubble{font-size:16px}.composer{padding:14px 18px 24px}.composer-box textarea{min-height:108px}.profile-heading{min-height:72px}.profile-orders{padding-top:18px}}@media (width>=1500px){.side-nav{width:106px}.conversation-list{width:344px}.conversation-workspace .profile-panel,.conversation-workspace.mobile-pane-list .profile-panel,.conversation-workspace.mobile-pane-chat .profile-panel{width:378px}.chat-heading{min-height:88px}.message-bubble{padding:12px 16px}.topbar .brand{gap:32px}.topbar .brand strong{font-size:24px}.workspace-name{font-size:18px}.profile-identity{padding-block:20px}.message-row{margin-bottom:28px}.composer-box textarea{min-height:108px}.composer{padding-bottom:28px}}@media (width<=599px){.topbar{gap:8px;min-height:112px;padding:10px 12px}.topbar .brand strong{font-size:17px}.topbar .brand-mark{width:31px;height:29px}.topbar-controls{flex-basis:100%;justify-content:space-between;gap:4px}.project-picker{flex:1}.project-picker select{width:100%;min-height:40px;padding:6px 8px;font-size:12px}.account-button .avatar{width:30px;height:30px;font-size:12px}.presence-picker select{width:65px;min-height:40px;font-size:12px}.sound-button{min-width:40px;padding:6px}.side-nav{width:56px;padding-top:8px}.side-nav>button{gap:5px;min-height:70px;font-size:10px}.side-nav>button svg{width:21px;height:21px}.nav-bottom{padding:12px 2px;font-size:10px}.side-nav .demo-nav{padding:6px;font-size:10px;line-height:1.4}.nav-bottom .avatar{width:28px;height:28px;font-size:12px}.list-top{padding:14px 10px 0}.list-top h2{margin-bottom:10px;font-size:19px}.filter-tabs button{padding-inline:1px;font-size:11px}.conversation-row{gap:10px;padding:16px 10px}.conversation-row .avatar{width:36px;height:36px;font-size:16px}.conversation-name{gap:4px;font-size:13px}.conversation-name time{font-size:10px}.conversation-preview{font-size:12px}.conversation-summary{max-width:calc(100% - 46px)}.chat-heading{gap:2px;min-height:72px;padding:10px 6px}.chat-person h1{font-size:16px}.chat-person p{font-size:10px}.chat-heading>.button{min-height:40px;padding:8px;font-size:11px}.chat-heading .icon-button{min-width:36px;padding:6px}.message-scroll{padding:12px 8px}.message-row{gap:6px}.message-row>.avatar{display:none}.message-content{max-width:96%}.message-bubble{padding:10px 12px;font-size:13px}.composer{padding:8px}.composer-toolbar{gap:6px;margin-bottom:8px}.composer-toolbar>.quick-reply{max-width:calc(100% - 50px);min-height:36px;padding:6px 8px;font-size:10px}.composer-toolbar>.quick-reply:nth-of-type(3){display:none}.composer-toolbar .icon-button{min-width:36px;min-height:36px;padding:7px}.composer-box textarea{min-height:80px;padding:10px;font-size:13px}.composer-bottom{gap:6px;padding:4px 6px 6px}.composer-bottom>span{display:none}.composer-bottom .button{min-width:68px;padding-inline:12px}.profile-panel .profile-heading{padding:12px 8px}.profile-heading h2{font-size:18px}.profile-identity{gap:12px;padding:16px}.profile-identity .avatar.large{width:48px;height:48px;font-size:20px}.profile-orders,.profile-meta{padding:16px}.profile-orders>h2{font-size:17px}.admin-panel{padding:20px 14px}.admin-heading{gap:12px}.admin-heading h1{font-size:20px}.admin-heading p{font-size:12px}.admin-heading .button{padding:8px;font-size:12px}.admin-heading .button svg{display:none}.rule-row{padding:12px}.rule-controls{gap:8px}.rule-controls .link{font-size:12px}.login-panel{padding:24px}.client-app .message-row>.avatar{display:flex}.client-app .composer-bottom>span{font-size:9px;display:inline}.client-app .composer-bottom{justify-content:space-between}.client-app .message-content{max-width:84%}.client-app .composer-toolbar .icon-button{min-width:44px;min-height:44px}.demo-page-header{padding:16px}.demo-page-header .brand{gap:12px}.demo-page-header .brand strong{font-size:14px}.demo-page-header .brand-mark{width:30px;height:28px}.demo-page-header .button{min-height:40px;padding:8px;font-size:10px}.demo-host{gap:32px;padding:40px 20px}.demo-order{padding:24px}.demo-host-copy>p{font-size:14px}.demo-host-copy label{width:100%}.demo-order dl{grid-template-columns:90px 1fr;gap:16px;font-size:12px}.demo-instructions{padding:24px 20px}.demo-instructions ol{font-size:12px}.client-app .chat-heading{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (pointer:coarse),(width<=599px){button,.quick-reply,.faq-strip .quick-reply,.reception-banner .link,.message-time .link,.client-app .notice .link,.demo-identity summary,.client-app .composer-toolbar .icon-button,.composer-toolbar>.quick-reply,.composer-toolbar .icon-button,.chat-heading>.button,.sound-button,.project-picker select,.presence-picker select,.demo-page-header .button{min-height:44px}.icon-button,.chat-heading .icon-button,.composer-toolbar .icon-button,.account-button,.sound-button{flex-shrink:0;min-width:44px}}@media (height<=520px){.console-app .topbar{min-height:56px;padding-block:4px}.console-app .brand strong,.console-app .workspace-name,.console-app .nav-bottom,.client-app .demo-identity,.client-app .reception-banner>span{display:none}.client-app .client-topbar{min-height:48px;padding-block:2px}.client-app .reception-banner{padding-block:4px}.client-app .faq-strip{padding-block:0}.composer-box textarea,.client-app .composer-box textarea{min-height:44px;max-height:80px}.composer{padding-block:4px}.composer-toolbar{margin-bottom:4px}}@media (pointer:coarse),(width<=599px){.composer-box textarea,.client-app input,.client-app textarea{font-size:16px}}}@layer glass{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#15343c;--muted:#526771;--background:#eaf3f5;--surface:#f8fcfd;--line:#386a7624;--line-strong:#789199;--selected:#d8eeeb;--radius:14px;--radius-panel:24px;--radius-float:28px;--glass:#ffffffad;--glass-strong:#ffffffe6;--glass-soft:#fff6;--glass-border:#ffffffe6;--glass-shadow:0 18px 48px #1d57601a, 0 2px 6px #1d57600a;--glass-highlight:inset 0 1px 0 #fff, inset 0 -1px 0 #ffffff80;--canvas:radial-gradient(ellipse at 8% 12%, #bce9e7 0, transparent 42%), radial-gradient(ellipse at 95% 86%, #c4e7f4 0, transparent 45%), radial-gradient(ellipse at 70% 12%, #d7f3ea 0, transparent 40%), #eaf3f5;--duration:.18s;background:var(--background)}body{background:var(--canvas);background-attachment:fixed}button,a,input,textarea,select{transition:background-color var(--duration), border-color var(--duration), box-shadow var(--duration), color var(--duration)}button,input,textarea,select{-webkit-font-smoothing:antialiased}button:active:not(:disabled){box-shadow:inset 0 2px 5px #0f40491f}:focus-visible{outline-offset:3px;outline:3px solid #126d91}input,select,textarea{border-radius:var(--radius);background:#ffffffd1;box-shadow:inset 0 1px 3px #14485209}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:#4e7c88}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:#fff}input[type=checkbox]{box-shadow:none}select option{color:var(--ink);background:#fff}h1,h2,h3{letter-spacing:-.025em}.button,.icon-button,.text-button,.quick-reply{border-radius:var(--radius)}.button{box-shadow:var(--glass-highlight), 0 2px 5px #1d576009}.button.primary,.support-launcher{background:linear-gradient(180deg, transparent, #00000012), var(--accent);color:#fff;border:1px solid #ffffff7a;box-shadow:inset 0 1px 1px #ffffff61,0 6px 14px #087f8c29}.button.primary:hover:not(:disabled),.support-launcher:hover:not(:disabled){background:var(--accent-hover);box-shadow:inset 0 1px 1px #ffffff50,0 8px 18px #087f8c24}.button.outline{background:var(--glass-strong)}.button.subtle,.icon-button{background:var(--glass-soft)}.button.subtle{border-color:var(--line-strong)}.button.danger-outline{border-color:var(--danger);background:#fff8f9}.button.danger-button{background:var(--danger);color:#fff}.button.danger-button:hover:not(:disabled){background:#90172a}.notice{border:1px solid var(--line);border-radius:var(--radius);background:#eff7f9}.notice.error{background:#fff1f3;border-color:#d7a2aa}.notice.success{background:#e8f6ef;border-color:#9dc7b7}.avatar{box-shadow:var(--glass-highlight);color:#076777;background:linear-gradient(145deg,#e5f7f3,#bfe5e8);border:1px solid #ffffffb3}.avatar.agent{color:#245676;background:linear-gradient(145deg,#e8f3fa,#cbdff3)}.brand-mark{background:linear-gradient(155deg, #17a3aa, var(--accent) 70%);border-radius:13px;box-shadow:inset 0 1px 1px #ffffff70,0 4px 10px #087f8c20}.brand-mark:after{bottom:-3px}.conversation-empty{color:var(--ink)}.conversation-empty>svg{box-sizing:content-box;box-shadow:var(--glass-highlight);background:#e2f2f1;border-radius:22px;padding:12px}.conversation-empty p,.list-empty,.profile-empty,.field-help,.empty-line{color:var(--muted)}.console-app{background:var(--canvas);gap:12px;padding:12px}.topbar,.side-nav,.conversation-workspace,.admin-panel,.login-panel,.demo-page-header,.demo-order,.demo-instructions,.demo-chat-window{background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow);border-radius:var(--radius-panel)}.topbar{flex-shrink:0;min-height:72px;padding:10px 18px}.topbar .brand{gap:12px;padding-inline-end:16px}.topbar .brand strong{font-size:21px}.workspace-name{color:var(--muted);font-size:15px}.topbar-controls{gap:12px}.project-picker select{border-color:var(--line-strong);background:#ffffff8c;width:156px}.presence-picker{border:1px solid #0000;padding-inline-start:6px}.presence-picker select{box-shadow:none}.presence-dot{box-shadow:0 0 0 4px #e5ecee}.presence-dot.online{box-shadow:0 0 0 4px #dcf2e8}.presence-dot.busy{box-shadow:0 0 0 4px #faeedb}.sound-button{border-radius:var(--radius);border:1px solid #0000;padding:8px 10px}.sound-button.enabled{background:#dcf1ee;border-color:#99c7c9}.account-button{border-radius:99px;max-width:170px;padding:4px 8px 4px 4px}.account-button>span:not(.avatar){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workspace-body{gap:12px;position:relative}.side-nav{gap:6px;width:88px;padding:8px}.side-nav>button{min-height:82px;color:var(--muted);border:1px solid #0000;border-radius:19px;gap:8px;font-size:12px}.side-nav>button svg{width:23px;height:23px}.side-nav>button.selected{box-shadow:var(--glass-highlight), 0 4px 12px #206e7510;color:#086673;background:linear-gradient(150deg,#e2f7f2,#c5e9e9);border-color:#ffffffcf}.side-nav .demo-nav{border-radius:var(--radius);margin-top:10px}.side-nav .demo-nav:hover{background:#ffffff80}.nav-unread{box-sizing:content-box;border:2px solid #eff9f8;font-size:10px;top:5px;right:4px}.nav-bottom{overflow-wrap:anywhere;padding:12px 0;font-size:11px}.conversation-workspace{overflow:hidden}.conversation-list{background:#ffffff4d}.list-top{padding:20px 16px 0}.list-top h2{margin-bottom:18px;font-size:23px}.search-field input{background:#ffffffa6;border-radius:14px}.filter-tabs{background:#e5eff2c9;border:0;border-radius:99px;gap:1px;margin-top:12px;padding:3px}.filter-tabs button{color:#425b67;border:1px solid #0000;border-radius:99px;flex:1;min-height:40px;padding:8px 2px;font-size:12px}.filter-tabs button.selected{color:#075e6c;box-shadow:var(--glass-highlight), 0 2px 5px #2669780c;background:#c9e9e7;border-color:#ffffffc7}.waiting-filter{margin-block:5px}.conversation-rows{scrollbar-gutter:stable;padding:0 8px 8px}.conversation-row{border:1px solid #0000;border-bottom-color:var(--line);padding:var(--space-2) 10px;border-radius:16px;align-items:center;gap:10px;min-height:80px;margin-block:2px}.conversation-row:hover:not(:disabled){background:#ffffffa8}.conversation-row.selected{box-shadow:var(--glass-highlight), inset 3px 0 0 #118391;background:linear-gradient(120deg,#d4f0eb,#e3f4f4);border-color:#ffffffb3}.conversation-row .avatar{width:40px;height:40px;font-size:18px}.conversation-summary{gap:2px;display:grid}.conversation-name{line-height:20px}.conversation-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.conversation-name time{flex-shrink:0}.conversation-preview{min-height:20px;margin-top:0;line-height:18px;display:flex}.conversation-preview>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.row-status{margin-top:0;font-size:12px;line-height:16px}.list-pagination{background:#ffffff45;min-height:52px}.unread{background:#087785}.chat-panel{background:#ffffff9e}.chat-heading{background:#ffffff40;min-height:84px;padding:16px 20px}.chat-person h1{font-size:21px}.chat-heading>.button{background:#ffffff91}.message-scroll{scrollbar-gutter:stable;padding:20px 24px}.message-content{max-width:min(82%,720px)}.message-bubble{background:#e9f0f3;border:1px solid #ffffffc7;border-radius:18px 18px 18px 5px;font-size:15px;box-shadow:0 3px 9px #2c687908}.own .message-bubble{background:linear-gradient(160deg, transparent, #0000000a), var(--accent);color:#fff;border-color:#ffffff40;border-radius:18px 18px 5px;box-shadow:inset 0 1px #ffffff26,0 4px 10px #087f8c14}.message-bubble.image,.own .message-bubble.image{box-shadow:none;background:0 0;border:0}.message-image,.image-placeholder{border-radius:16px}.message-time{font-size:12px}.system-message{background:#e9f2f5b3;border:1px solid #ffffff9c;border-radius:99px;max-width:90%;padding:6px 14px}.history-control>span{background:#edf4f6;border-radius:99px}.day-divider{margin-block:8px 20px}.composer{background:#f7fcfcad;padding:14px 18px 18px}.composer-toolbar{gap:8px;margin-bottom:10px}.quick-reply{color:#3e606c;background:#edf7f7;border-color:#94b3bc;border-radius:99px;padding:9px 14px}.quick-reply:hover:not(:disabled){background:#d9efed;border-color:#527f8b}.composer-box{background:#ffffffbf;border-color:#789199;border-radius:18px;box-shadow:inset 0 1px 4px #285a6308}.composer-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #0a7c891a}.composer-box textarea{min-height:88px;box-shadow:none;background:0 0;border-radius:18px;padding:14px 16px}.composer-bottom{padding:4px 8px 8px}.profile-panel{background:#ffffff47}.profile-heading{min-height:72px}.profile-identity-copy,.user-title-copy{overflow-wrap:anywhere;min-width:0}.profile-identity h3{overflow-wrap:anywhere}.profile-meta{margin-top:8px}.profile-panel footer{padding-block:16px}.table-scroll{background:#ffffff8c;border-radius:16px}th{color:#395561;background:#e6f0f3}td{background:#ffffff4d}tbody tr:hover td{background:#edf7f6}.network-toast{box-shadow:var(--glass-shadow);background:#173e49;border:1px solid #ffffff40;border-radius:99px;padding:12px 20px}.admin-panel{padding:24px;scroll-padding-block:24px 100px}.admin-heading{max-width:1100px;margin-bottom:24px}.admin-heading h1{font-size:26px}.settings-form,.admin-section{max-width:1100px}.settings-form fieldset,.admin-section{border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);background:#ffffff73;border-radius:20px;margin-bottom:20px;padding:24px}.settings-form legend{background:#f2f9f9;border:1px solid #fff;border-radius:99px;margin-inline-start:-4px;padding:4px 14px;font-size:17px}.settings-form fieldset>.button{justify-self:start}.settings-form label,.compact-form label,.cleanup-section label,.form-grid label{color:#294852;font-size:14px}.settings-form input[type=color]{width:100%;max-width:140px;height:46px}.rule-row{background:#f6fbfcc7;border-color:#cbdde2;border-radius:16px;padding:20px}.rule-controls .danger{margin-inline-start:auto}.settings-save-bar{z-index:3;background:#f1f8f9f5;border:1px solid #fff;border-radius:19px;justify-content:flex-end;margin-block:12px 28px;padding:12px;display:flex;position:sticky;bottom:0;box-shadow:0 -3px 18px #285e6a10}.settings-save-bar>.button{min-width:132px}.admin-section h2{font-size:20px}.user-row{border:1px solid var(--line);background:#fff6;border-radius:18px;margin-top:16px;padding:20px}.user-title-copy>strong{overflow-wrap:anywhere}.membership-fields{background:#eff7f8;border-radius:14px}.membership-fields legend{background:0 0;border:0}.cleanup-section{border-color:#e1bcc3;margin-top:28px}.cleanup-section h2{color:#8e283a}.cleanup-list{background:#ffffffa3;border-radius:16px}.cleanup-item{border-radius:10px}.cleanup-item:has(input:checked){background:#fff0f2}.cleanup-item>span{overflow-wrap:anywhere;min-width:0}.cleanup-selected{background:#fff9fa;border:1px solid #d1b3bb;border-radius:14px;padding:8px 14px}.operations-stats{background:#f0f7f8;border-radius:16px;grid-template-columns:minmax(120px,220px) minmax(0,1fr);gap:14px 24px;margin-bottom:0;padding:16px 20px}.operations-stats dd{color:var(--ink);font-weight:600}.secret-result{background:#fff7e4;border-radius:18px}.login-page{background:var(--canvas);gap:28px;padding:40px 20px}.login-brand{letter-spacing:-.035em;gap:16px;font-size:27px}.login-brand .brand-mark{border-radius:16px;width:46px;height:42px}.login-panel{background:#ffffff78;border-radius:30px;width:min(100%,460px);padding:36px;box-shadow:inset 0 1px 2px #fff,inset 0 -1px 1px #fff,0 24px 60px #2769741c,0 0 0 1px #ffffff7a}.login-panel h1{font-size:26px}.login-panel>p{font-size:14px;line-height:1.8}.login-panel input{background:#ffffffae;min-height:50px;padding-inline:16px}.login-panel form{gap:22px}.login-panel .button.primary{min-height:50px;font-size:16px}.demo-credentials{border-top:1px solid var(--line);margin-top:24px;padding-top:8px}.demo-credentials summary{color:#395862;gap:10px}.demo-credentials summary:before{content:"";border-inline-end:1.5px solid;border-bottom:1.5px solid;width:8px;height:8px;margin-inline:4px;transform:rotate(45deg)}.demo-credentials[open] summary:before{transform:rotate(225deg)}.login-panel .login-footnote{color:var(--muted)}.client-app{background:var(--canvas);--accent-hover:#066976}@supports (color:color-mix(in srgb, red, black)){.client-app{--accent-hover:color-mix(in srgb, var(--accent), #000 20%)}}.client-topbar{background:var(--glass-strong);border-color:#ffffffd9;min-height:68px;padding:10px 16px}.client-topbar .text-button,.client-topbar .icon-button{background:#ffffff5e;border-radius:99px}.client-app .message-scroll{padding:16px}.client-app .message-bubble{font-size:14px}.client-app .composer{padding:10px 12px max(12px, env(safe-area-inset-bottom));background:#ffffff94}.client-app .composer-box textarea{min-height:60px}.client-app .composer-box{border-radius:18px}.client-app .composer-toolbar{margin-bottom:8px}.client-app .reception-banner{background:#f3f8fa;border:1px solid #ffffffba;border-radius:14px;margin:6px 10px;padding:9px 12px}.client-app .reception-banner.active{background:#dff1ed}.client-app .reception-banner.active strong{color:#205c4f}.client-app .reception-banner.queued{background:#fff4df}.client-app .demo-identity{background:#ffffff59;border:0}.demo-identity summary{color:var(--muted)}.client-app .faq-strip{background:#f6fbfba6;gap:8px;padding:9px 12px}.client-app .faq-strip .quick-reply{background:#ffffffb8;min-height:44px}.leave-form{background:#ffffffc4;border:1px solid #fff;border-radius:18px;max-height:44dvh;margin:8px 10px;overflow:auto}.client-history{background:#ffffff8a}.history-row{background:#ffffff80;border:1px solid #fff;border-radius:14px;margin-bottom:8px;padding:16px 12px}.history-row:hover:not(:disabled){background:#dff1ef}.pending-recovery{border-radius:14px;margin:4px 10px}.client-app .notice{margin:6px 10px}.client-app{--ink:var(--client-ink);--muted:var(--client-muted);--line:var(--client-line);--line-strong:var(--client-control-line);--canvas:radial-gradient(ellipse at 0 0, var(--client-light), transparent 58%), radial-gradient(ellipse at 100% 100%, var(--client-light), transparent 68%), var(--client-bg);--background:var(--client-bg);--selected:var(--client-avatar);color:var(--ink);background:var(--canvas)}.client-app :focus-visible{outline-color:var(--accent)}.client-app .brand-mark{background:linear-gradient(155deg, #ffffff20, #00000008), var(--accent);box-shadow:inset 0 1px 2px #ffffff80, 0 4px 12px var(--client-light)}.client-app .avatar,.client-app .avatar.agent{background:linear-gradient(145deg, #fff, var(--client-avatar));color:var(--accent);box-shadow:inset 0 1px #fff}.client-app .chat-panel{background:#ffffff80}.client-app .message-row{gap:var(--space-2);margin-block-end:14px}.client-app .message-row>.avatar{width:30px;height:30px;box-shadow:none;margin-block-start:5px;font-size:13px}.client-app .message-bubble{background:var(--client-bubble);color:var(--ink);border-color:#ffffffd9;border-radius:16px 16px 16px 5px;padding:10px 14px;line-height:1.65;box-shadow:0 1px 3px #142d490d}.client-app .own .message-bubble{background:var(--accent);color:#fff;border-color:#ffffff40;border-radius:16px 16px 5px;box-shadow:0 2px 6px #142d4914}.client-app .own .message-bubble:not(.image){background:linear-gradient(145deg, #ffffffb3, #ffffff1a 52%, #fff6), var(--client-avatar);color:var(--ink);border-color:#ffffffd9;box-shadow:inset 0 1px 1px #fff,inset 0 -1px #ffffff73,0 4px 12px #142d4914}@supports (color:color-mix(in srgb, red, transparent)){.client-app .own .message-bubble:not(.image){background:linear-gradient(145deg, #ffffffb3, #ffffff1a 52%, #fff6), color-mix(in srgb, var(--accent) 20%, transparent)}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.client-app .own .message-bubble:not(.image){-webkit-backdrop-filter:blur(12px)saturate(125%);backdrop-filter:blur(12px)saturate(125%)}}.client-app .message-time{padding-inline:var(--space-1);margin-block-start:var(--space-1);font-size:11px;line-height:16px}.client-app .message-bubble.image,.client-app .own .message-bubble.image{box-shadow:none;background:0 0;border:0;padding:0}.client-app .history-row{background:var(--client-soft)}.client-app .history-row:hover:not(:disabled){background:var(--client-avatar)}.client-app .faq-strip .quick-reply{background:var(--client-bubble);color:var(--accent);border-color:var(--line-strong)}.client-app .conversation-empty>svg{background:var(--client-avatar)}.client-app .button.primary{box-shadow:inset 0 1px 1px #ffffff60, 0 5px 14px var(--client-light)}.client-app .client-topbar{min-height:64px;padding:10px var(--space-3);gap:var(--space-2)}.client-app.host-shell .client-topbar{min-height:64px;padding-block-start:10px;padding-inline-end:64px}.client-topbar .client-identity{gap:var(--space-2);flex:1}.client-topbar .client-header-actions{gap:var(--space-1);flex-shrink:0}.client-topbar .client-identity strong{font-size:15px}.client-app .client-topbar .text-button{padding-inline:var(--space-2);color:var(--muted);background:#ffffff80;border:1px solid #ffffffd9}.client-app .reception-banner:not(.active){align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--client-soft);border-color:#ffffffd9;flex-flow:wrap}.client-app .reception-banner:not(.active) strong{flex:auto;min-width:0;font-size:12px;line-height:20px}.client-app .reception-banner:not(.active)>span{flex-basis:100%;font-size:12px}.client-app .reception-banner>div{flex-wrap:wrap;align-items:center;gap:6px}.client-app .reception-banner .link{min-height:44px;padding:var(--space-2) 10px;border:1px solid var(--client-line);background:var(--client-bubble);color:var(--accent);white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;font-size:12px;font-weight:500;line-height:20px;text-decoration:none;display:inline-flex}.client-app .reception-banner>div .link:last-child{background:var(--client-avatar);color:var(--ink);border-color:#ffffffd9;box-shadow:inset 0 1px #fff}.client-app .leave-form{align-content:start;align-items:start;gap:var(--space-3);padding:var(--space-4);background:var(--client-soft);border-color:#ffffffd9;grid-auto-rows:max-content}.client-app .leave-form label{font-size:13px;line-height:20px}.client-app .leave-form input{background:var(--client-bubble);border-radius:14px;height:44px;min-height:44px;padding:10px 12px;font-size:16px}.client-app .leave-form .field-help{margin:0;font-size:12px;line-height:1.6}.client-app .leave-form .button-row{align-items:center;gap:var(--space-2);flex-wrap:nowrap}.client-app .leave-form .button-row .button{border-radius:14px;flex:1 1 0;min-width:0;height:44px;min-height:44px;padding:10px 12px;font-size:14px;line-height:22px}.client-app .leave-form .button.subtle{background:var(--client-bubble);border-color:var(--client-line)}.client-app .leave-form--compose{min-height:0;max-height:none;margin:var(--space-3);background:var(--client-soft);border-radius:20px;flex-direction:column;flex:1;align-items:stretch;gap:0;padding:0;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff,0 8px 24px #142d4908}.leave-form-body{align-content:start;gap:var(--space-3);min-height:0;padding:var(--space-4);overscroll-behavior:contain;scrollbar-width:thin;flex:1;display:grid;overflow-y:auto}.leave-intro{align-items:center;gap:var(--space-3);display:flex}.leave-intro-icon{background:var(--client-avatar);width:38px;height:38px;color:var(--accent);border:1px solid #fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.leave-intro h2{outline:none;font-size:18px;line-height:26px}.leave-intro p{color:var(--muted);margin-block-start:2px;font-size:13px;line-height:20px}.client-app .leave-form--compose label{gap:var(--space-2);font-size:14px;font-weight:500;line-height:20px}.leave-form--compose label>span:first-child{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.leave-form--compose label small{color:var(--muted);font-size:12px;font-weight:400}.leave-textarea-wrap{border:1px solid var(--glass-border);background:linear-gradient(145deg, #ffffff70, #ffffff50), var(--client-avatar);box-shadow:var(--glass-highlight), inset 0 2px 5px #142d4905;border-radius:16px;display:block;position:relative}.client-app .leave-form--compose textarea{resize:none;border-radius:inherit;width:100%;height:clamp(112px,22dvh,144px);min-height:112px;color:var(--ink);box-shadow:none;background:0 0;border:0;outline:none;margin:0;padding:12px 14px 32px;font-size:16px;line-height:1.6;display:block}.leave-counter{inset-inline-end:14px;pointer-events:none;line-height:18px;position:absolute;bottom:8px}.leave-form--compose label .leave-counter.near-limit{color:var(--accent);font-weight:600}.client-app .leave-form--compose input{border-color:var(--glass-border);background:linear-gradient(145deg, #ffffff70, #ffffff50), var(--client-avatar);height:48px;box-shadow:var(--glass-highlight), inset 0 2px 5px #142d4905;outline:none;padding-inline:14px}.client-app .leave-form--compose input:hover:not(:disabled),.client-app .leave-form--compose input:focus{border-color:var(--glass-border)}.leave-form--compose label:focus-within>span:first-child{color:var(--accent)}.client-app .leave-form--compose textarea[readonly],.client-app .leave-form--compose input[readonly]{color:var(--muted)}.client-app .leave-form--compose textarea:focus,.client-app .leave-form--compose input:focus{box-shadow:none;outline:none}.leave-form-footer{padding:var(--space-3) var(--space-4);border-block-start:1px solid var(--glass-border);background:var(--glass-soft);flex-shrink:0}.leave-form-note{color:var(--muted);font-size:12px;line-height:18px}.client-app .leave-form--compose .button.primary{flex:1}.client-app .leave-form--compose .button.primary:disabled{opacity:1;background:linear-gradient(145deg, #ffffff70, #ffffff50), var(--client-avatar);color:var(--muted);border-color:var(--glass-border);box-shadow:inset 0 1px #fff}.client-app .leave-form--compose .button.subtle{flex:none;min-width:92px}.leave-feedback{padding:var(--space-2) var(--space-3);color:var(--danger);background:var(--danger-bg);overflow-wrap:anywhere;border-radius:12px;font-size:12px;line-height:1.6}.client-app .leave-saved{padding:var(--space-2) var(--space-3);outline:none;font-size:12px}.client-app .reception-banner.active{align-items:center;gap:var(--space-2);min-height:36px;padding:var(--space-2) var(--space-4);border:0;background:var(--client-soft);border-block-end:1px solid #ffffffc7;border-radius:0;flex-flow:wrap;margin:0}.client-app .reception-banner .reception-indicator{background:#25846b;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.client-app .reception-banner.active strong{color:var(--muted);font-size:12px;font-weight:500}.client-app .reception-banner.active .client-connection{color:#805d16;margin-inline-start:auto;font-size:11px;display:inline}.client-app .message-scroll{padding-block:var(--space-4);scrollbar-gutter:auto;scrollbar-width:thin}.client-app .day-divider{margin-block:var(--space-1) var(--space-4)}.client-app .system-message{max-width:100%;padding:var(--space-1) var(--space-2);margin:var(--space-2) auto var(--space-4);background:0 0;border:0;border-radius:0;font-size:12px;line-height:1.7}.client-app .client-composer{padding:var(--space-2) var(--space-3) max(var(--space-2), env(safe-area-inset-bottom));background:var(--glass-strong)}.client-app .client-composer .composer-box{align-items:flex-end;gap:var(--space-2);border-radius:var(--radius-panel);background:#ffffffd9;padding:6px;display:flex}.client-app .client-composer .composer-box:focus-within{border-color:var(--line-strong);box-shadow:none;background:#fff}.client-app .client-composer .composer-box textarea{border-radius:var(--radius);background:0 0;flex:1;width:0;min-width:0;height:44px;min-height:44px;max-height:120px;padding:10px 2px;font-size:16px;line-height:24px;overflow-y:auto}.client-app .client-composer .composer-box textarea:focus,.client-app .client-composer .composer-box textarea:focus-visible{box-shadow:none;background:0 0;border:0;outline:0}.client-app .client-composer .client-image-button{width:44px;height:44px;color:var(--muted);background:0 0;flex-shrink:0;padding:10px}.client-app .client-composer .button{border-radius:18px;flex-shrink:0;min-width:64px;height:44px;padding:10px 14px;font-size:14px}.client-app .client-composer .button:disabled{background:var(--client-avatar);color:var(--muted);box-shadow:none;opacity:1;border-color:#0000}.client-composer-hint{text-align:center;color:var(--muted);margin-block-start:var(--space-1);font-size:10px;display:none}.client-composer-feedback{color:var(--muted);text-align:end;padding-inline:var(--space-2);margin-block-start:var(--space-1);font-size:12px}@media (pointer:fine) and (height>=521px){.client-composer-hint{display:block}}@media (height<=520px){.client-app .client-composer .composer-box textarea{max-height:80px}.client-app .client-composer{padding-block:var(--space-1)}}.demo-page{background:var(--canvas);padding:16px}.demo-page-header{max-width:1200px;margin-inline:auto;padding:16px 24px}.demo-host{padding-block:56px 40px}.demo-host-copy h1{color:#123e48}.demo-host-copy>p{color:var(--muted)}.demo-order{border-radius:var(--radius-float);padding:32px}.order-state{color:#086875;border:1px solid #b8dcd5;border-radius:99px;padding:5px 12px}.demo-instructions{background:#ffffff6b;margin:0 auto 48px}.support-launcher{z-index:5;border-radius:99px}.demo-chat-window{max-width:none;max-height:none;color:var(--ink);margin:0;padding:0}.demo-chat-window[open]{flex-direction:column;display:flex}.demo-chat-window::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#153b4838}.demo-chat-header{background:var(--glass);border-bottom:1px solid #fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:8px 16px;display:flex}.demo-chat-close{border:1px solid var(--line-strong);background:#ffffffb3;border-radius:99px;min-width:44px;min-height:44px;padding:8px 12px;font-size:13px}.demo-chat-window iframe{flex:1;height:0;min-height:0}.skeleton-row{background:linear-gradient(90deg,#edf6f6,#dcebed,#edf6f6);border-radius:16px}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.topbar,.side-nav,.conversation-workspace,.admin-panel,.login-panel,.demo-page-header,.demo-order,.demo-instructions,.demo-chat-window,.client-topbar{background-color:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%)}}@media (width>=600px){.client-app:not(.embedded){max-width:760px;top:calc(var(--visible-top,0px) + 16px);height:calc(var(--visible-height,100dvh) - 32px);box-shadow:var(--glass-highlight), var(--glass-shadow);border:1px solid #fff;border-radius:28px;margin-inline:auto}.demo-chat-window{border-radius:28px;width:440px;height:min(800px,100dvh - 40px);inset:auto 20px 20px auto}}@media (width>=900px){.console-app{padding:16px}.conversation-list,.conversation-workspace .profile-panel,.conversation-workspace.mobile-pane-list .profile-panel,.conversation-workspace.mobile-pane-chat .profile-panel{width:290px}.admin-panel{padding:28px 32px}}@media (width>=1200px){.conversation-list,.conversation-workspace .profile-panel,.conversation-workspace.mobile-pane-list .profile-panel,.conversation-workspace.mobile-pane-chat .profile-panel{width:300px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=900px) and (width<=1279px){.workspace-name,.project-picker>span,.sound-button>span,.account-button>span:not(.avatar),.account-button>svg{display:none}.topbar .brand{border:0;padding-inline-end:0}.topbar-controls{gap:10px}.topbar .brand strong{font-size:20px}}@media (width>=900px) and (width<=1199px){.conversation-workspace.mobile-pane-profile .profile-panel{background:#f6fbfcf5;border-radius:22px 0 0 22px;width:320px;top:0;bottom:0;right:0;box-shadow:-16px 0 36px #2d626824}}@media (width<=899px){.console-app{gap:8px;padding:8px}.topbar{border-radius:22px;padding:8px 12px}.topbar .brand strong{font-size:19px}.topbar .brand{gap:10px}.project-picker select{width:148px}.account-button>span:not(.avatar),.presence-access{display:none}.workspace-body{flex-direction:column-reverse;gap:8px}.side-nav{border-radius:22px;flex-direction:row;flex-shrink:0;gap:4px;width:100%;padding:4px}.side-nav>button{border-radius:17px;flex:1;gap:2px;min-width:0;min-height:58px;font-size:11px}.side-nav>button svg{width:21px;height:21px}.side-nav .demo-nav,.nav-bottom{display:none}.nav-unread{top:2px;right:18%}.conversation-workspace{border-radius:22px;flex:1}.conversation-list{border:0;width:100%}.profile-panel{border:0}.conversation-summary{max-width:none}.conversation-row{padding:var(--space-2) var(--space-3);gap:12px}.conversation-name{font-size:15px}.conversation-name time{font-size:12px}.conversation-preview{font-size:13px}.filter-tabs button{min-height:44px;font-size:12px}.admin-panel{border-radius:22px;padding:20px}.settings-form fieldset,.admin-section{padding:20px}.message-scroll{padding:16px}.message-content{max-width:90%}}@media (width<=599px){.login-panel input,.admin-panel input,.admin-panel textarea,.admin-panel select{font-size:16px}.console-app{gap:6px;padding:6px}.topbar{gap:6px;min-height:104px;padding:8px 10px}.topbar .brand strong{font-size:17px}.topbar .brand-mark{border-radius:10px;width:30px;height:28px}.topbar-controls{flex-basis:100%;gap:4px}.project-picker{flex:1}.project-picker select{width:100%;min-height:44px;font-size:13px}.presence-picker{gap:2px;padding-inline-start:4px}.presence-picker select{width:62px;min-height:44px;font-size:12px}.presence-dot{width:8px;height:8px}.sound-button{min-width:44px;padding:6px}.sound-button .unread{min-width:16px;padding-inline:3px;font-size:10px;position:absolute;top:0;right:0}.sound-button{position:relative}.account-button{padding:4px}.workspace-body{gap:6px}.list-top{padding:16px 12px 0}.list-top h2{margin-bottom:12px;font-size:21px}.conversation-rows{padding-inline:6px}.chat-heading{gap:2px;min-height:72px;padding:10px 6px}.chat-person h1{font-size:16px}.chat-person p{font-size:11px}.chat-heading .button{min-height:44px;padding:8px 10px;font-size:12px}.chat-heading .icon-button{min-width:44px;padding:8px}.message-scroll{padding:12px 10px}.message-row{gap:6px;margin-bottom:20px}.message-bubble{padding:10px 12px;font-size:14px}.composer{padding:8px}.composer-toolbar{gap:6px;margin-bottom:6px}.composer-toolbar>.quick-reply{max-width:calc(100% - 50px);min-height:44px;padding:8px 10px;font-size:12px}.composer-toolbar .icon-button{min-width:44px;min-height:44px}.composer-box textarea{min-height:64px;padding:10px 12px;font-size:16px}.composer-bottom{padding:4px 6px 6px}.client-app .composer-bottom>span{font-size:10px}.admin-panel{padding:16px 12px}.admin-heading h1{font-size:23px}.admin-heading p{font-size:13px}.settings-form fieldset,.admin-section{border-radius:16px;padding:16px 12px}.settings-form legend{font-size:16px}.rule-row,.user-row{padding:14px 12px}.rule-controls{gap:12px}.operations-stats{grid-template-columns:minmax(0,1fr);gap:4px;padding:16px}.operations-stats dd{margin-bottom:12px}.login-page{gap:24px;padding:28px 16px}.login-brand{font-size:24px}.login-panel{border-radius:26px;padding:26px 22px}.login-panel h1{font-size:23px}.client-topbar{min-height:62px;padding:8px 12px}.client-topbar>div{gap:8px}.client-topbar strong{font-size:15px}.client-topbar .text-button{min-height:44px}.client-app .message-content{max-width:85%}.client-app .reception-banner{margin:4px 8px;padding:6px 10px}.client-app .faq-strip{padding:6px 10px}.client-app .composer-box textarea{font-size:16px}.demo-page{padding:10px}.demo-page-header{border-radius:20px;gap:8px;padding:12px}.demo-page-header .brand strong{font-size:14px}.demo-page-header .brand{gap:8px}.demo-page-header .button{min-height:44px;padding-inline:10px;font-size:11px}.demo-host{gap:28px;padding:36px 12px}.demo-order{padding:24px}.demo-instructions{margin-bottom:88px;padding:24px 20px}.demo-instructions ol{font-size:14px;line-height:2}.demo-chat-window{inset:var(--visible-top,0px) 0 auto;width:100%;height:var(--visible-height,100dvh);border:0;border-radius:0}.demo-chat-header{min-height:56px;padding-top:max(6px, env(safe-area-inset-top))}.support-launcher{right:20px;bottom:max(20px, env(safe-area-inset-bottom))}}@media (height<=700px){.client-app.leave-open .chat-panel{display:none}.client-app.leave-open .leave-form{min-height:0;max-height:none;margin-bottom:max(8px,env(safe-area-inset-bottom));flex:1}}@media (height<=520px){.console-app{gap:4px;padding:4px}.console-app .topbar{flex-wrap:nowrap;min-height:52px;padding:4px 8px}.console-app .topbar .brand,.console-app .workspace-name{display:none}.console-app .topbar-controls{flex-basis:auto}.console-app .side-nav>button{flex-direction:row;gap:6px;min-height:44px}.console-app .side-nav{padding:2px}.chat-heading{min-height:52px;padding-block:4px}.composer-box textarea,.client-app .composer-box textarea{min-height:44px;max-height:60px}.composer,.client-app .composer{padding-block:4px}.composer-toolbar,.client-app .composer-toolbar{margin-bottom:2px}.client-app .client-topbar{min-height:48px;padding-block:2px}.client-app .reception-banner{margin-block:2px;padding-block:4px}.client-app .faq-strip{padding-block:2px}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){:root{--glass:#f5fafb;--glass-strong:#fff;--glass-soft:#eef5f6;--line:#7a949c}.console-app,.login-page,.client-app,.demo-page{background:#eaf3f5}.topbar,.side-nav,.conversation-workspace,.admin-panel,.login-panel,.demo-page-header,.demo-order,.demo-instructions,.demo-chat-window,.client-topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f5fafb;border-color:#789199}.chat-panel,.client-app .chat-panel,.profile-panel,.conversation-list,.settings-form fieldset,.admin-section,.rule-row,.user-row,.composer,.client-app .composer,.client-history,.history-row{background:#fff}.client-app .own .message-bubble:not(.image){background:var(--client-avatar);color:var(--ink);border-color:var(--line-strong);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors:active){*,:before,:after{box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.console-app,.login-page,.client-app,.demo-page,.topbar,.side-nav,.conversation-workspace,.admin-panel,.login-panel,.client-topbar,.demo-order,.demo-instructions,.demo-chat-window,.message-bubble,.own .message-bubble,.client-app .own .message-bubble:not(.image),.composer,.profile-panel{color:canvastext;background:canvas}.client-app .own .message-bubble:not(.image){border-color:canvastext}.button,.quick-reply,.icon-button,.text-button,.conversation-row,.side-nav>button,.filter-tabs button{border:1px solid buttontext}.side-nav>button.selected,.conversation-row.selected,.filter-tabs button.selected{outline-offset:-3px;outline:2px solid highlight}.button.primary,.support-launcher,.unread{color:highlighttext;background:highlight}.client-app .client-composer .composer-box{background:canvas;border-color:buttontext}.client-app .client-composer .button:disabled{color:graytext;background:canvas;border-color:graytext}}}