/* Login/signup share the existing site palette and saved appearance preference. */
.auth-theme-toolbar { display:flex; justify-content:flex-end; margin-bottom:24px; }
.auth-page :is(.login-btn,.signup-btn):disabled { opacity:.55; cursor:not-allowed; transform:none; }

html[data-dashboard-theme="light"] .auth-page :is(.login-page,.signup-page) .bg {
  background:radial-gradient(ellipse at 25% 20%,#fffdf7 0%,transparent 65%),
    radial-gradient(ellipse at 85% 70%,#e1e9ef 0%,transparent 60%),var(--bg-primary);
}
html[data-dashboard-theme="light"] .auth-page :is(.login-card,.signup-card) {
  background:radial-gradient(ellipse at 25% 18%,#fffdf7 0%,#f5f1e7 55%,#eae6dc 100%);
  border-color:rgba(121,88,44,.19);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 16px 48px rgba(61,49,30,.12);
}
html[data-dashboard-theme="light"] .auth-page :is(.login-btn,.signup-btn) {
  background:linear-gradient(135deg,var(--action-blue),var(--action-blue-dark));
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 3px 8px rgba(20,47,77,.14);
}
html[data-dashboard-theme="light"] .auth-page :is(.login-btn,.signup-btn):hover:not(:disabled) {
  box-shadow:0 5px 18px rgba(20,47,77,.24);
}
html[data-dashboard-theme="light"] .auth-page .form-group input::placeholder { color:#69756e; opacity:1; }
html[data-dashboard-theme="light"] .auth-page .form-group input:focus {
  border-color:var(--action-blue) !important;
  box-shadow:0 0 0 3px rgba(36,76,115,.14);
}
html[data-dashboard-theme="light"] .auth-page .form-group input:autofill {
  -webkit-text-fill-color:var(--text-primary);
  box-shadow:inset 0 0 0 100px #fffdf8;
}
html[data-dashboard-theme="light"] .auth-page :is(.trial-badge,#referralBanner) {
  background:var(--site-blue-surface) !important;
  border-color:rgba(36,76,115,.25) !important;
  color:var(--action-blue) !important;
}
html[data-dashboard-theme="light"] .auth-page .trial-badge .badge-dot { background:var(--action-blue); }
html[data-dashboard-theme="light"] .auth-page .auth-plan-note { color:var(--text-muted) !important; }

@media (max-width:480px) {
  .auth-page :is(.login-page,.signup-page) { padding:24px 16px; }
  .auth-page :is(.login-card,.signup-card) { padding:28px 20px; }
  .auth-page :is(.login-logo,.signup-logo) { margin-bottom:28px; }
  .auth-page .form-group input { font-size:1rem; }
  .auth-page :is(.login-btn,.signup-btn) { letter-spacing:2px; }
}