/* The support view is a viewport-fitted chat: only the message history scrolls. */
html.support-html{height:100%;overflow:hidden}
.support-title-row select.language{margin-left:auto;width:92px;min-width:92px;padding:0 4px;height:32px;color:#fff;background:#172537;border:1px solid #735515;border-radius:8px;font-size:11px}
.support-body{height:100vh;height:100dvh;min-height:0;overflow:hidden;padding:0 0 calc(78px + env(safe-area-inset-bottom));display:flex;justify-content:center;background:#192737}
.support-shell{width:min(512px,100%);height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#1b2a3a;border-inline:1px solid #26384a;box-shadow:0 0 28px #0b152080}
.support-header{padding:22px 15px 15px;background:linear-gradient(115deg,#1c2d40,#293949);border-bottom:1px solid #314255}
.support-brand{height:25px;display:flex;align-items:center;gap:3px;width:max-content;color:#fff;text-decoration:none}
.support-brand .brand-mark{font-size:20px}.support-brand .brand-caption{font-size:4.5px}
.support-title-row{height:56px;margin-top:5px;display:flex;align-items:center;gap:11px}
.support-agent-icon{position:relative;width:50px;height:50px;flex:none;display:grid;place-items:center;border:1px solid #6d5620;border-radius:17px;background:#26394d;color:#ffbd1e}
.support-agent-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.support-agent-icon i{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border:2px solid #223246;border-radius:50%;background:#18cf7c}
.support-title-row h1{margin:0;font-size:17px;font-weight:700;white-space:nowrap}
.notification-button{height:36px;margin-left:auto;padding:0 12px;display:flex;align-items:center;gap:7px;border:1px solid #579be0;border-radius:9px;background:linear-gradient(110deg,#529fe4,#347fc5);color:#fff;font-size:12px;font-weight:600;white-space:nowrap}
.notification-button svg,.support-install svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.support-install{width:100%;height:33px;margin-top:11px;display:flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:8px;background:#ffb719;color:#172536;font-size:13px;font-weight:700}
.support-response{margin:12px 0 0;color:#b5c1cc;font-size:11px;line-height:1.4}.support-response small{color:#7f8d9b;font-size:10px}
.conversation{min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px 15px 18px;scrollbar-width:thin;scrollbar-color:#3b5063 transparent}
.date-divider{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:#aeb9c5;font-size:10px}.date-divider::before,.date-divider::after{content:"";height:1px;flex:1;background:#344352}.date-divider span{padding:4px 12px;border-radius:14px;background:#172536}
.message-group{max-width:82%}.message-sender{display:block;margin:0 0 5px 4px;color:#54a9f0;font-size:10px}
.message-bubble{position:relative;padding:13px 16px 24px;border:1px solid #34516b;border-radius:17px 17px 17px 2px;background:#24364a;color:#f5f7fa;font-size:14px;line-height:1.6;box-shadow:0 2px 6px #08111b22}
.message-bubble p{margin:0 0 20px}.message-bubble p:last-of-type{margin-bottom:12px}.message-bubble time{position:absolute;right:15px;bottom:9px;color:#9eacbb;font-size:9px}
.quick-topics{margin-top:24px;text-align:center}.quick-topics h2{margin:0 0 9px;color:#b2bdc8;font-size:11px;font-weight:500;letter-spacing:.5px}
.quick-topic-list{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}
.quick-topic-list button{height:31px;padding:0 11px;display:inline-flex;align-items:center;gap:5px;border:1px solid #384b5f;border-radius:18px;background:#25374b;color:#b8c4cf;font-size:11px;white-space:nowrap;cursor:pointer}
.quick-topic-list button:hover{border-color:#5385ad;background:#2a4056}.quick-topic-list button span{font-size:14px}
.composer{position:relative;padding:11px 12px 9px;border-top:1px solid #2b3c4e;background:#172536}
.composer-row{display:flex;align-items:center;gap:8px}.composer-icon{width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid #2e4053;border-radius:13px;background:#19293a;color:#b6c2cd;cursor:pointer}
.composer-icon:hover,.composer-icon[aria-expanded="true"]{border-color:#977520;color:#ffbd20;background:#202f40}.composer-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.composer textarea{flex:1;min-width:0;height:50px;max-height:112px;resize:none;padding:14px 15px;border:1px solid #3a4d60;border-radius:16px;background:#26394e;color:#fff;outline:none;font-size:14px;line-height:1.45;overflow:auto}
.composer textarea::placeholder{color:#8796a6}.composer textarea:focus{border-color:#ffb719;box-shadow:0 0 0 1px #ffb719}
.send-button{width:44px;height:44px;flex:none;display:grid;place-items:center;border:0;border-radius:13px;background:#9b751b;color:#101c28;cursor:pointer}
.send-button:hover{background:#ffb719}.send-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.upload-hint{margin:6px 52px 0 0;text-align:center;color:#7d8b99;font-size:9px}.composer-status{margin:4px 0 0;text-align:center;color:#ffcb48;font-size:10px}.composer-status:empty{display:none}
.emoji-wrap{position:relative;flex:none}.emoji-picker{position:absolute;z-index:8;left:0;bottom:calc(100% + 8px);width:min(280px,calc(100vw - 24px));padding:12px;border:1px solid #3b4d60;border-radius:16px;background:#24364a;box-shadow:0 12px 28px #06111dcc}.emoji-picker[hidden]{display:none}.emoji-picker>span{display:block;margin:0 0 8px;color:#b4c0ca;font-size:9px;letter-spacing:.3px}.emoji-picker>div{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.emoji-picker button{height:36px;border:0;border-radius:7px;background:transparent;font-size:20px;cursor:pointer}.emoji-picker button:hover,.emoji-picker button:focus-visible{background:#344b62;outline:none}
.attachment-preview{display:flex;align-items:center;gap:9px;margin:0 0 8px;padding:7px;border:1px solid #34495e;border-radius:9px;background:#1d2d3f}.attachment-preview[hidden]{display:none}.attachment-preview img{width:44px;height:44px;object-fit:cover;border-radius:6px}.attachment-preview span{min-width:0;flex:1;overflow:hidden;color:#c4ced8;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.attachment-preview button{width:28px;height:28px;border:0;border-radius:7px;background:#293b4f;color:#ff999e;font-size:18px;cursor:pointer}
.chat-image{display:block;max-width:220px;max-height:220px;margin-top:8px;border-radius:9px;object-fit:contain}.user-message{margin:14px 0 0 auto}.user-message .message-sender{text-align:right}.user-message .message-bubble{border-color:#376b9b;border-radius:17px 17px 2px 17px;background:#28577d}
.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:560px){.support-shell{border-inline:0;box-shadow:none}.support-header{padding:14px 13px 12px}.support-title-row{height:52px;gap:9px}.support-agent-icon{width:48px;height:48px}.support-title-row h1{font-size:16px}.notification-button{height:34px;padding:0 9px;font-size:11px}.support-install{height:35px}.support-response{margin-top:9px}.conversation{padding-inline:13px}.message-group{max-width:88%}.message-bubble{padding:12px 13px 23px;font-size:13px}.quick-topics{margin-top:21px}.quick-topic-list{gap:6px}.quick-topic-list button{height:30px;padding:0 9px;font-size:10px}.composer{padding:9px 10px 7px}.composer-row{gap:6px}.composer-icon,.send-button{width:40px;height:42px;border-radius:12px}.composer textarea{height:46px;padding:12px;font-size:13px}.upload-hint{margin-top:5px}}
@media(max-width:370px){.support-header{padding-inline:10px}.notification-button{padding:0 7px;font-size:10px}.support-title-row{gap:7px}.support-title-row h1{font-size:15px}.support-agent-icon{width:43px;height:43px}.quick-topic-list button{padding-inline:7px}.composer-icon,.send-button{width:36px}.composer-row{gap:5px}}
@media(max-height:700px){.support-header{padding-top:10px;padding-bottom:9px}.support-brand{height:19px}.support-title-row{height:46px;margin-top:2px}.support-agent-icon{width:42px;height:42px}.support-install{height:30px;margin-top:7px}.support-response{margin-top:7px;font-size:10px}.conversation{padding-top:9px}.date-divider{margin-bottom:8px}.message-bubble p{margin-bottom:12px}.quick-topics{margin-top:14px}.composer{padding-top:7px;padding-bottom:6px}}
@media(prefers-reduced-motion:reduce){.support-shell *{scroll-behavior:auto!important;transition:none!important}}