/* Tela de entrada. CSS próprio e curto: ela carrega ANTES de haver sessão, e
   puxar a folha inteira do painel entregaria a estrutura dele a quem ainda não
   entrou. */
:root {
  --marca-teal: #049588;
  --marca-laranja: #E84E1C;
  --tinta: #10201E;
  --tinta-2: #4A5F5C;
  --tinta-3: #7B8F8C;
  --borda: #E2EAEA;
  --borda-forte: #CBD9D8;
  --fundo: #FFFFFF;
}
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(160deg, #F2F7F6, #E6EFEE 60%, #DCE9E7);
  font: 15px/1.5 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; color: var(--tinta);
  padding: 24px;
}
.caixa {
  width: 100%; max-width: 380px; background: var(--fundo); border: 1px solid var(--borda);
  border-radius: 14px; padding: 26px 26px 20px; box-shadow: 0 10px 34px rgba(16,32,30,.10);
}
.marca { display: flex; align-items: center; gap: 11px; margin-bottom: 22px; }
.marca b { display: block; font-size: 14.5px; }
.marca small { color: var(--tinta-3); font-size: 12px; }
h1 { font-size: 19px; margin: 0 0 4px; }
.nota { color: var(--tinta-2); font-size: 13px; margin: 6px 0 16px; }
form { display: flex; flex-direction: column; gap: 12px; margin-top: 14px; }
label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--tinta-3); }
input {
  border: 1px solid var(--borda-forte); border-radius: 8px; padding: 10px 11px;
  font: inherit; font-size: 14px; color: var(--tinta); background: var(--fundo);
}
input:focus-visible { outline: 2px solid var(--marca-teal); outline-offset: 1px; border-color: var(--marca-teal); }
.btn {
  background: var(--marca-teal); border: 0; border-radius: 8px; color: #fff;
  font: inherit; font-size: 14px; font-weight: 650; padding: 11px; cursor: pointer; margin-top: 4px;
}
.btn:hover:not(:disabled) { filter: brightness(1.06); }
.btn:disabled { opacity: .6; cursor: default; }
.erro {
  margin-top: 14px; background: #FDECE6; border: 1px solid #F5C9B8; color: #B93E12;
  border-radius: 8px; padding: 9px 11px; font-size: 13px;
}
/* O rodapé de aviso saiu a pedido dele: numa tela de login de uso interno,
   explicar como conseguir conta é texto que ninguém lê e ocupa espaço. */