/* Login / Auth pages */

/* Backwards compatible selectors */
.login-wrapper,
.auth-container{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:34px 16px;
  background:
    radial-gradient(900px 500px at 25% 10%, rgba(255,140,26,0.08), transparent 60%),
    radial-gradient(900px 500px at 80% 90%, rgba(255,140,26,0.06), transparent 55%),
    var(--bg-main);
}

.login-box,
.auth-card{
  width:100%;
  max-width:480px;
  padding:28px 26px;
  border-radius:16px;
  border:1px solid var(--border);
  background:var(--bg-card);
  box-shadow:0 10px 30px rgba(0,0,0,0.45);
}

.login-box img{max-width:180px;margin-bottom:20px}


.login-brand{display:flex;justify-content:center;margin-bottom:14px}
.login-logo{width:72px;height:72px;border-radius:18px;object-fit:contain;background:#0f0f0f;border:1px solid var(--border);padding:8px}
.login-logo-fallback{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#0f0f0f;border:1px solid var(--border);font-weight:900;color:var(--accent);font-size:26px}

/* Auth header layout (used by pages/login.php) */
.auth-header{margin-bottom:18px}
.auth-logo-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.auth-logo{
  width:56px;height:56px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:#0f0f0f;border:1px solid var(--border);
  color:var(--accent);font-weight:900;font-size:22px;
  overflow:hidden;
}
.auth-logo img{width:100%;height:100%;object-fit:contain;padding:8px}
.auth-title{margin:0;font-size:2.05rem;font-weight:900;letter-spacing:-0.02em}
.auth-subtitle{margin:6px 0 0;color:var(--text-muted)}

.auth-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px}

@media (max-width: 520px){
  .login-box,.auth-card{padding:20px 18px;border-radius:14px}
  .auth-title{font-size:1.65rem}
  .auth-logo{width:52px;height:52px;border-radius:14px}
}