/* Text controls stay at a readable size so iOS does not zoom on focus. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:clip;overscroll-behavior-x:none}
input,textarea,select{scroll-margin-block:100px}
.support-panel input,.support-panel textarea,.sc-filter input,.sc-compose input,.sc-compose textarea,.sc-form input,.sc-form textarea,.sc-form select{font-size:16px!important}
.support-panel,.sc-conversation,.sc-inbox{min-width:0;max-width:100%}
.support-message-history,.sc-messages{scroll-behavior:smooth;overscroll-behavior:contain}
.support-compose-footer .btn,.sc-compose-actions .button{min-height:44px}
.help-contact-button{position:relative}
.helpdesk-dot{position:absolute;right:3px;top:3px;width:8px;height:8px;border-radius:50%;background:#d64545;border:2px solid var(--canvas,#fff);box-sizing:content-box;pointer-events:none}
.support-welcome{margin:0 24px 20px;padding:18px 20px;border:1px solid #e0e5e3;border-radius:4px 16px 16px 16px;background:#f5f7f6;max-width:550px;animation:welcome-in 220ms ease-out}
.support-welcome strong{display:block;font-size:13px;margin-bottom:8px}.support-welcome p{font-size:15px;line-height:1.65;margin:0;color:#4b5c54}
@keyframes welcome-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(pointer:coarse){input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}.button,.btn{touch-action:manipulation}}
@media(prefers-reduced-motion:reduce){.support-welcome{animation:none}.support-message-history,.sc-messages{scroll-behavior:auto}}


.support-message-history{max-height:45dvh;overflow-y:auto}.support-panel textarea{min-height:112px}@media(pointer:coarse){.support-panel textarea{resize:none}}