/* ============================================================================
   COINEE.io — pristupove stranky (redesign 2026-09, etapa 1a)
   login / register / forgot-password / reset-password
   Predloha: source/coinee-final-design.html (#cx-auth). Jedna hlavni akce na krok,
   stavy chyba / expirovany odkaz / opakovane odeslani / uspech, formular pri chybe
   zustava vyplneny. Stavi na design-tokens.css + coinee-ui.css.
   ============================================================================ */

.au-main { padding: 36px 0 48px; }
.au-card { width: 100%; max-width: var(--cn-maxw-form); margin: 0 auto; }

/* prepinac Prihlaseni / Novy ucet (odkazy mezi strankami, ne zalozky s JS) */
.au-pills { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.au-pills a { display: inline-flex; align-items: center; min-height: 32px; padding: 6px 12px; border: 1px solid var(--cn-line); border-radius: var(--cn-r-sm); font-size: var(--cn-fs-small); color: var(--cn-muted); text-decoration: none; }
.au-pills a:hover { color: var(--cn-text); }
.au-pills a[aria-current="page"] { background: var(--cn-raised); color: var(--cn-text); }

.au-card h1 { margin: 14px 0 8px; font-size: 27px; line-height: 1.25; letter-spacing: -0.02em; font-weight: 650; }
.au-lead { margin-bottom: var(--cn-s-5); font-size: 13px; line-height: 1.6; color: var(--cn-muted); }
.au-form { margin-top: var(--cn-s-5); }
.au-form .cn-btn--primary { margin-top: var(--cn-s-2); }
.au-row { display: flex; justify-content: flex-end; margin: -6px 0 var(--cn-s-4); font-size: var(--cn-fs-small); }
.au-form-status { margin: 0 0 var(--cn-s-4); }
.au-below { display: flex; flex-wrap: wrap; gap: 4px 8px; margin-top: var(--cn-s-4); }
.au-note { margin-top: var(--cn-s-6); padding-top: var(--cn-s-4); border-top: 1px solid var(--cn-line); font-size: var(--cn-fs-small); line-height: 1.6; color: var(--cn-muted); }

/* stavovy panel (overeni e-mailu, odeslany odkaz, expirovany odkaz, uspech) */
.au-state { margin-top: var(--cn-s-5); }
.au-state .cn-status { padding: 18px; }
.au-state .cn-actions { margin-top: var(--cn-s-4); }
.au-state-feedback { margin-top: 10px; font-size: var(--cn-fs-small); color: var(--cn-muted); min-height: 18px; }
.au-state-feedback.is-ok { color: var(--cn-green); }
.au-state-feedback.is-error { color: var(--cn-red); }
.au-email { color: var(--cn-text); font-weight: 600; overflow-wrap: anywhere; }

@media (max-width: 650px) {
  .au-main { padding: 22px 0 36px; }
  .au-card h1 { font-size: 24px; }
  .au-form .cn-btn--primary, .au-state .cn-btn { width: 100%; }
}

@media (pointer: coarse) {
  .au-pills a { min-height: var(--cn-touch); padding-left: 16px; padding-right: 16px; }
  .au-row { margin-top: -10px; margin-bottom: 8px; }
}

/* stranka 404 (review dev 1. 10. 2026, bod 9) — stejny ram jako pristupove stranky, obsah svisle na stred */
.nf-main { display: flex; align-items: center; }
.nf-main > .cn-wrap { width: 100%; }
.nf-card h1 { margin-top: 10px; }
.nf-actions { margin-top: var(--cn-s-5); }
@media (max-width: 650px) {
  .nf-actions .cn-btn { width: 100%; }
}