.support-chat-panel{background:var(--surface);border-radius:12px;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.support-chat-header{border-bottom:1px solid var(--gray-2);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.support-chat-header h3{margin:0;font-size:16px}.support-chat-subtitle{color:var(--gray-6);margin:4px 0 0;font-size:12px}.support-chat-status{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.support-chat-status-online{color:var(--success);background:#22863a1f}.support-chat-status-offline{background:var(--gray-2);color:var(--gray-6)}.support-chat-banner{padding:10px 16px;font-size:13px}.support-chat-banner-info{color:var(--info);background:#0366d614}.support-chat-banner-error{color:var(--dark-pink);background:#b31d2814}.support-chat-messages{background:var(--gray-1,var(--gray-1));flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.support-chat-message{flex-direction:column;max-width:75%;display:flex}.support-chat-message-self{align-self:flex-end;align-items:flex-end}.support-chat-message-other{align-self:flex-start;align-items:flex-start}.support-chat-bubble{word-wrap:break-word;white-space:pre-wrap;border-radius:16px;padding:8px 14px;font-size:14px;line-height:1.4}.support-chat-message-self .support-chat-bubble{background:var(--indigo-700,#4a3cdb);color:var(--on-brand);border-bottom-right-radius:4px}.support-chat-message-other .support-chat-bubble{background:var(--surface);color:var(--gray-9,var(--gray-13));border:1px solid var(--gray-2);border-bottom-left-radius:4px}.support-chat-meta{color:var(--gray-6);margin-top:2px;padding:0 6px;font-size:11px}.support-chat-typing{gap:4px;padding:12px 14px;display:inline-flex}.support-chat-typing span{background:var(--gray-6);opacity:.4;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite support-chat-typing-bounce}.support-chat-typing span:nth-child(2){animation-delay:.15s}.support-chat-typing span:nth-child(3){animation-delay:.3s}@keyframes support-chat-typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.support-chat-input-row{border-top:1px solid var(--gray-2);background:var(--surface);gap:8px;padding:12px 16px;display:flex}.support-chat-input-row textarea{resize:none;border:1px solid var(--gray-3);border-radius:8px;flex:1;padding:8px 12px;font-family:inherit;font-size:14px;line-height:1.4}.support-chat-input-row textarea:disabled{background:var(--gray-1);cursor:not-allowed}.support-chat-input-row button{background:var(--indigo-700,#4a3cdb);color:var(--on-brand);cursor:pointer;border:none;border-radius:8px;padding:0 18px;font-size:14px;font-weight:600}.support-chat-input-row button:disabled{opacity:.5;cursor:not-allowed}