/* =====================================================================
   Login page styles (index.php ?login=show) — built on theme.css tokens.
   Load AFTER theme.css. Only linked on the login render, so the body
   override here does not affect the main file-browser page.
   ===================================================================== */

body { background: linear-gradient(160deg, var(--navy-deep), var(--navy)); align-items: center; justify-content: center; }

.login-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow-md);
  border-top: 5px solid var(--navy); padding: 36px 32px; width: 100%; max-width: 380px; margin: 24px; }
.login-card img { height: 48px; display: block; margin: 0 auto 20px; }
.login-card h1 { font-family: var(--font-head); font-size: 18px; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.04em; color: var(--navy); text-align: center; margin-bottom: 24px; }
.login-card .error { background: #fdecee; border: 1px solid #f5c2c7; color: var(--red);
  border-radius: var(--radius); padding: 10px 12px; font-size: 13px; margin-bottom: 16px; text-align: center; }
.login-card .btn { width: 100%; justify-content: center; margin-top: 8px; }