/* =====================================================================
   MOLDURA DO SISTEMA — a aplicação dentro de um "quadro" (setembro/2026)
   =====================================================================
   Mesmo desenho do site público (site-publico.css): fundo em degradê
   verde-água → salmão nas laterais e a aplicação numa caixa de cantos
   arredondados com sombra suave.

   Só a partir de 881px — o mesmo limite em que o style.css troca a barra
   lateral pela barra superior do celular. No celular a tela inteira é da
   aplicação, e a gaveta (position: fixed) não pode ficar recortada.

   `overflow: clip` e não hidden: recorta os cantos sem transformar a
   caixa num contêiner de rolagem, o que quebraria os elementos sticky.
   ===================================================================== */

@media (min-width: 881px) {
    body {
        padding: 22px 30px;
        background: linear-gradient(120deg, #7fc6cb 0%, #a9c3c9 50%, #eb9a9e 100%) fixed;
    }

    .app-shell {
        min-height: calc(100vh - 44px);
        background: var(--cor-fundo, #EEF0F6);
        border-radius: 22px;
        overflow: clip;
        box-shadow: 0 18px 50px rgba(44, 62, 80, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.6);
    }
}

@media print {
    body { padding: 0; background: #fff; }
    .app-shell { border-radius: 0; box-shadow: none; min-height: 0; }
}