/* Midea accents are scoped to authentication; admin themes stay unchanged. */
.login-page {
    --accent: #00a9e7;
    --accent-bright: #2cc5ff;
    --accent-soft: #062f46;
}
.login-page .button-primary:hover:not(:disabled) {
    background: var(--accent-bright);
    border-color: var(--accent-bright);
}
.login-page ::selection { background: var(--accent); color: #111; }

/* Keep authentication controls aligned with the admin control styles. */
.login-form label { color: var(--muted); font-size: 13px; font-weight: 500; }
.login-form input {
    width: 100%; min-width: 0; min-height: 44px; padding: 10px 14px;
    font-size: 16px; line-height: 1.4; color: var(--text);
    background: var(--surface); border: 1px solid #606262;
    border-radius: 3px; box-shadow: none; caret-color: var(--accent);
}
.login-form input:hover { border-color: var(--muted); }
.login-form input:focus {
    border-color: var(--accent); outline: 2px solid var(--accent);
    outline-offset: -2px; box-shadow: none;
}
.login-form input:autofill {
    box-shadow: inset 0 0 0 1000px var(--surface);
    -webkit-text-fill-color: var(--text); caret-color: var(--accent);
}
.login-form input:-webkit-autofill {
    box-shadow: inset 0 0 0 1000px var(--surface);
    -webkit-text-fill-color: var(--text); caret-color: var(--accent);
}