/* ============================================================
   Enterprise Login / Register page styles
   ============================================================ */

:root {
  --ent-blue-900: #020b18;
  --ent-blue-800: #040f1f;
  --ent-blue-700: #051428;
  --ent-blue-600: #071d3a;
  --ent-blue-500: #0066ff;
  --ent-blue-400: #00aaff;
  --ent-blue-200: #00d4ff;
  --ent-white:    #ffffff;
  --ent-radius:   6px;
}

html, body.login {
  background: linear-gradient(135deg, var(--ent-blue-900) 0%, var(--ent-blue-700) 100%) !important;
  min-height: 100vh;
}

/* Logo */
#login h1 a, .login h1 a {
  background-image: none !important;
  background-color: var(--ent-white);
  border-radius: 50%;
  width: 64px !important;
  height: 64px !important;
  background-size: 40px !important;
  opacity: 0.9;
}

/* Site name above form */
.login h1 {
  text-align: center;
}

/* White card */
#loginform,
#registerform,
#lostpasswordform,
.login form {
  background: var(--ent-white) !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.35) !important;
  padding: 32px 36px !important;
}

/* Labels */
.login label {
  color: var(--ent-blue-800) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

/* Inputs */
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
  border: 2px solid var(--ent-blue-200) !important;
  border-radius: var(--ent-radius) !important;
  padding: 10px 14px !important;
  font-size: 0.95rem !important;
  color: var(--ent-blue-800) !important;
  transition: border-color 0.18s !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
  border-color: var(--ent-blue-400) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(37,99,176,0.15) !important;
}

/* Submit button */
.login input[type="submit"],
.login .button-primary {
  background: var(--ent-blue-500) !important;
  border: none !important;
  border-radius: var(--ent-radius) !important;
  color: var(--ent-white) !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 12px 28px !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: background 0.18s, box-shadow 0.18s !important;
  box-shadow: 0 2px 8px rgba(30,77,140,0.30) !important;
  margin-top: 8px !important;
}
.login input[type="submit"]:hover,
.login .button-primary:hover {
  background: var(--ent-blue-400) !important;
  box-shadow: 0 4px 16px rgba(30,77,140,0.45) !important;
}

/* Links below form */
#nav, #backtoblog, .login #nav, .login #backtoblog {
  text-align: center !important;
}
#nav a, #backtoblog a,
.login #nav a, .login #backtoblog a {
  color: var(--ent-blue-200) !important;
  font-size: 0.85rem !important;
  text-decoration: none !important;
}
#nav a:hover, #backtoblog a:hover {
  color: var(--ent-white) !important;
  text-decoration: underline !important;
}

/* "Register For This Site" heading */
.login .message, .login h1 + p {
  color: var(--ent-blue-200) !important;
  text-align: center !important;
  font-size: 0.9rem !important;
}

/* Error / info messages */
.login .notice, .login .message {
  border-left: 4px solid var(--ent-blue-400) !important;
  background: rgba(255,255,255,0.08) !important;
  color: var(--ent-white) !important;
  border-radius: 0 var(--ent-radius) var(--ent-radius) 0 !important;
}
