/* Prihlásenie, registrácia a obnova hesla.
   Tokeny sú zhodné s appkou (v2.css) — zámerne skopírované, nie importované:
   prihlásenie musí vyzerať rovnako aj keď je plugin appky vypnutý. */

@font-face{font-family:'Satoshi';
  src:url('fonts/Satoshi-Variable.woff2') format('woff2-variations'),
      url('fonts/Satoshi-Variable.woff2') format('woff2');
  font-weight:300 900;font-style:normal;font-display:swap}

#inutri-auth{
--paper:#F4F4F5;--surface:#FFFFFF;--sunk:#EAEAEC;--line:#DCDCE0;
--ink:#17171A;--muted:#5E5E66;
--brand:#1F7A4D;--brand-soft:#E3F2E9;--clay:#A32E2E;--clay-soft:#FAE6E4;
--on-brand:#FFFFFF;
--sh-2:0 4px 16px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.05);
--r-m:14px;--r-xl:22px;--r-f:999px;
--font:'Satoshi','Helvetica Neue',system-ui,-apple-system,sans-serif;
}
@media(prefers-color-scheme:dark){#inutri-auth:not([data-theme="light"]){
--paper:#1A1A1A;--surface:#242426;--sunk:#2E2E31;--line:#3C3C40;
--ink:#F2F2F3;--muted:#A8A8B0;
--brand:#5FD39A;--brand-soft:#1E3A2C;--clay:#FF8F85;--clay-soft:#36211F;
--on-brand:#0E1512;
--sh-2:0 6px 20px rgba(0,0,0,.55);
color-scheme:dark;
}}

#inutri-auth,#inutri-auth *,#inutri-auth *::before,#inutri-auth *::after{box-sizing:border-box}
#inutri-auth{
  font-family:var(--font);color:var(--ink);background:var(--paper);
  display:flex;align-items:center;justify-content:center;
  min-height:min(100vh,760px);padding:32px 16px;
  -webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}

#inutri-auth .au-card{
  width:100%;max-width:400px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-xl);
  box-shadow:var(--sh-2);padding:32px 28px}

/* Logo kreslíme maskou — je jednofarebné a takto sa samo prispôsobí
   svetlému aj tmavému režimu bez druhého súboru. */
#inutri-auth .au-logo{
  width:96px;height:40px;margin:0 auto 22px;background:currentColor;color:var(--ink);
  -webkit-mask:url('logo.svg') no-repeat center/contain;mask:url('logo.svg') no-repeat center/contain}

#inutri-auth .au-h{margin:0;font-size:24px;font-weight:800;letter-spacing:-.025em;line-height:1.15;text-align:center}
#inutri-auth .au-sub{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--muted);text-align:center;text-wrap:balance}

#inutri-auth .au-msgs{margin-top:20px;display:flex;flex-direction:column;gap:8px}
#inutri-auth .au-msg{margin:0;padding:12px 14px;border-radius:var(--r-m);font-size:14px;line-height:1.5}
#inutri-auth .au-msg--ok{background:var(--brand-soft);color:var(--brand)}
#inutri-auth .au-msg--bad{background:var(--clay-soft);color:var(--clay)}
/* Téma vnucuje odkazom vlastnú veľkosť písma, takže v súhlase pri
   registrácii boli „obchodné podmienky" viditeľne väčšie než veta okolo
   nich. Veľkosť, riadkovanie aj rez preto dedíme od textu, v ktorom
   odkaz stojí — farbu a hrúbku si jednotlivé miesta určujú samy. */
#inutri-auth a{font-size:inherit;line-height:inherit;letter-spacing:inherit;font-family:inherit}

#inutri-auth .au-msg a{color:inherit;font-weight:600}

#inutri-auth .au-form{margin-top:22px;display:flex;flex-direction:column;gap:16px}
#inutri-auth .au-f{display:flex;flex-direction:column;gap:6px}
#inutri-auth .au-l{font-size:13.5px;font-weight:600;color:var(--muted)}

#inutri-auth .au-in{
  width:100%;height:48px;padding:0 14px;font:inherit;font-size:16px;color:var(--ink);
  background:var(--sunk);border:1.5px solid transparent;border-radius:var(--r-m);
  transition:border-color .18s,background .18s}
#inutri-auth .au-in:focus{outline:none;border-color:var(--brand);background:var(--surface)}
#inutri-auth .au-in:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 40px var(--sunk) inset}

#inutri-auth .au-pw{position:relative;display:block}
#inutri-auth .au-pw .au-in{padding-right:48px}
#inutri-auth .au-eye{
  position:absolute;right:4px;top:4px;width:40px;height:40px;border:0;background:none;
  cursor:pointer;color:var(--muted);display:grid;place-items:center;border-radius:var(--r-f)}
#inutri-auth .au-eye:hover{color:var(--ink);background:var(--sunk)}
#inutri-auth .au-eye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#inutri-auth .au-eye[aria-pressed="true"]{color:var(--brand)}

#inutri-auth .au-hint{font-size:12.5px;line-height:1.45;color:var(--muted)}

#inutri-auth .au-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#inutri-auth .au-check{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:var(--muted);cursor:pointer;line-height:1.45}
#inutri-auth .au-check--block{align-items:flex-start}
#inutri-auth .au-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--brand);flex:0 0 auto;cursor:pointer}
#inutri-auth .au-check a{color:var(--brand);font-weight:600}

#inutri-auth .au-link{font-size:14px;font-weight:600;color:var(--brand);text-decoration:none}
#inutri-auth .au-link:hover{text-decoration:underline}

#inutri-auth .au-btn{
  display:block;width:100%;min-height:50px;margin-top:4px;padding:13px 20px;
  font:inherit;font-size:16px;font-weight:700;text-align:center;text-decoration:none;
  color:var(--on-brand);background:var(--brand);border:0;border-radius:var(--r-f);
  cursor:pointer;transition:filter .18s,transform .12s}
#inutri-auth .au-btn:hover{filter:brightness(1.07)}
#inutri-auth .au-btn:active{transform:scale(.985)}

#inutri-auth .au-ghost{
  display:block;width:100%;margin-top:12px;padding:12px;font:inherit;font-size:14.5px;font-weight:600;
  color:var(--brand);background:none;border:1.5px solid var(--line);border-radius:var(--r-f);
  cursor:pointer;text-align:center;text-decoration:none}
#inutri-auth .au-ghost:hover{background:var(--sunk)}
#inutri-auth .au-resend{margin-top:4px}

#inutri-auth .au-foot{margin:22px 0 0;font-size:14px;line-height:1.5;color:var(--muted);text-align:center}
#inutri-auth .au-foot a{color:var(--brand);font-weight:600;text-decoration:none}
#inutri-auth .au-foot a:hover{text-decoration:underline}

/* Povinný text k reCAPTCHA. Odznak Googlu je skrytý (zakrýval tlačidlo na
   mobile), tak musí byť namiesto neho tu — a zámerne nenápadne. */
#inutri-auth .au-rc{margin:18px 0 0;font-size:11.5px;line-height:1.5;
  color:var(--muted);opacity:.75;text-align:center}
#inutri-auth .au-rc a{color:inherit;text-decoration:underline}
.grecaptcha-badge{visibility:hidden}

#inutri-auth :focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}

@media(max-width:420px){
  #inutri-auth{padding:20px 12px;min-height:auto}
  #inutri-auth .au-card{padding:26px 20px;border-radius:18px}
  #inutri-auth .au-h{font-size:22px}
}

/* Pasca na roboty. Nesmie sa skrývať cez display:none — niektoré roboty to
   vedia a pole preskočia; takto ho nevidí človek, ale robot áno. */
#inutri-auth .au-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* ── Prihlásenie cez Google ───────────────────────────────────────────── */

/* Značka Googlu musí zostať v pôvodných farbách a tlačidlo nesmie vyzerať
   ako naše hlavné — inak sa dvaja rovnako výrazní súperi bijú o pozornosť
   a človek nevie, čo je hlavná cesta. */
.au-g{
  display:flex;align-items:center;justify-content:center;gap:12px;
  width:100%;height:52px;padding:0 20px;margin-bottom:18px;
  border:1.5px solid var(--au-line,#DADCE0);border-radius:12px;
  background:#fff;color:#1F1F1F;
  font:inherit;font-size:15.5px;font-weight:650;letter-spacing:-.01em;
  text-decoration:none;cursor:pointer;
  transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.au-g:hover{background:#F8F9FA;border-color:#C6C9CE;box-shadow:0 1px 3px rgba(60,64,67,.12);color:#1F1F1F}
.au-g:active{transform:translateY(1px)}
.au-g:focus-visible{outline:3px solid rgba(66,133,244,.4);outline-offset:2px}
.au-g__i{width:20px;height:20px;flex:none}

.au-or{
  display:flex;align-items:center;gap:14px;
  margin:0 0 18px;font-size:13px;color:var(--au-ghost,#8E8E97)}
.au-or::before,.au-or::after{
  content:"";flex:1;height:1px;background:var(--au-line,#E2E2E6)}