/* =============================================================================
   Iktató — SAJÁT FIÓK: kétlépcsős belépés (QR-kód, kulcs, helyreállító kódok) és a Biztonság oldal.
   Átvéve a far360 .f-qr-kod / .f-kod / .f-kodlista megoldásából, az iktató tokenjeire (DM Mono, --f-line).

   A QR-kód fehér alapon, kerettel áll (a sötét/színes háttér a beolvasást rontaná); a mérete rögzített, a
   kép a saját végpontról jön (/fiok/ketfaktor/qr), nem data: URI. A helyreállító kódok DM Mono betűvel,
   két oszlopban; nyomtatáskor csak a kártya marad meg (fejléc, lábléc, gombok nem).
   ============================================================================= */
.f-qr-kod {
  display: block;
  width: 220px;
  height: 220px;
  margin: 1rem auto;
  padding: 0.5rem;
  background: #fff;
  border: 1px solid var(--f-line);
  border-radius: var(--r-field);
  image-rendering: pixelated;
}

.f-kod {
  display: inline-block;
  padding: 0.4em 0.7em;
  font-family: var(--font-mono);
  font-size: 0.95rem;
  letter-spacing: 0.06em;
  word-break: break-all;
  background: var(--f-ground);
  border: 1px solid var(--f-line);
  border-radius: var(--r-field);
}

.f-kodlista {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem 1rem;
  margin: 1rem 0;
  padding: 1rem;
  list-style: none;
  font-family: var(--font-mono);
  font-size: 1rem;
  letter-spacing: 0.06em;
  background: var(--f-ground);
  border: 1px solid var(--f-line);
  border-radius: var(--r-field);
}

/* A kódok egyben kijelölhető, másolható szövege (JS nélkül is használható). */
.f-kodszoveg {
  min-height: 11rem;
  font-family: var(--font-mono);
  letter-spacing: 0.06em;
  resize: vertical;
}

/* Állapotsor a Biztonság oldalon: felirat balra, jelvény jobbra. */
.f-fiok-sor {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--f-line);
}
.f-fiok-sor:last-child { border-bottom: 0; }

.f-fiok-szekcio { margin-top: 1.5rem; }

@media (max-width: 560px) {
  .f-kodlista { grid-template-columns: minmax(0, 1fr); }
}

@media print {
  .f-header,
  .f-footer,
  .f-skip-link,
  .f-nem-nyomtat { display: none !important; }
  .f-kodlista { border-color: #000; background: #fff; }
}