/* R40 — rodapé do widget reconstruído como componente isolado. */
.widget-page{overflow:hidden!important}
#widget-root,#widget-root>[data-step="chat"]{min-height:0!important;overflow:hidden!important}
.widget-flow-scroll{position:relative!important;height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;overflow-anchor:none!important}
.widget-flow-scroll .messages{overflow:visible!important;overflow-anchor:none!important}

/* O compositor é um bloco de fluxo único. Regras antigas de grid não participam mais. */
.widget-composer-r40{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;grid-template-columns:none!important;grid-template-rows:none!important;position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;margin:0!important;padding:10px 0 4px!important;background:var(--surface)!important;border-top:1px solid var(--line)!important;overflow-anchor:none!important;transition:none!important;animation:none!important}
.widget-composer-r40>textarea{display:block!important;position:relative!important;inset:auto!important;order:1!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;min-width:0!important;min-height:84px!important;max-height:180px!important;margin:0!important;padding:11px 12px!important;resize:none!important;font-size:16px!important;line-height:1.4!important;transition:border-color .12s ease,box-shadow .12s ease!important}
.widget-composer-r40>.composer-attachment-drafts{order:2!important;width:100%!important;min-width:0!important;margin:0!important}
.widget-action-strip{order:3!important;display:grid!important;grid-template-columns:46px 46px minmax(0,1fr)!important;grid-template-rows:44px!important;gap:8px!important;align-items:stretch!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;position:relative!important;inset:auto!important;overflow:visible!important}
.widget-action-strip>.widget-action-button{appearance:none!important;-webkit-appearance:none!important;position:relative!important;inset:auto!important;float:none!important;transform:none!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 10px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--surface)!important;color:var(--blue)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;overflow:hidden!important;white-space:nowrap!important;font:700 13px var(--font)!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important}
.widget-action-strip>.widget-audio-btn{grid-column:1!important}
.widget-action-strip>.widget-attach-btn{grid-column:2!important}
.widget-action-strip>.widget-send-btn{grid-column:3!important;border-color:transparent!important;background:linear-gradient(135deg,var(--blue),#31c8fc)!important;color:#fff!important}
.widget-action-strip>.widget-action-button>.icon{flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important}
.widget-action-strip>.widget-audio-btn .widget-action-label,.widget-action-strip>.widget-attach-btn .widget-action-label{display:none!important}
.widget-action-strip>.widget-audio-btn.recording{padding:0 5px!important}
.widget-action-strip>.widget-audio-btn.recording>span:last-child{display:none!important}
.widget-action-strip>.widget-audio-btn.recording [data-audio-time]{display:inline!important;font-size:10px!important}
.widget-upload-status{position:relative!important;z-index:2!important}
.widget-reply-jump{z-index:150!important;right:12px!important;bottom:12px!important;max-width:calc(100% - 24px)!important}

/* Evita que estilos legados voltem a posicionar controles do novo componente. */
.widget-composer-r40>.widget-file-btn,.widget-composer-r40>.audio-record-button,.widget-composer-r40>.primary,.widget-composer-r40>.widget-composer-actions{display:none!important}

@media(min-width:460px){
  .widget-action-strip{grid-template-columns:48px 48px minmax(0,1fr)!important;grid-template-rows:44px!important}
  .widget-action-strip>.widget-send-btn{gap:8px!important}
}
@media(max-width:340px){
  .widget-composer-r40{gap:6px!important}
  .widget-action-strip{grid-template-columns:42px 42px minmax(0,1fr)!important;grid-template-rows:42px!important;gap:6px!important}
  .widget-action-strip>.widget-action-button{height:42px!important;min-height:42px!important;padding-inline:7px!important}
}