/* metanoIA — ajustes específicos deste layout */
html, body { height: 100%; }
.scroll-soft::-webkit-scrollbar { width: 0; height: 0; }
#sheet, #more-sheet { transition: transform .32s cubic-bezier(.2,.8,.2,1), opacity .32s cubic-bezier(.2,.8,.2,1); }
#sheet.is-hidden, #more-sheet.is-hidden { transform: translateY(102%); opacity: 0; pointer-events: none; }
#overlay, #notif-backdrop { transition: opacity .32s cubic-bezier(.2,.8,.2,1); }
#overlay.is-hidden, #notif-backdrop.is-hidden { opacity: 0; pointer-events: none; }
#notif-panel { transform-origin: top right; transition: transform .22s cubic-bezier(.2,.8,.2,1), opacity .22s cubic-bezier(.2,.8,.2,1); }
#notif-panel.is-hidden { transform: scale(.94) translateY(-8px); opacity: 0; pointer-events: none; }
a { color: #D95A18; text-decoration: none; }
a:hover { color: #A8420F; }

/* logotipo: nunca distorcer — altura manda, largura acompanha */
.logo { width: auto !important; max-width: 100%; object-fit: contain; flex: none; align-self: flex-start; object-position: left center; }

/* mural: conteúdo se adapta à largura, nunca gera rolagem horizontal */
html, body { max-width: 100%; overflow-x: hidden; }
#mural { overflow-x: hidden; }
#mural > *, #mural section, #mural article, #mural header { min-width: 0; }
#mural img:not(.logo), #mural svg { max-width: 100%; }

/* assistente em tela inteira: cobre tudo, inclusive a bottom navigation (z-40) */
.chat-full #sheet {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  border-radius: 0;
  z-index: 60;
}
.chat-full #overlay { opacity: 0; pointer-events: none; }
