/* Login / reset pages (website pages, so they need web_include_css). */
body[data-path="login"], body[data-path="update-password"] {
  background: radial-gradient(1100px 560px at 8% -10%, #ccfbf1 0%, transparent 60%), radial-gradient(900px 480px at 100% 0%, #e0f2fe 0%, transparent 55%), #f8fafc !important;
  font-family: "Inter", "Segoe UI", system-ui, sans-serif;
}
body[data-path="login"] .navbar, body[data-path="login"] footer { display: none !important; }
body[data-path="login"] .page-card, body[data-path="login"] .login-content { border: 0 !important; border-radius: 22px !important; box-shadow: 0 28px 70px rgba(15,23,42,.16) !important; background: #fff; }
body[data-path="login"] .page-card-head h4 { font-weight: 700; letter-spacing: -.01em; color: #0f172a; }
body[data-path="login"] .page-card-head img { max-height: 64px; border-radius: 16px; box-shadow: 0 10px 24px rgba(15,118,110,.3); }
body[data-path="login"] .form-control { border-radius: 12px; background: #f1f5f9; border: 1px solid transparent; }
body[data-path="login"] .form-control:focus { background: #fff; border-color: #14b8a6; box-shadow: 0 0 0 3px rgba(20,184,166,.2); }
body[data-path="login"] .btn-primary, body[data-path="login"] .btn-login {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important; border: 0 !important; color: #fff !important;
  border-radius: 12px !important; box-shadow: 0 8px 20px rgba(15,118,110,.3); font-weight: 600; padding: 9px 12px;
}
body[data-path="login"] .btn-login-option, body[data-path="login"] .login-with-email-link .btn { border-radius: 12px; }
body[data-path="login"] a { color: #0f766e; }