/* metanoIA — ajustes específicos deste layout */
html, body { height: 100%; }
.scroll-soft::-webkit-scrollbar { width: 10px; }
.scroll-soft::-webkit-scrollbar-track { background: transparent; }
.scroll-soft::-webkit-scrollbar-thumb { background: #E4DCD2; border-radius: 999px; border: 3px solid #FFFDF9; }
.scroll-soft::-webkit-scrollbar-thumb:hover { background: #D3C8BB; }
.card { transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s cubic-bezier(.2,.8,.2,1); }
.card:hover { transform: translateY(-2px); }
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%; }

/* painel do assistente: em telas estreitas o botão vira só ícone */
@media (max-width: 1320px) {
  #new-chat .rotulo { display: none; }
  #new-chat { padding-left: 11px; padding-right: 11px; }
}

/* assistente em tela inteira */
.chat-full #assistant {
  position: fixed;
  inset: 0;
  z-index: 60;
  width: 100% !important;
  border-left: 0;
}
.chat-full #collapse-assistant { display: none; }
/* expandido = tela cheia de verdade: o conteúdo ocupa toda a largura */
.chat-full #assistant > header,
.chat-full #chat-log,
.chat-full #assistant > div:last-of-type { width: 100%; max-width: none; }
.chat-full #suggestions { max-height: 30vh; }

/* popover dos itens do menu que não couberam na sidebar */
#nav-more-menu {
  position: fixed;
  left: 124px;
  bottom: 12px;
  z-index: 55;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  max-height: calc(100vh - 24px);
  overflow-y: auto;
  background: #fff;
  border: 1px solid #F2ECE5;
  border-radius: 20px;
  box-shadow: 0 16px 40px rgba(35, 31, 28, .16);
}
#nav-more-menu.hidden { display: none; }

/* símbolo no topo da sidebar: centralizado, 5px até o primeiro item */
.logo--nav {
  align-self: center;
  object-position: center;
  margin-bottom: 5px;
}