.hidden { display: none !important; }
.nowrap { white-space: nowrap; }

.auth-body { background: #eef0f3; min-height: 100vh; }
.auth-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 1.5rem 1rem; }
.auth-card { width: 100%; max-width: 400px; }
.auth-brand { text-align: center; font-size: 1.9rem; font-weight: 700; color: #2f5d8a; margin-bottom: 0.75rem; letter-spacing: -0.02em; }
.auth-tile { background: #fff; border: 1px solid #d3d7dd; border-radius: 8px; padding: 1.1rem; margin-bottom: 0.85rem; }
.auth-tile .button, .auth-tile .input { width: 100%; }
.auth-tile .button.auth-auto { width: auto; }
.auth-divider { text-align: center; margin: 0.15rem 0 0.9rem; opacity: 0.55; font-size: 0.85rem; }
.auth-quiet { background: #eceef2; border-color: #c2c7d0; color: #4a4a4a; }
.auth-small { text-align: center; font-size: 0.85rem; margin-top: 0.8rem; }
.auth-small a { color: inherit; text-decoration: underline; }

.swapword { gap: 0.4rem; margin: 0 0.5rem 0.5rem 0; }
.swapword .delete { margin-left: 0.25rem; }