/* Auth forms for Login & Register (VanManga theme) */

/* Page wrapper */
.auth-page .container { display:flex; flex-direction:column; align-items:center; padding:22px 12px; }
.auth-page .page-title { margin-bottom: 12px; text-align:center; }

.auth-container {
  max-width: 420px;
  margin: 18px auto;
  background: var(--bg-secondary);
  padding: 18px;
  border-radius: 12px;
}

.auth-form label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  color: var(--muted);
}

.auth-form input[type="text"],
.auth-form input[type="email"],
.auth-form input[type="password"] {
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.02);
  color: var(--text-color);
  margin-bottom: 12px;
}

.auth-actions { display:flex; gap:12px; align-items:center; }
.btn { padding: 8px 12px; border-radius: 8px; text-decoration: none; display:inline-block; }
.btn-primary { background: var(--accent); color: #fff; }
.btn-google { background: #de5246; color: #fff; }
.btn-discord { background: #5865F2; color: #fff; }

.auth-error { background: rgba(255,0,0,0.06); color: #ff6b6b; padding: 8px; border-radius: 6px; margin-bottom: 12px; }
.auth-success { background: rgba(16,185,129,0.06); color: #10b981; padding: 8px; border-radius: 6px; margin-bottom: 12px; }
.auth-social { margin-top: 14px; }
.auth-social__buttons { display:flex; gap:8px; }

/* Responsive */
@media (max-width: 480px) {
  .auth-container { padding: 14px; margin: 12px; }
}

/* Social buttons (theme-specific) */
.auth-social .social-btn { display:inline-block; padding:8px 12px; border-radius:8px; color:#fff; text-decoration:none; font-size:14px; cursor: pointer; }
.auth-social .social-btn.google { background: var(--google, #de5246); }
.auth-social .social-btn.facebook { background: var(--facebook, #3b5998); }
.auth-social .social-btn.discord { background: var(--discord, #5865F2); }

/* Dark mode compatibility */
@media (prefers-color-scheme: dark) {
  .auth-social .social-btn { opacity: 0.95; }
}

/* Disabled state for unavailable providers */
.auth-social .social-btn.disabled { opacity: 0.6; pointer-events: none; cursor: not-allowed; }
.auth-social .social-btn.disabled::after { content: '\A'; white-space: pre; display:block; font-size:12px; opacity:0.9; }

/* Admin debug box */
.vm-auth-debug { margin-top: 14px; padding: 12px; border-radius: 8px; background: rgba(0,0,0,0.28); color: var(--text-color); font-size:13px; }
.vm-auth-debug h4 { margin: 0 0 8px 0; font-size:14px; }
.vm-auth-debug ul { margin: 0; padding-left: 18px; }
.vm-auth-debug code { display:inline-block; margin-left:6px; opacity:0.9; font-size:12px; }