/* Extend the pinned provider's templates: MFA, recovery, errors and logout
   confirmations retain Keycloak's controls and accessibility semantics. */
.login-pf body { background: #f4f7fa; color: #192c3c; }
#kc-header { color: #14161A; margin-bottom: 1.5rem; }
#kc-header-wrapper {
    background: url('../img/logo.svg') center / contain no-repeat;
    min-height: 4rem; max-width: 20rem; margin: 0 auto;
    padding: 0; font-size: 0;
}
.login-pf-page .card-pf { border-top: 4px solid #14161A; border-radius: .4rem; box-shadow: 0 8px 30px #14161A14; }
#kc-page-title { font-weight: 600; line-height: 1.4; }
.pf-c-button.pf-m-primary, input[type='submit'] { background-color: #14161A; }
a { color: #92241d; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
    outline: 3px solid #C8362A; outline-offset: 3px;
}
#kc-error-message, .alert-error, .pf-c-alert.pf-m-danger { color: #8c1b24; }
@media (max-width: 600px) {
    .login-pf-page { padding-top: 2rem; }
    #kc-header-wrapper { min-height: 3rem; max-width: 15rem; }
    .login-pf-page .card-pf { margin: 0 1rem; padding: 1.5rem; }
}