/* auth.css — Sign in / Sign up page */
body.route-auth .bottom-nav,
body.route-auth .header-stats { display: none; }

.auth-wrap { display: grid; place-items: start center; padding-block: var(--space-4); }
.auth-card { width: 100%; max-width: 440px; }
.auth-head { text-align: center; display: grid; gap: var(--space-2); justify-items: center; }
.auth-head h1 { font-size: var(--text-xl, 1.35rem); }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: var(--radius-md); background: var(--surface-muted); }
.auth-tab { min-height: var(--touch-min, 44px); border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--text-muted); font: inherit; font-weight: 600; cursor: pointer; }
.auth-tab.is-active { background: var(--surface-elevated); color: var(--text-primary); box-shadow: 0 1px 4px rgba(15, 23, 42, .12); }
.auth-field { display: grid; gap: 6px; }
.auth-label { font-weight: 600; font-size: var(--text-sm); }
.auth-input-wrap { position: relative; display: block; direction: ltr; }
.auth-input { width: 100%; min-height: var(--touch-min, 44px); padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); border: 1px solid var(--border-subtle); background: var(--surface-elevated); color: var(--text-primary); font: inherit; text-align: left; }
.auth-input-wrap .auth-input { padding-inline-end: 48px; }
.auth-input:focus { border-color: var(--border-focus); }
.auth-eye { position: absolute; inset-block: 0; inset-inline-end: 0; width: 46px; border: 0; background: transparent; color: var(--text-muted); cursor: pointer; display: grid; place-items: center; }
.auth-error { margin: 0; padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); background: var(--color-danger-soft); color: var(--color-danger); font-size: var(--text-sm); }
.auth-link { border: 0; background: none; color: var(--accent-primary); font: inherit; font-weight: 600; cursor: pointer; padding: var(--space-2); }
.auth-skip { display: grid; gap: var(--space-2); text-align: center; padding-top: var(--space-2); border-top: 1px solid var(--border-subtle); }