/* Account pages, 2026-10-20 (a). Loaded AFTER eko-site-20261019a.css by the pages players
   reach from an e-mail link or a short form: forgot-password, resend-activation,
   resetPassword.php, activateAccount.php. It only adds what .eko-auth does not already
   draw: inline field error, show-password check, button row, focus and reduced motion.
   Colours are the site tokens (--ink, --band, --error, --card); no new art, no new font.
   Versioned by file name: the Cloudflare edge ignores ?v=. */

.eko-auth .eko-field[dir=ltr]{text-align:left}
.eko-auth .eko-field[aria-invalid=true]{border-color:var(--error);background:#fffaf8}
.eko-auth .eko-fielderr{margin:8px 0 0;color:var(--error);font-size:14.5px;font-weight:bold;line-height:1.5}
.eko-auth .eko-fielderr[hidden]{display:none}
.eko-auth .eko-check{display:flex;align-items:center;gap:10px;min-height:44px;margin:6px 0 0;color:var(--ink);font-size:14.5px;cursor:pointer}
.eko-auth .eko-check input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--band)}
.eko-auth .eko-check input:focus-visible{outline:3px solid var(--band);outline-offset:3px}
.eko-auth .eko-actions{display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:center}
.eko-auth h1.Title{margin-bottom:10px}
.eko-auth .message{margin-top:0;margin-bottom:6px}
.eko-auth .message strong{overflow-wrap:anywhere}
.eko-auth form .message{margin-top:16px}
.eko-auth .eko-note{margin:0 0 6px;color:var(--ink)}
.eko-auth button.slab[aria-busy=true]{filter:grayscale(1) opacity(.62);cursor:progress}

@media(max-width:560px){
  .eko-auth{max-width:none}
  .eko-auth .eko-actions .slab{flex:1 1 100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
  .slab,.slab:active{transition:none;transform:none}
}
@media(forced-colors:active){
  .eko-auth .eko-field{border:2px solid FieldText}
}