/* ═══════════════════════════════════════════════════════════════════════════
   Gestão Geral — base da aplicação (TMS WEB Core)
   Ajustes que valem para todas as telas e que não são do design system:
   a raiz onde o TMS monta os formulários e a convivência com o runtime dele.
   Regra da casa: só tokens da design-system-oficio.css (var(--*)), nada de
   cor, fonte, espaço, raio ou sombra literal.
   ═══════════════════════════════════════════════════════════════════════ */

/* Raiz onde cada TWebForm é montado (FormContainer = 'app'). */
.app-raiz {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.app-raiz > * { flex: 1 0 auto; }

/* Botão nu: base para controles que não são .btn (links de ação, ícones
   dentro de campos). Herda fonte e cor e não traz moldura do navegador. */
.btn-nu {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

/* Troca de ícone pelo tema, sem JavaScript: o claro mostra a lua (ir para o
   escuro), o escuro mostra o sol (voltar para o claro). */
.icone-tema-claro { display: none !important; }
[data-theme="dark"] .icone-tema-claro { display: block !important; }
[data-theme="dark"] .icone-tema-escuro { display: none !important; }

/* Onde o uRaiz monta a tela da vez (uAcesso ou uPrincipal). */
.app-tela {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
.app-tela > * { flex: 1 0 auto; }

/* Texto só para leitores de tela. */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* O fundo da gaveta do menu só existe enquanto ela está aberta. */
.sidebar-backdrop[hidden] { display: none; }