/* Login do admin (/admin/login) — claro, mesma paleta da sidebar (22/10/2026, ver
   panel.css "Menu lateral"): fundo cinza clarinho, cartão branco, botão em pílula escura. */
body { font-family: sans-serif; background: #f6f8fa; color: #1f2328; display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; }
.card { background: #fff; border: 1px solid #d0d7de; box-shadow: 0 10px 40px rgba(0,0,0,.06); padding: 32px 32px 18px; border-radius: 12px; width: 300px; }
.subtitulo { margin: -8px 0 18px; font-size: .78rem; color: #6e7781; line-height: 1.4; }
.rodape-login { margin: 18px 0 0; font-size: .68rem; color: #8c949e; line-height: 1.4; text-align: center; }
.rodape-creditos { margin: 16px 0 0; font-size: .68rem; color: #afb8c1; text-align: center; }
input { width: 100%; padding: 10px; margin-top: 6px; margin-bottom: 14px; border-radius: 6px; border: 1px solid #d0d7de; background: #fff; color: #1f2328; box-sizing: border-box; }
button { width: 100%; padding: 10px; border: none; border-radius: 999px; background: #111827; color: #fff; font-weight: 700; cursor: pointer; }
button:hover { background: #1f2937; }
.erro { background: #ffebe9; color: #cf222e; border: 1px solid #ffcecb; padding: 10px; border-radius: 6px; margin-bottom: 14px; font-size: .85rem; }
.campo-senha { position: relative; margin-bottom: 14px; }
.campo-senha input { padding-right: 38px; margin-bottom: 0; }
.campo-senha .olho-login { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); width: auto; padding: 4px 8px; margin: 0; background: none; border: none; font-size: 1rem; line-height: 1; cursor: pointer; color: #6e7781; user-select: none; }
.campo-senha .olho-login:hover { color: #1f2328; }

.theme-toggle-login {
  position: absolute; top: 20px; right: 20px; width: 38px; height: 38px; padding: 0;
  border-radius: 50%; border: 1px solid #d0d7de; background: #fff; color: #6e7781;
  font-size: 1.1rem; line-height: 1; cursor: pointer; display: flex; align-items: center;
  justify-content: center;
}
.theme-toggle-login:hover { background: #f6f8fa; }

/* ---- Tema escuro (mesma paleta do painel, ver panel.css "TEMA ESCURO") ---- */
html.theme-dark { background: #0a0d13; color: #e5e9f0; }
html.theme-dark .card { background: #12161f; border-color: #242c3a; box-shadow: 0 10px 40px rgba(0,0,0,.4); }
html.theme-dark .subtitulo { color: #93a0b4; }
html.theme-dark .rodape-login { color: #6b7686; }
html.theme-dark .rodape-creditos { color: #475569; }
html.theme-dark input { background: #0a0d13; border-color: #242c3a; color: #e5e9f0; }
html.theme-dark .erro { background: rgba(239,68,68,.12); color: #f87171; border-color: rgba(239,68,68,.3); }
html.theme-dark .campo-senha .olho-login { color: #93a0b4; }
html.theme-dark .campo-senha .olho-login:hover { color: #e5e9f0; }
html.theme-dark .theme-toggle-login { background: #12161f; border-color: #242c3a; color: #93a0b4; }
html.theme-dark .theme-toggle-login:hover { background: #181d28; color: #e5e9f0; }