/* R50 — widget desktop/mobile hardening: blue brand, full-height safe layout, clean audio and no clipped controls. */
:root{--blue:#015cfa!important;--cyan:#31c8fc!important}
.widget-head{background:linear-gradient(115deg,#015cfa,#31c8fc)!important;box-shadow:0 8px 28px rgba(1,92,250,.18)!important}
.widget-icon-btn,.widget-action-button,.widget-reply-jump,.msg-edit{color:#015cfa}
.widget-action-strip>.widget-send-btn,.quick-number button,.primary{background:linear-gradient(135deg,#015cfa,#31c8fc)!important}
html,body.widget-page{height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important}
body.widget-page{display:flex!important;flex-direction:column!important}
.widget-head{flex:0 0 72px!important;height:72px!important;min-height:72px!important;padding:9px 12px!important}
#widget-root{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:hidden!important;padding:10px!important}
#widget-root>[data-step=chat]{display:flex!important;flex:1 1 0!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;position:relative!important}
#widget-root>[data-step=chat][hidden]{display:none!important}
.widget-flow-scroll[data-widget-scroll-host]{flex:1 1 0!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:10px!important;scrollbar-gutter:stable!important}
.widget-flow-scroll[data-widget-scroll-host]>.messages{flex:1 0 auto!important;height:auto!important;min-height:120px!important;max-height:none!important;overflow:visible!important;padding:10px 2px 16px!important}
.widget-composer-r40{flex:0 0 auto!important;padding:9px 0 0!important;gap:7px!important}
.widget-composer-r40>textarea{min-height:72px!important;max-height:132px!important}
.widget-action-strip{grid-template-columns:44px 44px minmax(0,1fr)!important;grid-template-rows:42px!important;gap:7px!important}
.widget-action-strip>.widget-action-button{height:42px!important;min-height:42px!important;border-radius:10px!important}
.widget-upload-status{padding:5px 2px 0!important;min-height:0!important}
.composer-attachment-drafts{margin:0!important;padding:7px!important}
.attachment-draft.is-audio{grid-template-columns:minmax(0,1fr) 30px!important;background:color-mix(in srgb,var(--surface) 92%,#e8f3ff)!important;border-color:color-mix(in srgb,var(--line) 70%,#8bbcff)!important}
.attachment-draft.is-audio>audio{grid-column:1!important;width:100%!important;height:36px!important}
.attachment-draft.is-audio>span{grid-column:1/-1!important}
.widget-audio-btn.recording{border-color:#015cfa!important;background:color-mix(in srgb,var(--surface) 88%,#ddebff)!important;color:#015cfa!important;box-shadow:0 0 0 3px rgba(1,92,250,.10)!important}
.widget-audio-btn.recording .audio-record-dot{background:#e43d55!important}
.msg.media-message{contain:layout style!important}
.msg.media-message.is-image,.msg.media-message.is-video{max-width:94%!important}
.msg.media-message.is-audio{width:min(94%,350px)!important;max-width:94%!important}
.widget-reply-jump{right:12px!important;bottom:12px!important;max-width:calc(100% - 24px)!important}
@media(max-height:620px) and (min-width:701px){.widget-head{flex-basis:62px!important;height:62px!important;min-height:62px!important}.widget-brand>img,.widget-brand-mark{width:38px!important;height:38px!important}.widget-composer-r40>textarea{min-height:58px!important;max-height:100px!important}.widget-flow-scroll[data-widget-scroll-host]>.messages{min-height:90px!important}.widget-action-strip{grid-template-rows:40px!important}.widget-action-strip>.widget-action-button{height:40px!important;min-height:40px!important}}
@media(max-width:700px){.widget-head{flex-basis:70px!important;height:70px!important;min-height:70px!important}#widget-root{padding:8px!important}.widget-flow-scroll[data-widget-scroll-host]{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}.widget-composer-r40>textarea{min-height:68px!important}.widget-reply-jump{bottom:max(10px,env(safe-area-inset-bottom))!important}}
