/* =============================================================================
   Iktató — FLASH-ÜZENETEK (TempData Siker / Hiba / Figyelmeztetes).
   Átvéve a far360 alerts.css-éből (a teszt-sáv nélkül).

   Saját fájl, mert saját felelősség: ezek LAPSZINTŰ visszajelzések, nem állapotjelzések
   egy soron vagy rekordon (azok a badges.css-ben vannak). A .f-alert--hiba az --f-danger
   tokent használja, nem az elsődleges színt: a hibát nem szabad ugyanazzal a színnel
   jelölni, mint az elsődleges műveletet (a bérlő akcentusa piros is lehet).
   ============================================================================= */
.f-alert {
  margin-bottom: 1.5rem;
  padding: 1rem 1.25rem;
  border: 1px solid transparent;
  border-radius: var(--r-field);
  font-size: 0.94rem;
  font-weight: 500;
  transition: opacity 0.4s ease;
}
.f-alert--siker {
  background: var(--f-badge-alairva-bg);
  color: #146c34;
  border-color: rgba(21, 128, 61, 0.25);
}
.f-alert--hiba {
  background: rgba(138, 36, 24, 0.1);
  color: var(--f-danger);
  border-color: rgba(138, 36, 24, 0.28);
}
.f-alert--figyelmeztetes {
  background: #fff7e6;
  color: #7a4a00;
  border-color: rgba(180, 83, 9, 0.28);
}
.f-alert--eltunik { opacity: 0; }

/* A halványodás végén a site.js hidden-re állítja a dobozt, hogy a helyet is visszaadja.
   A komponens saját display-e (és a base.css !important [hidden] szabálya mellett is) így tiszta. */
.f-alert[hidden] { display: none; }

/* Szellős változat: hosszabb, többsoros tájékoztatóhoz nagyobb sormagasság. */
.f-alert--szellos { line-height: 1.6; }

/* Kompakt változat: kisebb betű és belső térköz a szűk kártyákon. */
.f-alert--kompakt {
  font-size: 0.82rem;
  padding: 0.5rem 0.75rem;
}