/* R43 — etapas iniciais e chat do widget permanecem dentro do visual viewport. */
html,body.widget-page{width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}
body.widget-page{display:flex!important;flex-direction:column!important}
.widget-head{flex:0 0 auto!important}
#widget-root{flex:1 1 0!important;height:auto!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
#widget-root>[data-step="start"],#widget-root>[data-step="identify"],#widget-root>[data-step="chat"]{flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:100%!important}
#widget-root>[data-step="start"],#widget-root>[data-step="identify"]{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding-bottom:max(14px,env(safe-area-inset-bottom))!important}
#widget-root>[data-step="identify"] form{padding-bottom:12px!important}
#widget-root>[data-step="identify"] input,#widget-root>[data-step="identify"] textarea,#widget-root>[data-step="start"] input{font-size:16px!important}
.widget-flow-scroll{flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:100%!important}
.widget-composer-r40{position:sticky!important;bottom:0!important;z-index:20!important;background:var(--surface)!important}
@media(max-width:640px){
  #widget-root{padding:10px!important}
  #widget-root>[data-step="identify"] h2{font-size:24px!important;margin:6px 0 14px!important}
  #widget-root>[data-step="identify"] label{gap:5px!important}
  #widget-root>[data-step="identify"] textarea{min-height:92px!important}
}