/* Additions to the design system for things the static prototypes did not need. */

/* Log out is a form post: make its button sit in the dropdown like the links do. */
.logout-form { display: contents; }
button.dropdown__item { width: 100%; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
button.dropdown__item:hover { background: var(--paper-deep); }

/* Visitor header: Log in / Sign up in place of the user menu. */
.app-header__guest { display: flex; align-items: center; gap: var(--space-2); }
@media (max-width: 899px) { .app-header__guest .btn { min-height: 40px; padding-inline: var(--space-3); } }

/* Stand-alone notice pages (errors, unsubscribe confirmation). */
.notice { max-width: 560px; margin: var(--space-12) auto; }
.notice .row { margin-top: var(--space-5); }

/* The only screen of an installation without a town: the empty state, centred like a notice. */
.no-town { max-width: 640px; margin: var(--space-12) auto; }