/* Tokens de layout canônicos — brti.in */
:root {
  --layout-x: 3.75rem;       /* logo colapsado, zona usuário, padding lateral do conteúdo */
  --layout-y: 260px;       /* sidebar expandida — alinhado ao painel-shell */
  --layout-header-h: 3.75rem;
  --layout-footer-h: 1.625rem;
  --content-pad-x: var(--layout-x);
  --content-pad-y: 3pt;     /* afastamento abaixo da toolbar do painel (embed) */
  --touch-min: 44px;
  /* ⚙ — tamanho padrão (2× referência anterior: caixa ~2.25rem, ícone 1rem) */
  --gear-btn-size: 4.5rem;
  --gear-icon-size: 2rem;
  --gear-toolbar-w: calc(var(--layout-x) * 2);
  /* Chrome de app — tipografia padrão (ref. relatorio-do-chef) */
  --app-chrome-title-font: "Quando", serif;
  --app-chrome-title-size: 15px;
  --app-chrome-title-letter-spacing: 0.03em;
  --app-chrome-desc-font: "Lato", "Segoe UI", system-ui, sans-serif;
  --app-chrome-desc-size: 12px;
  --app-chrome-text-color: #fff;
}

@media (max-width: 767px) {
  :root {
    --content-pad-x: 0.85rem;
    --layout-footer-h: 2.75rem;
  }
}

/* Abas — não encolhem na coluna flex */
nav.tabs {
  flex-shrink: 0;
}

/* Embed no painel — larguras/alturas: shared/brti-layout-embed.css */