/* Public account screens reuse the existing institutional login components. */
body.login-fullscreen .edu-view { padding: 0; background: #f5f7fa; }
.login-fullscreen .login-fullscreen-wrapper { background: var(--bg, #f5f7fa); min-height: 100vh; }
.login-fullscreen .login-logo { background: #2452a1; box-shadow: none; }
.login-fullscreen .login-main-title { color: var(--text, #172333); background: none; -webkit-text-fill-color: currentColor; }
.login-fullscreen .login-api-card { background: #fff; border: 1px solid #dce2e8; box-shadow: none; }
.account-screen .login-page { width: min(100%, 520px); margin: 0 auto; padding: 48px 20px; box-sizing: border-box; }
.account-screen .login-main-title { font-size: clamp(24px, 4vw, 32px); line-height: 1.25; margin: 12px 0; }
.account-screen .login-main-sub { margin: 0 0 24px; color: #526176; }
.account-brand { color: #2452a1; font-weight: 700; margin: 0; }
.account-card { padding: 28px; text-align: left; width: 100%; box-sizing: border-box; }
.account-form { display: grid; gap: 18px; }
.account-form[hidden] { display: none; }
.account-form .login-inline-field { display: grid; gap: 7px; font-size: 14px; font-weight: 500; }
.account-form input { width: 100%; min-width: 0; box-sizing: border-box; padding: 11px 12px; border: 1px solid #b7c2cf; border-radius: 6px; font: inherit; background: white; color: #172333; }
.account-form input:focus-visible, .account-screen a:focus-visible { outline: 3px solid #b8d1fb; outline-offset: 2px; }
.account-form input[aria-invalid="true"] { border-color: #b42318; }
.account-status { line-height: 1.55; overflow-wrap: anywhere; }
.account-status:empty { display: none; }
.account-back { display: block; margin-top: 20px; color: #2452a1; }
.account-card .btn { min-height: 44px; }
.admin-invite-status { margin: 12px 0; line-height: 1.5; }
@media (max-width: 560px) { .account-card { padding: 20px; } .account-screen .login-page { padding: 30px 16px; } }
/* Account actions use solid surfaces, including the existing shared button. */
body.login-fullscreen .btn.primary, .account-screen .btn.primary, #admin-users .btn.primary {
  background: #2452a1; border-color: #2452a1; color: #fff; box-shadow: none;
}
body.login-fullscreen .btn.primary:hover, .account-screen .btn.primary:hover, #admin-users .btn.primary:hover {
  background: #1d4385; box-shadow: none; transform: none;
}
body.login-fullscreen .login-main-title, .account-screen, #admin-users { font-family: Inter, sans-serif; }
.admin-control-center:has(#admin-users) .admin-hero { background: #fff; box-shadow: none; }
#admin-users .btn.ghost { background: transparent; box-shadow: none; }
#admin-users .btn.ghost:hover { background: #eef3fa; }