.support-chat{width:min(1120px,100%);margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 18px 50px rgba(15,23,42,.08);overflow:hidden;font-family:var(--font-ui)}.support-chat *{box-sizing:border-box}.support-chat-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;background:linear-gradient(135deg,#eff6ff,#fff)}.support-chat-header h1{margin:2px 0 4px;color:#0f172a;font-size:28px}.support-chat-header p{margin:0;color:#64748b}.support-chat-eyebrow{font-size:11px!important;font-weight:700;letter-spacing:.14em;color:#1890ff!important}.support-primary,.support-send{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:#1890ff;color:#fff;padding:12px 17px;font-weight:600;cursor:pointer}.support-icon-button:focus-visible,.support-primary:focus-visible,.support-send:focus-visible,.support-ticket-list button:focus-visible{outline:3px solid rgba(24,144,255,.3);outline-offset:2px}.support-chat-grid{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:560px}.support-ticket-list{padding:16px;border-right:1px solid #e2e8f0;background:#f8fafc;display:flex;flex-direction:column;gap:8px;min-width:0}.support-ticket-list button{padding:13px;text-align:left;border:1px solid transparent;border-radius:14px;background:transparent;color:#0f172a;cursor:pointer;overflow:hidden}.support-ticket-list button.is-selected{background:#fff;border-color:#93c5fd;box-shadow:0 4px 12px rgba(15,23,42,.05)}.support-ticket-list span{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-ticket-list small{display:block;margin-top:5px;color:#64748b;text-transform:capitalize}.support-empty{padding:10px;color:#64748b;font-size:14px}.support-conversation{min-width:0;display:flex;flex-direction:column}.support-new-form{padding:22px 24px 0}.support-new-form h2,.support-thread-title h2{margin:0;color:#0f172a;font-size:20px}.support-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.support-form-row label{display:grid;gap:6px;color:#475569;font-size:12px;font-weight:600}.support-composer textarea,.support-form-row input,.support-form-row select{width:100%;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;padding:11px 12px;font:inherit}.support-context{color:#475569;font-size:13px}.support-thread-title{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.support-thread-title p{margin:5px 0 0;color:#64748b;font-size:12px;text-transform:capitalize}.support-thread-title>span{padding:6px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:700;text-transform:uppercase}.support-thread-title.is-safety{background:#fff7f7}.support-thread-title.is-safety>span{background:#fee2e2;color:#b91c1c}.support-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:22px 24px;max-height:520px;overflow:auto;background:#fff}.support-messages article{width:min(78%,520px);padding:11px 13px;border-radius:16px;overflow:hidden}.support-messages .from-user{align-self:flex-end;background:#eaf5ff;border-bottom-right-radius:5px}.support-messages .from-team{align-self:flex-start;background:#f1f5f9;border-bottom-left-radius:5px}.support-messages strong{display:block;color:#334155;font-size:11px}.support-messages p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#0f172a}.support-messages time{display:block;color:#64748b;font-size:10px;margin-top:5px}.support-messages img{display:block;width:min(100%,360px);max-height:280px;object-fit:cover;border-radius:10px;margin-top:7px}.support-messages audio{display:block;max-width:100%;margin-top:7px}.support-composer{margin-top:auto;padding:16px 20px;border-top:1px solid #e2e8f0;background:#f8fafc}.support-composer textarea{resize:vertical;min-height:74px}.support-composer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.support-icon-button{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.support-icon-button input{display:none}.support-send{margin-left:auto;padding:10px 15px}.support-send:disabled{opacity:.55;cursor:not-allowed}.support-recording{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#be123c;font-weight:700;cursor:pointer}.support-voice-preview{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px;border:1px solid #bae6fd;border-radius:12px;background:#fff}.support-voice-preview audio{min-width:0;max-width:100%;height:34px}.support-voice-preview button{border:0;border-radius:9px;padding:8px;background:#e0f2fe;color:#075985;cursor:pointer;font-weight:600}.support-feedback,.support-upload-progress{display:flex;align-items:center;gap:7px;margin:9px 0 0;color:#475569;font-size:12px}.support-closed{padding:18px;color:#166534;background:#f0fdf4;font-weight:600}.support-chat-compact{box-shadow:none;margin:0;border-radius:20px}@media(max-width:700px){.support-chat{border-radius:18px}.support-chat-header{align-items:flex-start;flex-direction:column;padding:20px}.support-chat-header h1{font-size:24px}.support-primary{width:100%}.support-chat-grid{grid-template-columns:1fr;min-height:0}.support-ticket-list{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #e2e8f0}.support-ticket-list button{flex:0 0 220px}.support-messages{min-height:300px;padding:16px;max-height:430px}.support-messages article{width:90%}.support-new-form,.support-thread-title{padding-left:16px;padding-right:16px}.support-composer{padding:14px}.support-send{margin-left:0;flex:1 1}.support-voice-preview{flex-wrap:wrap}.support-voice-preview audio{width:100%}}