/* R44 — widget mobile/teclado: o iframe já é redimensionado pelo host; internamente usamos apenas 100%. */
html,body.widget-page{width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important}
body.widget-page{display:flex!important;flex-direction:column!important;position:relative!important}
.widget-head{flex:0 0 auto!important;position:relative!important;top:auto!important}
#widget-root{flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:12px!important}
#widget-root>[data-step="start"],#widget-root>[data-step="identify"],#widget-root>[data-step="chat"]{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:100%!important}
#widget-root>[data-step="start"],#widget-root>[data-step="identify"]{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;scrollbar-gutter:auto!important;padding:2px 2px max(16px,env(safe-area-inset-bottom))!important}
#widget-root>[data-step="identify"] form{display:grid!important;gap:11px!important;align-content:start!important;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;overflow-y:auto!important;overflow-x:hidden!important}
.widget-composer-r40{position:relative!important;bottom:auto!important;flex:0 0 auto!important;transform:none!important;translate:none!important}
/* O chat ao vivo de chamado usa outra estrutura e também precisa de um único scroll. */
.standalone .widget-shell{height:100dvh!important;max-height:100dvh!important;min-height:0!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.standalone .widget-shell>.widget-head{flex:0 0 auto!important}
.standalone .widget-shell>.step{flex:1 1 0!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.standalone .widget-shell .widget-flow-scroll{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important}
@media(max-width:640px){
  #widget-root{padding:10px!important}
  .widget-head{height:74px!important;min-height:74px!important;padding:10px 12px!important}
  .widget-brand>img,.widget-brand-mark{width:40px!important;height:40px!important}
  #widget-root>[data-step="identify"] h2{font-size:24px!important;margin:6px 0 14px!important}
  #widget-root>[data-step="identify"] textarea{min-height:92px!important}
  input,textarea,select{font-size:16px!important}
}