/* Native WordPress credential screens only. No shared site styles or form changes. */
body.login {
  --aq-login-bg: #13151a;
  --aq-login-fg: #eaebed;
  --aq-login-card: #1d2026;
  --aq-login-subtle: #2c2f35;
  --aq-login-muted: #afb4be;
  --aq-login-border: #464a52;
  --aq-login-input: #777e8a;
  --aq-login-accent: #9cabe9;
  --aq-login-accent-ink: #171b28;
  --aq-login-danger: #ef9999;
  box-sizing: border-box;
  min-height: 100vh;
  min-height: 100svh;
  height: auto;
  padding: clamp(24px, 6vh, 56px) 16px max(32px, env(safe-area-inset-bottom, 0px));
  background: var(--aq-login-bg);
  color: var(--aq-login-fg);
  font: 400 15px/1.8 Cairo, Tahoma, sans-serif;
  color-scheme: dark;
}
body.login[data-theme="light"] {
  --aq-login-bg: #f7f8fc;
  --aq-login-fg: #18243a;
  --aq-login-card: #fff;
  --aq-login-subtle: #eff1f7;
  --aq-login-muted: #626b7b;
  --aq-login-border: #d4d9e4;
  --aq-login-input: #a3abba;
  --aq-login-accent: #233a6a;
  --aq-login-accent-ink: #fff;
  --aq-login-danger: #a42323;
  color-scheme: light;
}
/* Same saved accent choices as the main Maple presentation. */
body.login[data-palette="sky"] { --aq-login-accent: hsl(198 65% 65%); }
body.login[data-palette="mint"] { --aq-login-accent: hsl(156 52% 62%); }
body.login[data-palette="royal"] { --aq-login-accent: hsl(265 69% 74%); }
body.login[data-palette="gold"] { --aq-login-accent: hsl(43 69% 74%); }
body.login[data-palette="bronze"] { --aq-login-accent: hsl(23 60% 74%); }
body.login[data-palette="teal"] { --aq-login-accent: hsl(178 35% 66%); }
body.login[data-palette="burgundy"] { --aq-login-accent: hsl(343 45% 72%); }
body.login[data-palette="silver"] { --aq-login-accent: hsl(210 16% 74%); }
body.login[data-palette="white"] { --aq-login-accent: hsl(0 0% 90%); }
body.login[data-palette="black"] { --aq-login-accent: hsl(0 0% 82%); }
body.login[data-theme="light"][data-palette="sky"] { --aq-login-accent: hsl(197 72% 33%); }
body.login[data-theme="light"][data-palette="mint"] { --aq-login-accent: hsl(159 62% 25%); }
body.login[data-theme="light"][data-palette="royal"] { --aq-login-accent: hsl(265 69% 28%); }
body.login[data-theme="light"][data-palette="gold"] { --aq-login-accent: hsl(43 69% 28%); }
body.login[data-theme="light"][data-palette="bronze"] { --aq-login-accent: hsl(23 60% 28%); }
body.login[data-theme="light"][data-palette="teal"] { --aq-login-accent: hsl(178 36% 26%); }
body.login[data-theme="light"][data-palette="burgundy"] { --aq-login-accent: hsl(343 50% 31%); }
body.login[data-theme="light"][data-palette="silver"] { --aq-login-accent: hsl(210 15% 30%); }
body.login[data-theme="light"][data-palette="white"] { --aq-login-accent: hsl(220 8% 27%); }
body.login[data-theme="light"][data-palette="black"] { --aq-login-accent: hsl(155 8% 12%); }
body.login *, body.login *::before, body.login *::after { box-sizing: border-box; }
body.login #login { width: 100%; max-width: 420px; padding: 0; margin: 0 auto; }
body.login #login h1 { margin: 0 0 24px; padding: 0; }
body.login #login h1 a {
  width: 88px;
  height: 88px;
  margin: 0 auto;
  padding: 0;
  border-radius: 50%;
  background-color: #18244b;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
body.login #login form {
  margin: 0 0 20px;
  padding: 24px;
  border: 1px solid var(--aq-login-border);
  border-radius: 16px;
  background: var(--aq-login-card);
  color: var(--aq-login-fg);
  box-shadow: 0 2px 9px #00000014;
  overflow: visible;
}
body.login #login label {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--aq-login-fg);
  font: 600 14px/1.8 Cairo, Tahoma, sans-serif;
}
body.login #login input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
body.login #login textarea,
body.login .language-switcher select {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  margin: 0 0 18px;
  padding: 9px 12px;
  border: 1px solid var(--aq-login-input);
  border-radius: 8px;
  background: var(--aq-login-card);
  color: var(--aq-login-fg);
  font: 400 16px/1.65 Cairo, Tahoma, sans-serif;
  box-shadow: none;
}
body.login #login .wp-pwd input { padding-inline-end: 48px; }
body.login #login input::placeholder { color: var(--aq-login-muted); opacity: 1; }
body.login #login input:autofill { -webkit-text-fill-color: var(--aq-login-fg); box-shadow: 0 0 0 1000px var(--aq-login-card) inset; }
body.login #login input[type="checkbox"], body.login #login input[type="radio"] {
  width: 20px;
  height: 20px;
  margin-block: 0;
  border: 1px solid var(--aq-login-input);
  border-radius: 5px;
  background: var(--aq-login-card);
  accent-color: var(--aq-login-accent);
  box-shadow: none;
}
body.login #login input[type="checkbox"]:checked::before { color: var(--aq-login-accent); }
body.login #login .forgetmenot { float: none; margin: 0 0 18px; }
body.login #login .forgetmenot label { margin: 0; font-weight: 400; }
body.login #login .submit { margin: 0; padding: 0; }
body.login #login .button-primary {
  float: none;
  width: 100%;
  min-height: 48px;
  padding: 10px 16px;
  border: 1px solid var(--aq-login-accent);
  border-radius: 12px;
  background: var(--aq-login-accent);
  color: var(--aq-login-accent-ink);
  font: 700 15px/1.7 Cairo, Tahoma, sans-serif;
  text-shadow: none;
  box-shadow: none;
}
body.login #login .button-primary:hover { filter: brightness(1.06); }
body.login #login .button-primary:disabled { opacity: .6; }
body.login #login .button-secondary,
body.login .language-switcher .button {
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--aq-login-border);
  border-radius: 8px;
  background: var(--aq-login-subtle);
  color: var(--aq-login-fg);
  font: 600 14px/1.7 Cairo, Tahoma, sans-serif;
  box-shadow: none;
}
body.login #login .wp-hide-pw {
  inset-block-start: 2px;
  inset-inline-end: 2px;
  min-width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--aq-login-muted);
}
body.login #login .wp-hide-pw:hover { color: var(--aq-login-accent); }
body.login #login .wp-hide-pw .dashicons { margin: 0; }
body.login #login .message, body.login #login .notice, body.login #login_error {
  margin: 0 0 20px;
  padding: 14px 16px;
  border: 1px solid var(--aq-login-border);
  border-inline-start: 3px solid var(--aq-login-accent);
  border-radius: 12px;
  background: var(--aq-login-card);
  color: var(--aq-login-fg);
  font-size: 14px;
  line-height: 1.8;
  box-shadow: none;
  overflow-wrap: anywhere;
}
body.login #login_error, body.login #login .notice-error { border-inline-start-color: var(--aq-login-danger); }
body.login #login .notice-success { border-inline-start-color: #5dba91; }
body.login #login .indicator-hint, body.login #login .description, body.login #login .privacy-policy-page-link { color: var(--aq-login-muted); font-size: 13px; line-height: 1.85; }
body.login #login #pass-strength-result { border: 1px solid var(--aq-login-border); border-radius: 8px; font-size: 13px; }
body.login #login a, body.login .privacy-policy-page-link a { color: var(--aq-login-accent); text-decoration: none; }
body.login #login a:hover, body.login .privacy-policy-page-link a:hover { text-decoration: underline; }
body.login #login #nav, body.login #login #backtoblog { margin: 12px 0 0; padding: 0; text-align: center; font-size: 14px; line-height: 1.9; }
body.login #login #nav a, body.login #login #backtoblog a { display: inline-block; min-height: 44px; padding: 9px 4px; color: var(--aq-login-accent); }
body.login .privacy-policy-page-link { width: 100%; max-width: 420px; margin: 16px auto 0; text-align: center; }
body.login .privacy-policy-page-link a { display: inline-block; min-height: 44px; padding: 9px 4px; font-size: 13px; line-height: 1.9; }
body.login .language-switcher { width: 100%; max-width: 420px; margin: 20px auto 0; padding: 0; }
body.login .language-switcher #language-switcher { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; }
body.login .language-switcher select { width: auto; max-width: 100%; min-height: 44px; margin: 0; }
body.login :is(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--aq-login-accent); outline-offset: 3px; box-shadow: none; }
body.login #login .input:focus { border-color: var(--aq-login-accent); box-shadow: none; }
body.login #login .wp-hide-pw:focus { outline: 2px solid var(--aq-login-accent); outline-offset: -2px; box-shadow: none; }
@media (max-width: 480px) {
  body.login { padding-block-start: max(24px, env(safe-area-inset-top, 0px)); }
  body.login #login form { padding: 20px; }
  body.login #login h1 { margin-bottom: 20px; }
  body.login #login h1 a { width: 76px; height: 76px; }
}
@media (prefers-reduced-motion: reduce) {
  body.login *, body.login *::before, body.login *::after { scroll-behavior: auto; transition: none; animation: none; }
}