/* The standalone route reuses the prototype modal-box outside a dialog. */
.user-login-card { width: 100%; scale: 1; transform: none; opacity: 1; max-height: none; }
.bookmark-control { display: contents; }
.login-link { text-decoration: none; }

/* Account menu form preserves the migrated prototype button row. */
.user-account-logout { display: contents; }
.menu li > .user-account-logout { padding: 0; background: none; }
.user-account-logout > button { display: flex; width: 100%; text-align: left; cursor: pointer; }
.user-account-logout > button:hover { background: var(--color-base-200); }
.user-account-logout > button:focus-visible { outline: 2px solid var(--color-base-content); outline-offset: -2px; }
.login-success-copy { text-wrap: balance; }
.login-recovery { border-top: 1px solid var(--color-base-300); padding-top: 20px; }

/* R12 (D659): the account suggestion is a small fixed card, bottom on phones
   and bottom-right from 640px; no backdrop, so the page stays usable. */
.signup-prompt { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 40; animation: signup-prompt-in .25s ease-out; }
.signup-prompt-text { padding-right: 2rem; }
@media (min-width: 640px) { .signup-prompt { left: auto; right: 1.5rem; bottom: 1.5rem; width: 24rem; } }
@keyframes signup-prompt-in { from { transform: translateY(1rem); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .signup-prompt { animation: none; } }