/* ═══════════════════════════════════════════════════════════════════
   LOGIN PAGE - Responsive Rules
   T1: Mobile (max-width: 480px)
═══════════════════════════════════════════════════════════════════ */

.login-logo img { height: 50px; width: auto; max-width: 100%; display: none; }
[data-theme="dark"]  .login-logo .logo-dark  { display: inline-block; }
[data-theme="light"] .login-logo .logo-light { display: inline-block; }
[data-theme="dark"]  .login-logo .logo-light { display: none; }
[data-theme="light"] .login-logo .logo-dark  { display: none; }

/* ── Mobile T1 (max-width: 480px) ──────────────────────────────────── */
@media (max-width: 480px) {
  .login-card { padding: 1.75rem 1.25rem; }
  .user-info { display: none; }
}

/* ── Extra pequeno (max-width: 360px) ───────────────────────────────── */
@media (max-width: 360px) {
  .login-card { padding: 1.5rem 1rem; }
  .login-card h1 { font-size: 1.1rem; }
}