/* Login, registration, password page and Profile → Účet (E1). Tokens from /design/tokens.css. */

.field { display: grid; gap: 6px; font-weight: 700; }
.field-error { color: var(--color-error-ink); font-weight: 700; }
.password-wrap { position: relative; display: block; }
.password-wrap input { padding-right: 84px; }
.password-wrap .password-toggle { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); min-height: 40px; }
.password-hint { font-weight: 400; }
.consent { padding: 12px 14px; border: 2px solid var(--color-secondary); border-radius: var(--radius-md); background: var(--color-secondary-soft); }
.consent p { margin: 6px 0 10px; font-weight: 400; }
.consent .check { margin: 0; font-weight: 700; }
.login-alt { margin: 14px 0 6px; }
.code-login { margin-top: 12px; border-top: 2px solid var(--color-line); padding-top: 10px; }
.code-login summary { cursor: pointer; font-weight: 700; min-height: 44px; display: flex; align-items: center; color: var(--color-secondary-ink); }
.code-login form { margin-top: 8px; }
.mode-note { color: var(--color-ink-soft); }
.success-note, .ok-note { color: var(--color-success-ink); font-weight: 700; }
.notice { background: var(--color-reward-soft); color: var(--color-reward-ink); padding: 10px 12px; border-radius: var(--radius-sm); font-weight: 700; }
.account-form { margin: 0 0 12px; }
.account-fold { margin: 6px 0; }
.account-fold summary { cursor: pointer; font-weight: 800; min-height: 44px; display: flex; align-items: center; }
.account .settings a.button { margin-top: 6px; }
.danger-zone { margin-top: 12px; border-top: 2px solid var(--color-line); padding-top: 6px; }
.danger-zone summary { color: var(--color-error-ink); }
button.danger, a.button.danger { --btn-bg: var(--color-error); --btn-fg: var(--color-on-primary); --btn-edge: var(--color-error-edge); --btn-border: var(--color-error); }
.login .card.narrow { width: 100%; box-sizing: border-box; }
.login .hero.sticker-hero { width: 128px; height: auto; margin-bottom: 8px; }