.sd38-sso-enhanced #loginform,
.sd38-sso-enhanced #nav {
    display: none;
}

.sd38-sso-enhanced.sd38-local-login-active #loginform,
.sd38-sso-enhanced.sd38-local-login-active #nav {
    display: block;
}

.sd38-sso-choice {
    margin-block: 20px 16px;
}

.sd38-sso-login-error strong {
    display: block;
    margin-block-end: 4px;
}

.sd38-sso-login-error p {
    margin: 0;
}

.sd38-sso-login-error p + p {
    margin-block-start: 8px;
}

.sd38-sso-choice h2 {
    margin: 0 0 8px;
    color: #1d2327;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
}

.sd38-sso-choice > p {
    margin: 0 0 16px;
    color: #50575e;
    font-size: 14px;
    line-height: 1.5;
}

.sd38-sso-actions {
    display: grid;
    gap: 10px;
}

.sd38-sso-actions .openid-connect-login-button {
    margin: 0 !important;
}

.sd38-sso-actions .button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    height: auto;
    padding: 8px 14px;
    white-space: normal;
    text-align: center;
    line-height: 1.35;
}

.sd38-sso-actions .openid-connect-login-button .button {
    border-color: #135e96;
    background: #2271b1;
    color: #fff;
}

.sd38-sso-actions .openid-connect-login-button .button:hover,
.sd38-sso-actions .openid-connect-login-button .button:focus-visible {
    border-color: #0a4b78;
    background: #135e96;
    color: #fff;
}

.sd38-sso-actions .button:focus-visible {
    outline: 2px solid #2271b1;
    outline-offset: 2px;
    box-shadow: none;
}

@media (forced-colors: active) {
    .sd38-sso-actions .button:focus-visible {
        outline-color: Highlight;
    }
}