/* =============================================================================
   Iktató — FELHASZNÁLÓKEZELÉS (admin): lista, állapot- és 2FA-jelvények, műveletsor.
   Egy fájl = egy komponens-család, ≤ 200 sor. A tokenek az absec-rendszerből jönnek (tokens.css), a jelvények
   az iktatási állapotok tokenhármasait kölcsönzik (badges.css): a szín MELLETT mindig ott a felirat, és az
   állapotot a szegély alakja is jelzi (a zárolt dupla keretes, a meghívott és a „kötelező, még nincs” szaggatott).
   Betöltés: a _Stilusok.cshtml-ben, az iktatas.css után, a glass-fallback ELŐTT (az integráció veszi fel).
   ============================================================================= */

/* ---- lista: a cellák felülre igazodnak (a magas műveletsor mellett ne legyen üres térköz) ---- */
.f-felh-tabla tbody td { vertical-align: top; }

/* ---- lista: név és e-mail két sorban ---- */
.f-felh-nev {
  display: block;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.f-felh-email {
  display: block;
  margin-top: 0.15rem;
  color: var(--f-grey);
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}

/* A „Ön” jelvény a név mellett: halvány, hogy ne vonja el a figyelmet. */
.f-badge--felh-sajat {
  background: var(--f-badge-generalva-bg);
  color: var(--f-badge-generalva-fg);
  border-color: rgba(107, 114, 128, 0.22);
}

/* ---- szerepkör-váltó: választó és gomb egy sorban, szűk helyen egymás alatt ---- */
.f-felh-szerepkor {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}

.f-felh-szerepkor select {
  width: auto;
  min-width: 9rem;
  padding: 0.4em 0.7em;
  font-size: 0.9rem;
}

/* ---- műveletsor a sor végén ---- */
.f-felh-muveletek {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  min-width: 12rem;
}

.f-felh-muveletek form { margin: 0; }

/* ---- állapotjelvények ---- */
.f-badge--felh-aktiv {
  background: var(--f-badge-alairva-bg);
  color: var(--f-badge-alairva-fg);
  border-color: rgba(21, 128, 61, 0.25);
}

/* Zárolt: piros, a felirat mellett szaggatott-dupla keret jelzi, hogy az állapot nem „rendben”. */
.f-badge--felh-zarolt {
  background: var(--f-badge-lejart-bg);
  color: var(--f-badge-lejart-fg);
  border-color: rgba(138, 36, 24, 0.28);
  border-style: double;
  border-width: 3px;
}

/* Meghívott: borostyán, szaggatott szegély (még nem aktív fiók). */
.f-badge--felh-meghivott {
  background: var(--f-badge-var-bg);
  color: var(--f-badge-var-fg);
  border-color: var(--f-badge-var-fg);
  border-style: dashed;
}

/* ---- 2FA-jelvények ---- */
.f-badge--felh-2fa-be {
  background: var(--f-badge-alairva-bg);
  color: var(--f-badge-alairva-fg);
  border-color: rgba(21, 128, 61, 0.25);
}

.f-badge--felh-2fa-ki {
  background: var(--f-badge-generalva-bg);
  color: var(--f-badge-generalva-fg);
  border-color: rgba(107, 114, 128, 0.22);
}

/* Kötelező, de még nincs beállítva: figyelemfelhívó borostyán, szaggatott szegéllyel. */
.f-badge--felh-2fa-kotelezo {
  background: var(--f-badge-var-bg);
  color: var(--f-badge-var-fg);
  border-color: var(--f-badge-var-fg);
  border-style: dashed;
  white-space: normal;
}

/* ---- keskeny képernyő: a tábla vízszintesen görgethető (ragadó első oszlop), a műveletek nem szűkülnek össze ---- */
@media (max-width: 700px) {
  .f-felh-muveletek { min-width: 11rem; }
  .f-felh-szerepkor { min-width: 9rem; }
}