#support-demo{--cio-stage-h:300px;--cio-stage-h-m:340px}.cio-su-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cio-su-head .cio-h{margin:0}.cio-su-search{height:38px;border:1.5px solid var(--cio-brand);box-shadow:0 0 0 4px var(--cio-brand-soft);border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 12px;font-size:12.5px;font-weight:600;overflow:hidden}.cio-su-search svg{width:15px;height:15px;stroke:var(--cio-muted);fill:none;stroke-width:2;flex:none}.cio-su-ai{margin-left:auto;font-size:10px;font-weight:800;color:var(--cio-brand-text);background:var(--cio-brand-soft);border-radius:999px;padding:3px 8px;flex:none}.cio-su-type{display:inline-block;white-space:nowrap;overflow:hidden;width:0;border-right:2px solid var(--cio-brand-text)}.cio-scene.is-active .cio-su-type{animation:cio-su-type 1.3s steps(25) var(--d,0s) both,cio-su-caret .6s step-end 4 var(--d,0s)}@keyframes cio-su-type{to{width:var(--tw,260px)}}@keyframes cio-su-caret{50%{border-color:transparent}}.cio-su-res{display:grid;gap:7px;margin-top:12px}.cio-su-art{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;border:1px solid var(--cio-line);border-radius:10px;padding:8px 12px;background:var(--cio-surface)}.cio-su-art.hl{border-color:var(--cio-brand);box-shadow:0 0 0 4px var(--cio-brand-soft)}.cio-su-art strong{font-size:12.5px;display:block;margin-bottom:6px}.cio-su-ico{width:30px;height:30px;border-radius:8px;background:var(--cio-canvas);display:grid;place-items:center}.cio-su-ico svg{width:15px;height:15px;stroke:var(--cio-muted);fill:none;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.cio-su-best{font-size:10.5px;font-weight:700;color:var(--cio-ok);background:#1fae6b1f;border-radius:999px;padding:3px 9px;white-space:nowrap}.cio-su-chat{display:grid;gap:9px;align-content:start}.cio-su-msg{max-width:78%;border-radius:12px;padding:9px 12px;font-size:12px;line-height:1.45;display:grid;gap:6px}.cio-su-msg small{font-size:10.5px;font-weight:700;color:var(--cio-brand-text)}.cio-su-msg.them{background:var(--cio-canvas);border:1px solid var(--cio-line);border-top-left-radius:4px}.cio-su-msg.me{justify-self:end;background:var(--cio-brand);color:var(--cio-on-brand);border-top-right-radius:4px}.cio-su-msg.me .cio-bar{background:#ffffff73}.cio-su-att{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;background:#ffffff2e;border-radius:7px;padding:4px 8px;width:max-content}.cio-su-att svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linejoin:round}.cio-su-input{position:absolute;left:24px;right:24px;bottom:16px;height:40px;border:1.5px solid var(--cio-line);border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 6px 0 12px;background:var(--cio-surface)}.cio-su-input .cio-fill{flex:none}.cio-su-clip{margin-left:auto;width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:var(--cio-muted)}.cio-su-clip svg,.cio-su-send svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}.cio-su-send{position:relative;width:30px;height:30px;border-radius:8px;background:var(--cio-ok);color:#fff;display:grid;place-items:center}.cio-su-toast{position:absolute;top:14px;right:16px;display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;background:var(--cio-surface);border:1px solid var(--cio-line);border-radius:10px;padding:8px 11px;box-shadow:0 12px 26px -12px #0a062866;opacity:0;z-index:2}.cio-su-toast svg{width:14px;height:14px;stroke:var(--cio-brand-text);fill:none;stroke-width:1.8;stroke-linejoin:round}.cio-scene.is-active .cio-su-life{animation:cio-su-life var(--len,2s) ease var(--d,0s) both}@keyframes cio-su-life{0%{opacity:0;transform:translateY(-6px)}10%{opacity:1;transform:none}88%{opacity:1}to{opacity:0}}.cio-su-two{display:grid;grid-template-columns:1fr 170px;gap:14px}.cio-su-panel{border:1px solid var(--cio-line);border-radius:10px;padding:10px 12px;display:grid;gap:8px;align-content:start;font-size:11px;color:var(--cio-muted)}.cio-su-panel b{display:block;color:var(--cio-ink);font-size:11.5px;margin-top:3px}.cio-su-agent{display:flex;align-items:center;gap:7px;color:var(--cio-ink);font-weight:600;font-size:11.5px;margin-top:3px}.cio-su-agent i{width:20px;height:20px;border-radius:50%;background:var(--cio-brand-soft)}.cio-su-chip{display:inline-block;font-size:10.5px;font-weight:700;border-radius:999px;padding:3px 9px;margin-top:3px;white-space:nowrap}.cio-su-chip.open{background:#e5484d1f;color:#e5484d}.cio-su-chip.busy{background:#f5a30029;color:#b87700}.dark .cio-su-chip.busy{color:#ffc24d}.cio-su-chip.ok{background:#1fae6b24;color:var(--cio-ok)}.cio-su-stack{display:grid}.cio-su-stack>*{grid-area:1/1;justify-self:start}.cio-su-list{display:grid;gap:7px}.cio-su-row{display:grid;grid-template-columns:78px 1fr 110px 96px;gap:12px;align-items:center;border:1px solid var(--cio-line);border-radius:10px;padding:0 12px;height:44px;background:var(--cio-surface)}.cio-su-num{font-size:10.5px;font-weight:700;color:var(--cio-muted);font-family:ui-monospace,Menlo,Consolas,monospace}.cio-su-user{display:flex;align-items:center;gap:7px}.cio-su-user i{width:20px;height:20px;border-radius:50%;background:var(--cio-brand-soft);flex:none}.cio-su-user .cio-bar{flex:1}@media(max-width:620px){.cio-su-two{grid-template-columns:1fr}.cio-su-panel{display:none}.cio-su-row{grid-template-columns:1fr 92px;gap:8px;padding:0 10px}.cio-su-row .cio-su-num,.cio-su-row .cio-su-user{display:none}.cio-su-toast,.cio-su-input{left:16px;right:16px}.cio-su-msg{max-width:90%}}