/* Adminlane: the login screen. Follows the device: light or dark. Colours: tokens.css */

body.adl-login { background: var(--adl-bg); color: var(--adl-text-2); font-family: var(--adl-font); }
body.adl-login #login { width: 340px; padding: 9vh 0 0; }
body.adl-login .login h1 a { margin-bottom: 22px; }
@media (prefers-color-scheme: dark) {
  /* WordPress' own logo is dark grey; a light one on dark. (A site's own logo, set later, still wins.) */
  .login h1 a { background-image: url("wp-logo-light.svg"); }
}

body.adl-login form#loginform, body.adl-login form#lostpasswordform, body.adl-login form#registerform,
body.adl-login form#resetpassform, body.adl-login .login form {
  margin-top: 0; padding: 26px 26px 30px; background: var(--adl-surface); border: 1px solid var(--adl-border); border-radius: 16px; box-shadow: var(--adl-shadow-lg);
}
body.adl-login label { color: var(--adl-text); font-size: 13.5px; font-weight: 500; }
body.adl-login form .input, body.adl-login input[type="text"], body.adl-login input[type="password"], body.adl-login input[type="email"] {
  min-height: 42px; margin: 6px 0 18px; padding: 0 12px; font-size: 15px; line-height: 1.4;
  background: var(--adl-input); color: var(--adl-text); border: 1px solid var(--adl-border-strong); border-radius: 10px; box-shadow: none;
}
body.adl-login form .input:focus, body.adl-login input:focus { border-color: var(--adl-blue); box-shadow: 0 0 0 3px var(--adl-focus); outline: none; }
body.adl-login .wp-pwd { margin-bottom: 0; }
body.adl-login .button.wp-hide-pw { height: 42px; min-height: 42px; margin-top: 6px; color: var(--adl-muted); border-radius: 0 10px 10px 0; background: transparent; border: 0; box-shadow: none; }
body.adl-login .button.wp-hide-pw:focus { box-shadow: 0 0 0 2px var(--adl-focus); }
body.adl-login .button.wp-hide-pw .dashicons { color: var(--adl-muted); }
body.adl-login input[type="checkbox"] { background: var(--adl-input); border: 1px solid var(--adl-border-strong); border-radius: 5px; box-shadow: none; }
body.adl-login input[type="checkbox"]:checked { background: var(--adl-blue); border-color: var(--adl-blue); }
body.adl-login input[type="checkbox"]:checked::before {
  content: ""; width: 100%; height: 100%; margin: 0; float: none; display: block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5l4.2 4.2 8.8-9.2'/%3E%3C/svg%3E") no-repeat 50% / 80%;
}
body.adl-login .forgetmenot label { font-weight: 400; color: var(--adl-text-2); }
body.adl-login .button-primary, body.adl-login .button.button-primary, body.adl-login .button.button-large {
  min-height: 40px; padding: 0 20px; border-radius: 10px; background: var(--adl-blue); border-color: var(--adl-blue); color: #fff;
  font-size: 14px; font-weight: 600; text-shadow: none; box-shadow: none;
}
body.adl-login .button-primary:hover, body.adl-login .button-primary:focus { background: var(--adl-blue-h); border-color: var(--adl-blue-h); color: #fff; }
body.adl-login .button-primary:focus { box-shadow: 0 0 0 3px var(--adl-focus); }
body.adl-login .submit { display: flex; justify-content: flex-end; }

body.adl-login #nav, body.adl-login #backtoblog { margin: 18px 0 0; padding: 0 4px; font-size: 13px; }
body.adl-login #nav a, body.adl-login #backtoblog a, body.adl-login .privacy-policy-link { color: var(--adl-muted); }
body.adl-login #nav a:hover, body.adl-login #backtoblog a:hover, body.adl-login .privacy-policy-link:hover { color: var(--adl-link); }
body.adl-login .message, body.adl-login .notice, body.adl-login .success, body.adl-login #login_error {
  background: var(--adl-surface); color: var(--adl-text-2); border: 1px solid var(--adl-border); border-left: 4px solid var(--adl-blue);
  border-radius: 10px; box-shadow: var(--adl-shadow); margin-bottom: 16px;
}
body.adl-login #login_error, body.adl-login .notice-error { border-left-color: var(--adl-bad-line); }
body.adl-login .success, body.adl-login .notice-success { border-left-color: var(--adl-ok-line); }
body.adl-login .message a, body.adl-login #login_error a, body.adl-login .notice a { color: var(--adl-link); }
body.adl-login #pass-strength-result { border-radius: 8px; background: var(--adl-surface-2); border-color: var(--adl-border); color: var(--adl-text-2); }
body.adl-login .language-switcher { margin-top: 18px; }
body.adl-login .language-switcher form { padding: 10px; border-radius: 12px; display: flex; gap: 6px; align-items: center; justify-content: center; box-shadow: none; }
body.adl-login .language-switcher select { background-color: var(--adl-input); color: var(--adl-text); border-color: var(--adl-border-strong); border-radius: 8px; }
body.adl-login .language-switcher label .dashicons { color: var(--adl-muted); }
body.adl-login .language-switcher .button { border-radius: 8px; background: var(--adl-surface); color: var(--adl-text-2); border-color: var(--adl-border-strong); }
@media (max-width: 400px) { body.adl-login #login { width: auto; padding: 6vh 16px 0; } }