/* Native WordPress login, password setup and recovery, in CueRoom's palette. */
body.login {
    --cr-ink: #253325;
    --cr-green: #425437;
    --cr-muted: #626b5d;
    --cr-border: #d9decf;
    background: radial-gradient(ellipse at 50% 0, #e9eddf 0, transparent 58%), #f5f3ed;
    color: var(--cr-ink);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 15px;
    min-height: 100vh;
}
body.login * { box-sizing: border-box; }
.login #login { width: min(420px, calc(100% - 36px)); padding: 48px 0 0; }
.login h1 a {
    background: none;
    color: var(--cr-ink);
    font-family: inherit;
    font-size: 32px;
    font-weight: 750;
    height: auto;
    width: auto;
    line-height: 1.2;
    letter-spacing: -1.2px;
    margin: 0 auto 8px;
    text-indent: 0;
    text-decoration: none;
}
.cueroom-login-intro { text-align: center; margin-bottom: 26px; }
.login .cueroom-login-kicker { font-size: 10px; font-weight: 650; letter-spacing: 2px; margin: 0 0 30px; color: var(--cr-green); }
.cueroom-login-intro h2 { font: 400 42px/1.1 Georgia, serif; letter-spacing: -1.4px; margin: 0 0 13px; color: var(--cr-ink); }
.cueroom-login-intro > p:last-child { color: var(--cr-muted); line-height: 1.6; margin: 0; }
.login form {
    background: #fffdf9;
    border: 1px solid var(--cr-border);
    border-radius: 18px;
    box-shadow: 0 12px 36px #25332508;
    margin-top: 0;
    padding: 28px;
    color: var(--cr-ink);
    font-weight: 400;
}
.login label { font-size: 14px; line-height: 1.5; font-weight: 600; margin-bottom: 8px; }
.login input[type="text"], .login input[type="password"], .login input[type="email"] {
    background: #fff;
    border: 1px solid #aeb7a7;
    border-radius: 7px;
    color: var(--cr-ink);
    font: 400 16px/1.5 system-ui, sans-serif;
    min-height: 48px;
    padding: 10px 12px;
    box-shadow: none;
    margin-bottom: 20px;
}
.login .wp-pwd input { padding-right: 46px; }
.login input:focus { border-color: var(--cr-green); box-shadow: 0 0 0 3px #b6c5a080; outline: 2px solid transparent; }
.login .wp-hide-pw { color: var(--cr-green); min-width: 44px; height: 48px; }
.login .button-primary {
    background: var(--cr-green);
    border: 1px solid var(--cr-green);
    border-radius: 8px;
    color: #fff;
    font: 650 15px/1.4 system-ui, sans-serif;
    box-shadow: none;
    text-shadow: none;
    width: 100%;
    min-height: 48px;
    padding: 12px 18px;
    float: none;
    margin-top: 22px;
}
.login .button-primary:hover, .login .button-primary:focus { background: #2a3e20; border-color: #2a3e20; color: #fff; }
.login .button-primary:disabled { opacity: .6; }
.login .forgetmenot { float: none; margin: 0; }
.login .forgetmenot label { font-weight: 400; font-size: 14px; }
.login input[type="checkbox"] { border-color: #aeb7a7; border-radius: 3px; }
.login a, .login #nav a, .login #backtoblog a, .login .privacy-policy-page-link a { color: var(--cr-green); text-underline-offset: 4px; }
.login a:hover, .login #nav a:hover, .login #backtoblog a:hover { color: #253325; }
.login a:focus-visible, .login button:focus-visible, .login input[type="submit"]:focus-visible { outline: 3px solid #9a6b21; outline-offset: 4px; box-shadow: none; }
.login #nav, .login #backtoblog { text-align: center; padding: 0; font-size: 14px; }
.login #nav { margin-top: 23px; }
.login #backtoblog { margin: 16px 0 0; }
.login .message, .login .success, .login #login_error {
    background: #fffdf9;
    color: var(--cr-ink);
    border: 1px solid var(--cr-border);
    border-left: 3px solid #526144;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
    line-height: 1.6;
    padding: 15px 17px;
    margin-bottom: 20px;
}
.login #login_error { border-left-color: #b33b28; }
.login .description, .login .indicator-hint { color: var(--cr-muted); font-size: 13px; line-height: 1.6; }
.login .nfd-sso-hosting-login__button {
    background: transparent;
    border: 1px solid var(--cr-border);
    border-radius: 7px;
    color: var(--cr-muted);
    box-shadow: none;
    font-size: 13px;
    min-height: 44px;
    padding: 11px 16px;
}
.login .nfd-sso-hosting-login__button:hover { background: #edf1e5; color: var(--cr-ink); border-color: #aeb7a7; }
.login .nfd-sso-hosting-login__divider { color: var(--cr-muted); font-size: 12px; }
.cueroom-login-footer { width: min(420px, calc(100% - 36px)); margin: 28px auto 0; padding: 22px 0 32px; border-top: 1px solid var(--cr-border); text-align: center; font-size: 13px; line-height: 1.8; }
.cueroom-login-footer p { margin: 0 0 7px; color: var(--cr-muted); }
.cueroom-login-footer span { padding: 0 6px; }
.login .privacy-policy-page-link { margin: 24px 0 0; }
.login.interim-login #login { padding: 20px 0; }
@media (max-width: 480px) {
    .login #login { padding-top: 30px; }
    .cueroom-login-intro h2 { font-size: 36px; }
    .login .cueroom-login-kicker { margin-bottom: 24px; }
    .login form { padding: 24px 22px; }
    .cueroom-login-footer { margin-top: 24px; }
}