/* Integra o chrome da marca ao app do caderno.
   O caderno já usa a paleta da marca (creme + verde) via theme-performa.css;
   aqui só alinhamos a barra de ações: clara e presa abaixo do header global. */
.topbar {
  background: rgba(245, 240, 232, .96);
  border-bottom: 1px solid #ddd6ca;
  backdrop-filter: blur(14px);
  height: 74px;
  top: var(--pi-header-h, 67px);
  justify-content: flex-end;
}
.topbar .wordmark { display: none; }
.topbar .save-state { color: #6f6356; }

@media (max-width: 680px) {
  .topbar { height: auto; padding: 10px 16px; flex-wrap: wrap; gap: 8px; }
  .topbar-right { flex-wrap: wrap; gap: 8px; }
}