.chat-panel{--surface-1:#021d1e;--surface-2:#022627;--surface-3:var(--surface-2);--surface-4:#0e4142;--text:#fff;--text-dim:#84b5b6;--text-faint:#528282;--border:#ffffff1a;--border-strong:#ffffff2e;--chat-gold:#ffcc70;--chat-gold-deep:#c49241;--chat-gold-grad:linear-gradient(135deg, #ffffe8, #ffcc70, #c49241, #ffcc70);--chat-ink:#2a1804;background:var(--surface-1);border:1px solid var(--border);box-shadow:0 -18px 50px -12px #000000b3}.chat-scrim{background:#0000009e}.chat-panel .chat-head{border-bottom:1px solid var(--border);background:linear-gradient(#022627,#021d1e);box-shadow:0 1px #ffcc7029}.chat-panel .chat-head-avatar{color:var(--chat-ink);background:var(--chat-gold-grad);border:none;box-shadow:0 2px 10px -2px #ffcc7080}.chat-panel .chat-head-title{color:#fff}.chat-panel .chat-head-code{font-family:var(--font-manrope), var(--font-sans), sans-serif;letter-spacing:.04em;color:var(--chat-gold);background:#ffcc701f;border:1px solid #ffcc7047;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:800}.chat-panel .chat-head-sub{color:var(--text-dim)}.chat-panel .chat-status-dot,.chat-panel .chat-head-online{background:#35d07f;box-shadow:0 0 0 2px #35d07f38}.chat-panel .chat-close{color:var(--text-dim);border:1px solid var(--border);background:#ffffff0f;border-radius:999px}.chat-panel .chat-close:hover{color:#fff}.chat-panel .chat-body{background:radial-gradient(120% 60% at 50% 0%, #ffcc700d, transparent 60%), var(--surface-1)}.chat-panel .chat-empty-ic{background:var(--chat-gold-grad);border-color:#0000;box-shadow:0 6px 18px -6px #ffcc708c}.chat-panel .chat-empty-ic .material-symbols-outlined{color:var(--chat-ink)}.chat-panel .chat-empty-t{color:#fff}.chat-panel .chat-empty p{color:var(--text-dim)}.chat-panel .chat-quick-chip{color:var(--chat-gold);background:#ffcc7014;border:1px solid #ffcc704d;border-radius:999px;transition:background .12s,color .12s,transform .12s}.chat-panel .chat-quick-chip:active:not(:disabled){color:var(--chat-ink);background:var(--chat-gold);transform:scale(.97)}.chat-panel .chat-quick-chip:disabled{opacity:.45}.chat-panel .chat-bubble{color:var(--text);background:var(--surface-2);border:1px solid var(--border)}.chat-panel .chat-bubble-row.mine .chat-bubble{color:var(--chat-ink);background:var(--chat-gold-grad);border-color:#0000}.chat-panel .chat-bubble-row.mine .chat-bubble-time{color:#2a180499}.chat-panel .chat-bubble-time{color:var(--text-faint)}.chat-panel .chat-bubble.ai{background:#8b5cf624;border-color:#8b5cf657}.chat-panel .chat-bubble-ai-tag{color:#f2cf7a}.chat-panel .chat-bubble-av{color:var(--chat-gold);background:#ffcc701f;border:1px solid #ffcc7042}.chat-panel .chat-bubble-av.ai{color:#f2cf7a;background:#8b5cf629;border-color:#8b5cf657}.chat-panel .chat-load-older{color:var(--text-dim);border:1px solid var(--border);background:#ffffff0d;border-radius:999px}.chat-panel .chat-telegram{color:var(--text);background:var(--surface-2);border:1px solid var(--border)}.chat-panel .chat-talk-agent{color:var(--chat-gold);background:#ffcc7014;border:1px solid #ffcc7057}.chat-panel .chat-talk-agent:active{color:var(--chat-ink);background:var(--chat-gold)}.chat-panel .chat-escalated{color:var(--chat-gold);border-top:1px solid var(--border);background:#ffcc7014}.chat-panel .chat-input-row{background:linear-gradient(180deg, var(--dark-surface-2), var(--dark-surface-1));border-top:1px solid var(--border)}.chat-panel .chat-input{color:#fff;background:var(--surface-2);border:1px solid var(--border);border-radius:999px}.chat-panel .chat-input::placeholder{color:var(--text-faint)}.chat-panel .chat-input:focus{border-color:#ffcc7073;outline:none}.chat-panel .chat-attach{color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:999px}.chat-panel .chat-send{color:var(--chat-ink);background:var(--chat-gold-grad);border:none;box-shadow:0 4px 12px -4px #ffcc7099}.chat-panel .chat-send:disabled{color:var(--text-faint);background:var(--surface-3);box-shadow:none}.chat-panel.chat-panel{--hb-rim:#ffcc7057;--hb-rim-soft:#ffcc701a;--hb-card:var(--surface-2);--hb-ink:var(--text);--hb-muted:var(--text-dim);--hb-accent:var(--chat-gold-grad);--hb-accent-ink:var(--chat-ink);--hb-link:var(--chat-gold)}.chat-panel.chat-panel .hb-body>*{flex-shrink:0}.chat-panel.chat-panel .hb-intro{margin-bottom:6px}.chat-panel.chat-panel .hb-topics{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0 0;padding-left:0;display:flex}.chat-panel.chat-panel .hb-topics .chat-quick-chip{align-items:center;gap:6px;display:inline-flex}.chat-panel.chat-panel .hb-topics .chat-quick-ic{font-size:17px;line-height:1}.chat-panel.chat-panel .hb-lang{border:1px solid var(--hb-rim);background:var(--hb-card);border-radius:999px;margin-top:10px;padding:2px;display:inline-flex}.chat-panel.chat-panel .hb-lang button{min-width:44px;height:26px;font:inherit;color:var(--hb-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:12px;font-weight:800}.chat-panel.chat-panel .hb-lang button.on{background:var(--hb-accent);color:var(--hb-accent-ink)}.chat-panel.chat-panel .hb-pick{color:var(--hb-muted);margin:10px 2px 0;padding-left:0;font-size:12px;font-weight:700}.chat-panel.chat-panel .hb-feedback{margin:4px 0 6px 40px}.chat-panel.chat-panel .hb-q{color:var(--hb-ink);margin-bottom:8px;font-size:13px;font-weight:700}.chat-panel.chat-panel .hb-actions{flex-wrap:wrap;gap:8px;display:flex}.chat-panel.chat-panel .hb-actions button{min-height:40px;font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.chat-panel.chat-panel .hb-actions .material-symbols-outlined{font-size:18px}.chat-panel.chat-panel .hb-yes{border:1px solid var(--hb-rim);background:var(--hb-card);color:var(--hb-ink)}.chat-panel.chat-panel .hb-yes:active:not(:disabled){background:var(--hb-rim-soft)}.chat-panel.chat-panel .hb-no{background:var(--hb-accent);color:var(--hb-accent-ink);border:0}.chat-panel.chat-panel .hb-actions button:disabled,.chat-panel.chat-panel .hb-other:disabled{opacity:.55}.chat-panel.chat-panel .hb-other{font:inherit;color:var(--hb-link);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:10px;padding:4px 2px;font-size:13px;font-weight:700;text-decoration:underline}.chat-panel.chat-panel .hb-error{color:var(--rose,#ef4444);background:#ef444414;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.chat-panel.chat-panel .hb-error .material-symbols-outlined{font-size:15px}.chat-panel.chat-panel .hb-head-btn{border:1px solid var(--hb-rim);background:var(--hb-rim-soft);height:30px;font:inherit;white-space:nowrap;color:var(--hb-link);cursor:pointer;border-radius:999px;flex-shrink:0;order:1;align-items:center;gap:4px;margin:0 8px 0 auto;padding:0 10px 0 8px;font-size:12px;font-weight:800;display:inline-flex}.chat-panel.chat-panel .chat-head .chat-close{order:2}.chat-panel.chat-panel .hb-head-btn .material-symbols-outlined{font-size:17px}.chat-panel.chat-panel .hb-head-btn:active{opacity:.8}@media (max-width:519px){.chat-panel.chat-panel .hb-head-btn{justify-content:center;width:34px;height:34px;padding:0;font-size:0}.chat-panel.chat-panel .hb-head-btn .material-symbols-outlined{font-size:20px}}
