.customer-chat{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start}.biz-chat-room{min-width:0;border:1px solid #294052;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#0c1825,#071019);box-shadow:0 16px 55px #0002}.biz-chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid #243648}.biz-chat-agent{display:flex;align-items:center;gap:12px;min-width:0}.biz-chat-agent>img{width:60px;height:46px;object-fit:contain;filter:drop-shadow(0 0 12px #33b8ff22)}.biz-chat-agent h2{font-size:16px;margin:0 0 5px;overflow-wrap:anywhere}.biz-chat-agent small{font-size:11px;color:#98afc1}.biz-chat-agent i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43d6bc;margin-right:6px}.biz-chat-secondary{border:1px solid #30475b;border-radius:13px;background:#101f2d;color:#d3e4f4;padding:10px 13px;cursor:pointer;font:inherit;font-size:12px;flex-shrink:0}.biz-chat-secondary:hover{border-color:#5b94dc;background:#172d40}.biz-chat-context{display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid #1d2f3e}.biz-chat-context>span{border:1px solid #369eaa66;background:#145d652b;color:#7ae3dc;padding:5px 10px;border-radius:20px;font-size:11px;white-space:nowrap}.biz-chat-context small{font-size:11px;color:#8ba4b7}.biz-chat-thread{height:clamp(340px,48vh,590px);overflow-y:auto;overscroll-behavior:contain;padding:24px 22px;scrollbar-width:thin;scrollbar-color:#2c4560 transparent}.biz-chat-message{display:flex;gap:10px;margin-bottom:22px;align-items:flex-start}.biz-chat-message>div{max-width:82%;min-width:0}.biz-chat-avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:36px;border:1px solid #254158;border-radius:12px;background:#132236;color:#b8c5da;font-size:10px;overflow:hidden}.biz-chat-avatar img{width:38px;height:30px;object-fit:contain}.biz-chat-meta{display:flex;gap:10px;align-items:center;color:#9eb1c6;font-size:10px;margin:0 2px 7px}.biz-chat-meta time{font-size:9px;color:#7790a5}.biz-chat-bubble{white-space:pre-wrap;overflow-wrap:anywhere;padding:13px 16px;border:1px solid #253c50;border-radius:5px 19px 19px 19px;background:#111e2c;line-height:1.85;font-size:13px;color:#e1eaf8}.biz-chat-message.mine{flex-direction:row-reverse}.mine .biz-chat-meta{justify-content:flex-end}.mine .biz-chat-bubble{background:linear-gradient(135deg,#253858,#203c51);border-color:#3b5278;border-radius:19px 5px 19px 19px}.biz-chat-welcome{text-align:center;padding:65px 16px;color:#849db1}.biz-chat-welcome>img{width:136px;height:104px;object-fit:contain}.biz-chat-welcome h3{font-size:17px;color:#dae8f7;margin:20px 0 10px}.biz-chat-welcome p{font-size:12px;line-height:1.8}.biz-chat-footer{padding:16px 18px 10px;border-top:1px solid #243647;background:#0a1520}.biz-chat-composer{display:flex!important;align-items:flex-end;gap:10px;border:1px solid #344b65;border-radius:19px;background:#0d1a28;padding:8px}.biz-chat-composer:focus-within{border-color:#649aef;box-shadow:0 0 0 3px #438be414}.biz-chat-composer textarea{flex:1;min-width:0;min-height:40px;max-height:120px;resize:none;border:0!important;background:transparent!important;box-shadow:none!important;padding:9px!important;font:inherit;font-size:13px;color:#e4eeff;border-radius:12px}.biz-chat-send{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:0;border-radius:14px;background:linear-gradient(135deg,#6d7dff,#3cbad5);color:white;font-size:23px;cursor:pointer;transition:transform .2s,filter .2s}.biz-chat-send:hover{transform:translateY(-2px);filter:brightness(1.1)}.biz-chat-send:disabled{opacity:.5;cursor:wait}.biz-chat-footer>p{margin:8px 3px 0;color:#6f879b;font-size:10px;line-height:1.7}.biz-chat-side{border:1px solid #273e51;border-radius:22px;padding:22px;background:#0d1c2ad9}.biz-chat-side h3{font-size:17px;margin:12px 0}.biz-chat-side>p:not(.eyebrow),.biz-chat-tip{font-size:12px;line-height:1.9;color:#9bb1c5}.biz-chat-prompts{display:grid;gap:9px;margin:25px 0}.biz-chat-prompts>span{font-size:11px;color:#718da4;margin-bottom:3px}.biz-chat-prompts button{text-align:left;padding:12px;border:1px solid #2c4860;border-radius:13px;background:#122638;color:#bfdaed;font-size:11px;cursor:pointer}.biz-chat-prompts button:hover{background:#1c354a;border-color:#5586b3}.biz-chat-tip{border-top:1px solid #263c50;padding-top:18px;margin-top:20px}.biz-chat-typing{display:flex;gap:5px;align-items:center;color:#88a4bd;font-size:11px;padding:6px 50px 16px}.biz-chat-typing i{width:5px;height:5px;background:#62cde0;border-radius:50%;animation:bizChatDot 1.2s infinite}.biz-chat-typing i:nth-child(2){animation-delay:.15s}.biz-chat-typing i:nth-child(3){animation-delay:.3s}.biz-chat-typing span{margin-left:7px}.customer-chat #supportHistorySlot{padding:0 20px}.customer-chat .support-empty{padding:50px 10px;text-align:center;color:#8aa1b6;line-height:1.8}.customer-chat .support-contact{display:grid;padding:0;border:0;gap:12px;background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes bizChatDot{50%{transform:translateY(-4px);opacity:.5}}@media(max-width:1100px){.customer-chat{grid-template-columns:minmax(0,1fr)}.biz-chat-side{display:none}}@media(max-width:600px){.biz-chat-header{padding:15px 12px}.biz-chat-agent{gap:7px}.biz-chat-agent h2{font-size:14px}.biz-chat-agent>img{width:46px;height:36px}.biz-chat-secondary{font-size:10px;padding:10px}.biz-chat-context{padding:11px 12px;gap:8px}.biz-chat-context small{font-size:10px}.biz-chat-thread{height:clamp(320px,50svh,540px);padding:20px 12px}.biz-chat-message>div{max-width:84%}.biz-chat-avatar{width:30px;height:30px}.biz-chat-avatar img{width:28px;height:24px}.biz-chat-bubble{font-size:12px;padding:11px 13px}.biz-chat-footer{padding:12px 10px 10px}.biz-chat-room{border-radius:20px}.biz-chat-welcome{padding:45px 8px}.customer-chat:has(#supportForm) .biz-chat-side{display:block}}@media(prefers-reduced-motion:reduce){.biz-chat-typing i{animation:none}.biz-chat-send{transition:none}}
