#oidc_login_btn { background-color: #0055B8 !important; color: white !important; border-color: #0055B8 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; margin-bottom: 24px !important; }
#oidc_login_btn:hover { background-color: #1C355E !important; }
#oidc_login_btn span[data-i18n="login.signin_openid"] { font-size: 0; }
#oidc_login_btn span[data-i18n="login.signin_openid"]::after { content: "Sign in with your Microsoft Account"; font-size: 1rem; }
.local-toggle { display: flex; align-items: center; gap: 10px; cursor: pointer; color: #555; font-size: 0.78rem; letter-spacing: 0.04em; user-select: none; transition: color 0.2s; margin-bottom: 0; }
.local-toggle:hover { color: #888; }
.local-toggle .chevron { transition: transform 0.25s; font-size: 0.65rem; }
.local-toggle.open .chevron { transform: rotate(180deg); }
.divider-line { border: none; border-top: 1px solid #2a2d3a; flex: 1; }
.local-form { overflow: hidden; max-height: 0; transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.3s; opacity: 0; margin-top: 0; }
.local-form.open { max-height: 400px; opacity: 1; margin-top: 16px; }
#sign_in_submit { background-color: transparent !important; border: 1px solid #2a2d3a !important; color: #666 !important; }
#sign_in_submit:hover { background-color: #1e2130 !important; color: #999 !important; border-color: #3a3d4a !important; }

#sign_in_form .col-7 h1 { margin-left: 0 !important; }