/* Keep the page visible through the support sheet, not an opaque parent. */
#support-modal{background:rgba(4,10,20,.18)!important}
#support-modal .modal-content.support-chat-window{background:transparent!important;border:1px solid #ffffff40;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 18px 55px #07132945}
#support-modal .support-chat-head{min-height:0;padding:10px 54px 10px 12px;gap:8px;background:rgba(40,83,145,.12)!important;backdrop-filter:blur(9px) saturate(135%);-webkit-backdrop-filter:blur(9px) saturate(135%);flex-shrink:0}
#support-modal .support-chat-head:before,#support-modal .support-chat-head:after{display:none}
#support-modal .support-chat-head>div{min-width:0;display:flex;flex-direction:column;gap:3px}
#support-modal .support-chat-head .eyebrow{display:none}
#support-modal .support-chat-head h2{font-size:clamp(14px,4vw,18px);line-height:1.35;overflow-wrap:anywhere;margin:0;text-shadow:0 1px 5px #07132980}
#support-modal .support-chat-head small{font-size:9px;margin:0;order:-1;line-height:1.3}
#support-modal .support-agent-icon{height:34px;width:34px;flex:0 0 34px;font-size:20px;border-radius:11px;animation:none;background:#ffffff18}
#support-modal .modal-close{height:32px;width:32px;top:12px;right:12px;font-size:24px;background:#ffffff18;border:1px solid #ffffff35;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
#support-modal .customer-chat{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;min-height:180px;background:rgba(242,247,255,.70)!important;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);overflow-y:auto}
#support-modal .customer-chat p{flex:0 0 auto;align-self:flex-start;min-height:0;height:auto;width:fit-content;max-width:86%;margin:0;padding:9px 11px;border-radius:13px;background:rgba(255,255,255,.48)!important;border:1px solid #ffffff65!important;color:#17264d!important;font-size:12px;line-height:1.5;overflow-wrap:anywhere;box-shadow:none!important}
#support-modal .customer-chat p.customer{align-self:flex-end;background:rgba(82,133,242,.22)!important;border-color:#88aaf65c!important}
#support-modal .customer-chat p:before{display:none}
#support-modal .customer-chat p b{font-size:12px;color:inherit!important}
#support-modal .customer-chat p small{font-size:9px;color:#52617b!important;margin-top:4px}
#support-modal .support-form{padding:10px;gap:8px;background:rgba(235,242,255,.65)!important;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-top:1px solid #ffffff35;box-shadow:none;flex-shrink:0}
#support-modal .support-form input{font-size:13px;min-height:40px;padding:10px 12px;background:#ffffff30!important;border:1px solid #ffffff55!important;color:#17264d!important;border-radius:12px}
#support-modal .support-form input::placeholder{font-size:12px;color:#52617b!important}
#support-modal .support-form button{width:40px;height:40px;flex:0 0 40px;border-radius:12px;font-size:19px}
html[data-theme="dark"] #support-modal .customer-chat{background:rgba(15,24,40,.50)!important}
html[data-theme="dark"] #support-modal .customer-chat p{background:rgba(137,163,205,.12)!important;color:#edf3fc!important;border-color:#a1b8dd35!important}
html[data-theme="dark"] #support-modal .customer-chat p.customer{background:rgba(75,123,225,.24)!important}
html[data-theme="dark"] #support-modal .customer-chat p small{color:#b7c5dc!important}
html[data-theme="dark"] #support-modal .support-form{background:rgba(22,34,54,.50)!important}
html[data-theme="dark"] #support-modal .support-form input{background:#ffffff0c!important;color:#edf3fc!important}
html[data-theme="dark"] #support-modal .support-form input::placeholder{color:#b7c5dc!important}
#support-modal #support-messages{background:rgba(242,247,255,.70)!important;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
#support-modal #support-messages{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}
#support-modal .support-chat-window{overscroll-behavior:contain}
#support-modal:not(.hidden) .support-chat-window{animation:none!important;transform:none!important;transition:none!important}
#support-modal #support-messages p{animation:none!important}
@media(max-width:700px){#support-modal #support-input{font-size:16px!important}#support-modal .support-chat-window{min-height:0!important}#support-modal #support-messages{min-height:0;flex:1}}
@media(max-width:700px){body #support-modal{top:var(--support-visible-top,0px)!important;bottom:auto!important;height:var(--support-visible-height,100dvh)!important;max-height:var(--support-visible-height,100dvh)!important;padding:8px 0!important;align-items:stretch!important}body #support-modal>.support-chat-window{height:100%!important;max-height:100%!important;margin:0!important;padding-bottom:0!important}#support-modal #support-form{position:relative;z-index:2}#support-modal #support-input{pointer-events:auto;touch-action:manipulation}}
#support-modal #support-messages p{background:rgba(255,255,255,.48)!important;border:1px solid #ffffff65!important;color:#17264d!important}
#support-modal #support-messages p.customer{background:rgba(82,133,242,.22)!important}
html[data-theme="dark"] #support-modal #support-messages{background:rgba(15,24,40,.50)!important}
html[data-theme="dark"] #support-modal #support-messages p{background:rgba(137,163,205,.16)!important;border-color:#a1b8dd35!important;color:#edf3fc!important}
html[data-theme="dark"] #support-modal #support-messages p.customer{background:rgba(75,123,225,.24)!important}
