/* Scoped login improvements. No changes to application/module layout. */
.auth-screen { padding: 24px 16px; min-height: 100svh; }
.auth-box { max-width: 420px; }
.auth-box > p { color: #515154; }
.auth-primary { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 16px; background: var(--primary); color: #fff; border-radius: 10px; text-decoration: none; font-size: 15px; font-weight: 600; }
.auth-primary:hover { background: var(--primary-hover); }
.auth-primary:focus-visible, .auth-box summary:focus-visible, .auth-box button:focus-visible { outline: 3px solid #1d1d1f; outline-offset: 3px; }
.auth-box .auth-help { color: #515154; font-size: 13px; margin: 14px 0 24px; }
.auth-box details { text-align: left; }
.auth-box summary { padding: 12px 0; min-height: 44px; cursor: pointer; color: #515154; }
.auth-box label { display: block; color: #1d1d1f; font-size: 13px; font-weight: 600; margin: 8px 0 6px; }
.auth-box input { min-height: 48px; font-size: 16px; }
.auth-box button { min-height: 48px; }
.auth-box button:disabled { cursor: wait; opacity: .7; }
.auth-error { color: #b42318; overflow-wrap: anywhere; }
#session-status { color: #b42318; font-size: 12px; margin-top: 8px; }
@media (max-width: 440px) { .auth-box { padding: 28px 24px; border-radius: 20px; } }
@media (prefers-reduced-motion: reduce) { .auth-box * { transition: none !important; } }

/* Hub mode: the password form is the only entry and never collapses, so the disclosure
   summary is removed. Kept in the markup for the Cognito mode, where it is a real choice. */
#legacy-login.sole-entry > summary {display:none;}
#legacy-login.sole-entry {margin-top:4px;}