/* Acréscimos do app sobre o visual do esboço (css/base.css). Cada módulo usa o seu bloco. */

/* === casca === */
[hidden]{display:none!important}
.tela-app{overflow-y:auto;min-height:0;padding:calc(var(--u)*4) max(16px,calc((100vw - 1280px)/2)) calc(var(--u)*8)}
.vazio-tela{text-align:center;padding:12vh 16px;color:var(--tinta-3)}
.vazio-tela .titulo{font-size:2em;margin-bottom:.4em;color:var(--tinta)}
.menu-vazio{padding:8px 12px;color:var(--tinta-4);font-size:.9em}
.aviso-flutuante{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;
  background:var(--folha-alta);color:var(--tinta);border:1px solid var(--pauta-forte);border-radius:var(--r-m);padding:12px 18px;
  transition:opacity .2s,transform .2s;z-index:200;font-size:.95em}
.aviso-flutuante.ver{opacity:1;transform:translateX(-50%) translateY(0)}
#seletorMenu.aberto{display:block}

/* === login === */
.login{min-height:100vh;display:grid;place-items:center;background:var(--papel);padding:16px}
.login-caixa{width:min(400px,100%);background:var(--folha);border:1px solid var(--pauta);border-radius:var(--r-g);padding:36px 32px}
.login-caixa .titulo{font-size:2.4em;margin:0}
.login-sub{color:var(--tinta-3);margin:.4em 0 1.4em}
.login-abas{display:flex;gap:8px;margin-bottom:18px}
.campo-l{display:block;margin-bottom:12px}
.campo-l span{display:block;font-size:.85em;color:var(--tinta-3);margin-bottom:4px}
.campo-l input{width:100%;box-sizing:border-box;background:var(--campo);border:1px solid var(--pauta);border-radius:var(--r-p);padding:11px 12px;color:var(--tinta);font:inherit}
.login-erro{min-height:1.2em;color:var(--correcao);font-size:.9em;margin:6px 0 10px}
.login-btn{width:100%}