:root {
  --kiemelo: #00a5a8;
  --kiemelo-sotet: #00797c;
  --kiemelo-halvany: #e0f5f5;
  --felso-sav: #00a5a8;
  --felso-sav-szoveg: #ffffff;
  --hatter: #f3f4f6;
  --felulet: #ffffff;
  --felulet-masodlagos: #f9fafb;
  --szoveg: #1f2937;
  --szoveg-halvany: #5b6472;
  --keret: #e2e5ea;
  --fokusz: #1d4ed8;
  --hiba: #b42318;
  --hiba-hatter: #fef3f2;
  --siker: #067647;
  --siker-hatter: #ecfdf3;
  --figyelem: #a14b06;
  --figyelem-hatter: #fffaeb;
  --info: #175cd3;
  --info-hatter: #eff8ff;
  --kihagyva: #475467;
  --kihagyva-hatter: #f2f4f7;
  --arnyek: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.08);
  --arnyek-emelt: 0 4px 12px rgba(16, 24, 40, 0.12);
  --lekerekites: 8px;
  --lekerekites-kicsi: 6px;
  --t1: 4px;
  --t2: 8px;
  --t3: 12px;
  --t4: 16px;
  --t5: 24px;
  --t6: 32px;
  --betu: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --betu-kicsi: 0.8125rem;
  --betu-alap: 0.9375rem;
  --betu-cim: 1.125rem;
  --betu-oldalcim: 1.5rem;
  --menu-szeles: 240px;
  --felso-magas: 56px;
  --hasab: none;
  --mezo-szeles: 760px;
  color-scheme: light;
}

:root[data-tema="sotet"] {
  --kiemelo: #2cc5c8;
  --kiemelo-sotet: #5fd6d8;
  --kiemelo-halvany: #0f3536;
  --felso-sav: #0b5f61;
  --felso-sav-szoveg: #f2fbfb;
  --hatter: #111418;
  --felulet: #1b1f24;
  --felulet-masodlagos: #22272e;
  --szoveg: #e6e8eb;
  --szoveg-halvany: #a3abb6;
  --keret: #313843;
  --fokusz: #8ab4ff;
  --hiba: #ff8a80;
  --hiba-hatter: #3a1a19;
  --siker: #6fdc9b;
  --siker-hatter: #10301f;
  --figyelem: #ffc266;
  --figyelem-hatter: #3a2a10;
  --info: #8ab4ff;
  --info-hatter: #142640;
  --kihagyva: #c0c6cf;
  --kihagyva-hatter: #2a3038;
  --arnyek: 0 1px 2px rgba(0, 0, 0, 0.4);
  --arnyek-emelt: 0 4px 12px rgba(0, 0, 0, 0.5);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="vilagos"]) {
    --kiemelo: #2cc5c8;
    --kiemelo-sotet: #5fd6d8;
    --kiemelo-halvany: #0f3536;
    --felso-sav: #0b5f61;
    --felso-sav-szoveg: #f2fbfb;
    --hatter: #111418;
    --felulet: #1b1f24;
    --felulet-masodlagos: #22272e;
    --szoveg: #e6e8eb;
    --szoveg-halvany: #a3abb6;
    --keret: #313843;
    --fokusz: #8ab4ff;
    --hiba: #ff8a80;
    --hiba-hatter: #3a1a19;
    --siker: #6fdc9b;
    --siker-hatter: #10301f;
    --figyelem: #ffc266;
    --figyelem-hatter: #3a2a10;
    --info: #8ab4ff;
    --info-hatter: #142640;
    --kihagyva: #c0c6cf;
    --kihagyva-hatter: #2a3038;
    --arnyek: 0 1px 2px rgba(0, 0, 0, 0.4);
    --arnyek-emelt: 0 4px 12px rgba(0, 0, 0, 0.5);
    color-scheme: dark;
  }
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: var(--betu);
  font-size: var(--betu-alap);
  line-height: 1.5;
  color: var(--szoveg);
  background: var(--hatter);
}

body.keret {
  overflow-x: hidden;
}

body.nyilvanos {
  background: var(--hatter);
}

a {
  color: var(--kiemelo-sotet);
}

h1, h2, h3, p {
  margin: 0 0 var(--t3);
}

:focus-visible {
  outline: 3px solid var(--fokusz);
  outline-offset: 2px;
}

.ikon {
  width: 20px;
  height: 20px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ugras {
  position: absolute;
  left: var(--t2);
  top: -100px;
  z-index: 100;
  padding: var(--t2) var(--t3);
  background: var(--felulet);
  color: var(--szoveg);
  border-radius: var(--lekerekites-kicsi);
  box-shadow: var(--arnyek-emelt);
}

.ugras:focus {
  top: var(--t2);
}

.felso-sav {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  gap: var(--t3);
  height: var(--felso-magas);
  padding: 0 var(--t4);
  background: var(--felso-sav);
  color: var(--felso-sav-szoveg);
}

.rendszer-nev {
  display: inline-flex;
  align-items: center;
  gap: var(--t2);
  color: inherit;
  font-weight: 600;
  font-size: 1.0625rem;
  text-decoration: none;
}

.rendszer-logo {
  display: block;
  flex: none;
  width: 144px;
  height: 32px;
}

.rendszer-nev-szoveg {
  padding-left: var(--t2);
  border-left: 1px solid rgba(255, 255, 255, 0.45);
  line-height: 1.2;
}

.felso-jobb {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: var(--t2);
}

.ikon-gomb {
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.ikon-gomb:hover {
  background: rgba(255, 255, 255, 0.16);
}

.menu-gomb {
  display: none;
}

.fejlec-kereso {
  position: relative;
  display: flex;
  align-items: center;
  width: 320px;
  margin: 0;
}

.fejlec-kereso-ikon {
  position: absolute;
  left: 11px;
  width: 18px;
  height: 18px;
  pointer-events: none;
}

.fejlec-kereso-mezo {
  width: 100%;
  height: 40px;
  padding: 0 var(--t3) 0 36px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: var(--lekerekites-kicsi);
  background: rgba(255, 255, 255, 0.12);
  color: inherit;
  font: inherit;
}

.fejlec-kereso-mezo::placeholder {
  color: rgba(255, 255, 255, 0.85);
  opacity: 1;
}

.fejlec-kereso-mezo:focus {
  outline: none;
  border-color: var(--felulet);
  background: var(--felulet);
  color: var(--szoveg);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);
}

.fejlec-kereso:focus-within .fejlec-kereso-ikon,
.fejlec-kereso-mezo:focus::placeholder {
  color: var(--szoveg-halvany);
}

.kereso-javaslat {
  position: absolute;
  top: calc(100% + var(--t2));
  right: 0;
  z-index: 40;
  width: 380px;
  max-width: calc(100vw - 2 * var(--t4));
  max-height: 70vh;
  overflow-y: auto;
  padding: var(--t2);
  background: var(--felulet);
  color: var(--szoveg);
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites);
  box-shadow: var(--arnyek-emelt);
}

.kereso-javaslat[hidden] {
  display: none;
}

.kereso-csoport + .kereso-csoport,
.kereso-javaslat .kereso-mind {
  margin-top: var(--t2);
  padding-top: var(--t2);
  border-top: 1px solid var(--keret);
}

.kereso-csoport-cim {
  padding: var(--t1) var(--t2);
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
  font-weight: 600;
}

.kereso-opcio {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: var(--t2);
  border-radius: var(--lekerekites-kicsi);
  color: inherit;
  text-decoration: none;
}

.kereso-opcio:hover,
.kereso-opcio.aktiv {
  background: var(--kiemelo-halvany);
}

.kereso-opcio-cim,
.kereso-opcio-al {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kereso-opcio-cim {
  font-weight: 600;
}

.kereso-opcio-al {
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
}

.kereso-javaslat .kereso-mind {
  color: var(--kiemelo-sotet);
  font-weight: 600;
}

.kereso-mobil {
  display: none;
}

.modul-menu-fej .modul-panel {
  right: 0;
  left: auto;
}

.kereso-urlap {
  display: flex;
  gap: var(--t2);
}

.kereso-urlap .mezo-bemenet {
  flex: 1;
  min-width: 0;
}

@media (max-width: 1023px) {
  .fejlec-kereso {
    width: 230px;
  }
}

@media (max-width: 767px) {
  .fejlec-kereso {
    display: none;
  }

  .kereso-mobil {
    display: inline-grid;
  }
}

.monogram {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: none;
  border-radius: 50%;
  background: var(--kiemelo-halvany);
  color: var(--kiemelo-sotet);
  font-weight: 700;
  font-size: 0.8125rem;
  list-style: none;
  cursor: default;
}

.fiok-menu {
  position: relative;
}

.fiok-menu > summary {
  position: relative;
  cursor: pointer;
  background: #ffffff;
  color: #00797c;
}

.fiok-menu > summary::-webkit-details-marker {
  display: none;
}

.fiok-panel {
  position: absolute;
  right: 0;
  top: calc(100% + var(--t2));
  z-index: 45;
  width: min(560px, calc(100vw - 2 * var(--t3)));
  max-height: calc(100vh - var(--felso-magas) - var(--t4));
  overflow-y: auto;
  padding: var(--t4);
  background: var(--felulet);
  color: var(--szoveg);
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites);
  box-shadow: var(--arnyek-emelt);
}

.fiok-fej {
  display: flex;
  align-items: center;
  gap: var(--t3);
  padding-bottom: var(--t3);
  border-bottom: 1px solid var(--keret);
}

.fiok-fej-szoveg {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.fiok-nev {
  font-weight: 600;
}

.fiok-email,
.fiok-szerep {
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
  word-break: break-all;
}

.fiok-hasabok {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--t2) var(--t4);
  padding: var(--t3) 0;
}

.fiok-resz {
  min-width: 0;
}

.fiok-resz-cim {
  margin: var(--t2) var(--t2) var(--t1);
  color: var(--szoveg-halvany);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.fiok-lista {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fiok-lista form {
  margin: 0;
}

.fiok-pont {
  display: flex;
  align-items: center;
  gap: var(--t3);
  width: 100%;
  min-height: 36px;
  padding: var(--t1) var(--t2);
  border: 0;
  border-radius: var(--lekerekites-kicsi);
  background: transparent;
  color: var(--szoveg);
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.fiok-pont:hover {
  background: var(--felulet-masodlagos);
}

.fiok-pont:focus-visible {
  outline: 2px solid var(--kiemelo);
  outline-offset: -2px;
}

.fiok-pont.aktiv {
  background: var(--kiemelo-halvany);
  color: var(--kiemelo-sotet);
  font-weight: 600;
}

.fiok-nezavarj {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--t2) var(--t3);
  margin: 0;
  padding-top: var(--t3);
  border-top: 1px solid var(--keret);
}

.fiok-nezavarj-cim {
  display: inline-flex;
  align-items: center;
  gap: var(--t3);
  padding-left: var(--t2);
  font-weight: 600;
}

.fiok-nezavarj-sugo {
  flex-basis: 100%;
  padding-left: var(--t2);
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
}

.kapcsolo-par {
  display: inline-flex;
  margin-left: auto;
  border: 1px solid var(--keret);
  border-radius: 999px;
  overflow: hidden;
}

.kapcsolo-gomb {
  display: inline-flex;
  align-items: center;
  min-width: 52px;
  min-height: 32px;
  padding: 0 var(--t3);
  border: 0;
  background: transparent;
  color: var(--szoveg);
  font: inherit;
  cursor: pointer;
}

.kapcsolo-gomb:hover {
  background: var(--felulet-masodlagos);
}

.kapcsolo-gomb.aktiv {
  background: var(--kiemelo);
  color: #ffffff;
  font-weight: 600;
}

.kapcsolo-gomb:focus-visible {
  outline: 2px solid var(--kiemelo);
  outline-offset: -2px;
}

.allapot-pont {
  display: inline-block;
  width: 10px;
  height: 10px;
  flex: none;
  border-radius: 50%;
  background: var(--siker);
}

.allapot-szabadsag {
  background: var(--szoveg-halvany);
}

.allapot-targyalas {
  background: var(--hiba);
}

.fiok-menu > summary > .allapot-pont {
  position: absolute;
  right: -1px;
  bottom: -1px;
  box-shadow: 0 0 0 2px #00a5a8;
}

.kapcsolo-gomb .allapot-pont {
  margin-right: var(--t2);
}

.kapcsolo-gomb.aktiv .allapot-pont {
  box-shadow: 0 0 0 2px #ffffff;
}

@media (max-width: 767px) {
  .kapcsolo-par {
    width: 100%;
    margin-left: 0;
  }

  .kapcsolo-gomb {
    flex: 1;
    justify-content: center;
    padding: 0 var(--t2);
  }
}

.modul-menu {
  position: relative;
  min-width: 0;
}

.modul-valaszto {
  display: inline-flex;
  align-items: center;
  gap: var(--t2);
  max-width: 100%;
  min-height: 40px;
  padding: 0 var(--t3);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: var(--lekerekites-kicsi);
  background: rgba(255, 255, 255, 0.12);
  color: inherit;
  font-weight: 600;
  list-style: none;
  cursor: pointer;
}

.modul-valaszto::-webkit-details-marker {
  display: none;
}

.modul-valaszto:hover,
.modul-menu[open] > .modul-valaszto {
  background: rgba(255, 255, 255, 0.22);
}

.modul-valaszto:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

.modul-valaszto-nev {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.modul-nyil {
  width: 8px;
  height: 8px;
  flex: none;
  margin-left: var(--t1);
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform 0.15s ease;
}

.modul-menu[open] > .modul-valaszto .modul-nyil {
  transform: translateY(2px) rotate(-135deg);
}

.modul-panel {
  position: absolute;
  left: 0;
  top: calc(100% + var(--t2));
  z-index: 40;
  width: max-content;
  min-width: 240px;
  max-width: calc(100vw - 2 * var(--t4));
  margin: 0;
  padding: var(--t2);
  list-style: none;
  background: var(--felulet);
  color: var(--szoveg);
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites);
  box-shadow: var(--arnyek-emelt);
}

.modul-panel-cim {
  padding: var(--t1) var(--t3) var(--t2);
  color: var(--szoveg-halvany);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.modul-pont {
  display: flex;
  align-items: center;
  gap: var(--t3);
  min-height: 40px;
  padding: var(--t2) var(--t3);
  border-radius: var(--lekerekites-kicsi);
  color: var(--szoveg);
  text-decoration: none;
}

.modul-pont:hover {
  background: var(--felulet-masodlagos);
}

.modul-pont.aktiv {
  background: var(--kiemelo-halvany);
  color: var(--kiemelo-sotet);
  font-weight: 600;
}

.modul-valaszto-szulo {
  flex: none;
  font-weight: 500;
  opacity: 0.8;
}

.modul-valaszto-szulo::after {
  content: "›";
  margin-left: var(--t2);
}

.modul-al {
  margin-top: var(--t1);
  padding-top: var(--t1);
  border-top: 1px solid var(--keret);
}

.modul-al-fej {
  list-style: none;
  cursor: pointer;
}

.modul-al-fej::-webkit-details-marker {
  display: none;
}

.modul-al-fej .modul-nyil {
  margin-left: auto;
}

.modul-al[open] > .modul-al-fej .modul-nyil {
  transform: translateY(2px) rotate(-135deg);
}

.modul-al-aktiv {
  color: var(--kiemelo-sotet);
  font-weight: 600;
}

.modul-al-fej:focus-visible {
  outline: 2px solid var(--kiemelo);
  outline-offset: -2px;
}

.modul-al-lista {
  margin: 0;
  padding: 0 0 0 var(--t5);
  list-style: none;
}

.modul-menu-oldal {
  display: none;
  margin: 0 0 var(--t3);
}

.modul-menu-oldal > .modul-valaszto {
  display: flex;
  width: 100%;
  border-color: var(--keret);
  background: var(--felulet);
  color: var(--szoveg);
}

.modul-menu-oldal > .modul-valaszto:hover,
.modul-menu-oldal[open] > .modul-valaszto {
  background: var(--felulet-masodlagos);
}

.modul-menu-oldal > .modul-valaszto:focus-visible {
  outline-color: var(--kiemelo);
}

.modul-menu-oldal .modul-nyil {
  margin-left: auto;
}

.modul-menu-oldal .modul-panel {
  position: static;
  width: auto;
  min-width: 0;
  max-width: none;
  margin-top: var(--t2);
  box-shadow: none;
}

@media (max-width: 767px) {
  .modul-menu-fej {
    display: none;
  }

  .modul-menu-oldal {
    display: block;
  }
}

.keret-test {
  display: flex;
  min-height: calc(100vh - var(--felso-magas));
}

.bal-menu {
  position: sticky;
  top: var(--felso-magas);
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  width: var(--menu-szeles);
  height: calc(100vh - var(--felso-magas));
  padding: var(--t4) var(--t3);
  overflow-y: auto;
  background: var(--hatter);
  flex: none;
}

.menu-csoport {
  margin: var(--t4) var(--t2) var(--t2);
  color: var(--szoveg-halvany);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.menu-lista {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu-csoport-nyithato > summary.menu-csoport {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--t2);
  min-height: 32px;
  margin-bottom: var(--t1);
  padding: 0 var(--t2);
  border-radius: var(--lekerekites-kicsi);
  cursor: pointer;
  list-style: none;
}

.menu-csoport-nyithato > summary.menu-csoport::-webkit-details-marker {
  display: none;
}

.menu-csoport-nyithato > summary.menu-csoport::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 0.15s ease;
  flex: none;
}

.menu-csoport-nyithato[open] > summary.menu-csoport::after {
  transform: rotate(45deg);
}

.menu-csoport-nyithato > summary.menu-csoport:hover {
  background: var(--felulet-masodlagos);
  color: var(--szoveg);
}

.menu-oldalsav {
  margin: var(--t3) 0 var(--t2);
}

.menu-pont {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--t3);
  min-height: 40px;
  margin-bottom: 2px;
  padding: var(--t2) var(--t3);
  border-radius: var(--lekerekites-kicsi);
  color: var(--szoveg);
  text-decoration: none;
}

.menu-pont:hover {
  background: var(--felulet-masodlagos);
}

.menu-szoveg {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.menu-sor {
  position: relative;
}

.menu-sor > .menu-pont {
  padding-right: 40px;
}

.menu-uj-lap {
  position: absolute;
  top: 50%;
  right: 6px;
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  margin-top: -15px;
  border-radius: var(--lekerekites-kicsi);
  color: var(--szoveg-halvany);
  opacity: 0.55;
}

.menu-uj-lap .ikon {
  width: 16px;
  height: 16px;
}

.menu-sor:hover .menu-uj-lap,
.menu-uj-lap:focus-visible {
  opacity: 1;
}

.menu-uj-lap:hover {
  background: var(--felulet-masodlagos);
  color: var(--kiemelo-sotet);
}

.menu-pont.aktiv {
  background: var(--felulet);
  box-shadow: var(--arnyek);
  font-weight: 600;
}

.menu-pont.aktiv::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 3px;
  border-radius: 3px;
  background: var(--kiemelo);
}

.menu-fej-sor {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--t2);
  margin: 0 0 var(--t3);
  padding: 0 var(--t1) 0 var(--t2);
}

.menu-osszecsuk {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--keret);
  border-radius: 50%;
  background: var(--felulet);
  color: var(--szoveg-halvany);
  cursor: pointer;
}

.menu-osszecsuk:hover {
  background: var(--felulet-masodlagos);
  color: var(--kiemelo-sotet);
}

.menu-osszecsuk:focus-visible {
  outline: 2px solid var(--kiemelo);
  outline-offset: 2px;
}

.menu-osszecsuk .ikon {
  width: 18px;
  height: 18px;
}

.menu-takaro {
  display: none;
}

.tartalom {
  flex: 1;
  min-width: 0;
  padding: var(--t5) var(--t5) var(--t6);
}

.tartalom:focus {
  outline: none;
}

.tartalom-hasab {
  max-width: var(--hasab);
  margin: 0 auto;
}

.oldal-fej {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--t3);
  margin-bottom: var(--t5);
}

.oldal-cim {
  margin: 0;
  font-size: var(--betu-oldalcim);
  font-weight: 600;
}

.menu-fogantyu {
  display: none;
}

@media (min-width: 768px) {
  .bal-menu {
    width: var(--menu-sajat, var(--menu-szeles));
    transition: width 0.15s ease;
  }

  .menu-fogantyu {
    position: sticky;
    top: var(--felso-magas);
    align-self: flex-start;
    display: block;
    flex: none;
    width: 7px;
    height: calc(100vh - var(--felso-magas));
    margin-left: -3px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    background: var(--keret);
    background-clip: padding-box;
    cursor: col-resize;
    touch-action: none;
  }

  .menu-fogantyu:hover,
  .menu-fogantyu:focus-visible,
  .menu-huzas .menu-fogantyu {
    border-left-width: 2px;
    border-right-width: 2px;
    background: var(--kiemelo);
    background-clip: padding-box;
    outline: none;
  }

  .menu-huzas,
  .menu-huzas * {
    cursor: col-resize;
    user-select: none;
  }

  .menu-huzas .bal-menu {
    transition: none;
  }

  .menu-osszecsukva .menu-fogantyu {
    display: none;
  }

  .menu-osszecsukva .bal-menu {
    width: 52px;
    padding: var(--t4) var(--t2);
    overflow: hidden;
  }

  .menu-osszecsukva .bal-menu > :not(.menu-fej-sor) {
    display: none;
  }

  .menu-osszecsukva .menu-fej-sor {
    justify-content: center;
    padding: 0;
  }

  .menu-osszecsukva .menu-osszecsuk .ikon {
    transform: rotate(180deg);
  }
}

@media (max-width: 767px) {
  .menu-gomb {
    display: inline-grid;
  }

  .rendszer-nev-szoveg {
    font-size: 1rem;
  }

  .bal-menu {
    position: fixed;
    top: var(--felso-magas);
    left: 0;
    bottom: 0;
    z-index: 25;
    height: auto;
    align-self: stretch;
    width: min(300px, 85vw);
    background: var(--felulet);
    box-shadow: var(--arnyek-emelt);
    transform: translateX(-105%);
    transition: transform 0.2s ease;
    visibility: hidden;
  }

  .menu-nyitva .bal-menu {
    transform: none;
    visibility: visible;
  }

  .menu-nyitva .menu-takaro {
    display: block;
    position: fixed;
    inset: var(--felso-magas) 0 0 0;
    z-index: 20;
    background: rgba(0, 0, 0, 0.35);
  }

  .menu-fej-sor {
    display: none;
  }

  .tartalom {
    padding: var(--t4) var(--t4) var(--t6);
  }

  .oldal-fej {
    flex-wrap: wrap;
    margin-bottom: var(--t4);
  }

  .oldal-cim {
    font-size: 1.3125rem;
  }

  .menu-pont {
    min-height: 44px;
  }
}

.kartya {
  margin-bottom: var(--t4);
  background: var(--felulet);
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites);
  box-shadow: var(--arnyek);
}

.kartya-fej {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--t3);
  padding: var(--t4) var(--t5) 0;
}

.kartya-fej .kartya-cim {
  margin: 0;
}

.kartya-cim {
  font-size: var(--betu-cim);
  font-weight: 600;
}

.kartya-muvelet {
  font-size: var(--betu-kicsi);
  font-weight: 600;
  text-decoration: none;
}

.kartya-torzs {
  padding: var(--t4) var(--t5);
}

.kartya-lab {
  display: flex;
  flex-wrap: wrap;
  gap: var(--t4);
  padding: var(--t3) var(--t5);
  border-top: 1px solid var(--keret);
  font-size: var(--betu-kicsi);
}

.kartya-racs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--t4);
}

.kartya-racs > .kartya {
  margin-bottom: 0;
}

.kartya-keskeny {
  max-width: 420px;
  margin: 0 auto var(--t4);
}

.adatsorok {
  margin: var(--t2) 0 0;
  padding: 0;
  list-style: none;
}

.adatsor {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) 2fr;
  gap: var(--t1) var(--t4);
  align-items: baseline;
  padding: var(--t3) var(--t5);
  border-top: 1px solid var(--keret);
}

.adatsor-cimke {
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
}

.adatsor-ertek {
  display: flex;
  flex-wrap: wrap;
  gap: var(--t2);
  min-width: 0;
  overflow-wrap: anywhere;
}

.adatsor-magyarazat {
  grid-column: 2;
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
}

@media (max-width: 767px) {
  .adatsor {
    grid-template-columns: 1fr;
    padding: var(--t3) var(--t4);
  }

  .adatsor-magyarazat {
    grid-column: 1;
  }

  .kartya-fej {
    padding: var(--t4) var(--t4) 0;
  }

  .kartya-torzs {
    padding: var(--t4);
  }
}

.jelveny {
  display: inline-flex;
  align-items: center;
  padding: 1px var(--t2);
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.6;
  white-space: nowrap;
}

.jelveny-ok {
  background: var(--siker-hatter);
  color: var(--siker);
}

.jelveny-hiba,
.jelveny-kritikus {
  background: var(--hiba-hatter);
  color: var(--hiba);
}

.jelveny-figyelem,
.jelveny-surgos {
  background: var(--figyelem-hatter);
  color: var(--figyelem);
}

.jelveny-info {
  background: var(--info-hatter);
  color: var(--info);
}

.jelveny-kihagyva {
  background: var(--kihagyva-hatter);
  color: var(--kihagyva);
}

.uzenet {
  margin-bottom: var(--t4);
  padding: var(--t3) var(--t4);
  border: 1px solid transparent;
  border-radius: var(--lekerekites-kicsi);
}

.uzenet-hiba {
  background: var(--hiba-hatter);
  border-color: var(--hiba);
  color: var(--hiba);
}

.uzenet-siker {
  background: var(--siker-hatter);
  border-color: var(--siker);
  color: var(--siker);
}

.uzenet-figyelem {
  background: var(--figyelem-hatter);
  border-color: var(--figyelem);
  color: var(--figyelem);
}

.uzenet-info {
  background: var(--info-hatter);
  border-color: var(--info);
  color: var(--info);
}

.gomb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--t2);
  min-height: 40px;
  padding: var(--t2) var(--t4);
  border: 1px solid var(--kiemelo-sotet);
  border-radius: var(--lekerekites-kicsi);
  background: var(--kiemelo-sotet);
  color: #ffffff;
  font: inherit;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

.gomb:hover {
  filter: brightness(1.08);
}

:root[data-tema="sotet"] .gomb {
  color: #0b1f20;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="vilagos"]) .gomb {
    color: #0b1f20;
  }
}

.gomb-masodlagos {
  background: var(--felulet);
  border-color: var(--keret);
  color: var(--szoveg);
}

:root[data-tema="sotet"] .gomb-masodlagos {
  color: var(--szoveg);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="vilagos"]) .gomb-masodlagos {
    color: var(--szoveg);
  }
}

.gomb-szoveg {
  min-height: 0;
  padding: var(--t1) var(--t2);
  border-color: transparent;
  background: transparent;
  color: var(--kiemelo-sotet);
  font-weight: 500;
}

:root[data-tema="sotet"] .gomb-szoveg {
  color: var(--kiemelo-sotet);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="vilagos"]) .gomb-szoveg {
    color: var(--kiemelo-sotet);
  }
}

.gomb-teljes {
  width: 100%;
}

@media (pointer: coarse) {
  .gomb {
    min-height: 44px;
  }
}

.urlap {
  margin-bottom: var(--t4);
}

.mezo {
  margin-bottom: var(--t4);
}

.urlap .mezo {
  max-width: var(--mezo-szeles);
}

.mezo-cimke {
  display: block;
  margin-bottom: var(--t1);
  font-weight: 600;
  font-size: var(--betu-kicsi);
}

.mezo-bemenet {
  display: block;
  width: 100%;
  min-height: 44px;
  padding: var(--t2) var(--t3);
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites-kicsi);
  background: var(--felulet);
  color: var(--szoveg);
  font: inherit;
  font-size: 1rem;
}

.mezo-bemenet:focus {
  border-color: var(--kiemelo);
  outline: 2px solid var(--kiemelo);
  outline-offset: 0;
}

.mezo-szoveg {
  min-height: 140px;
  resize: vertical;
}

.mezo-kod {
  font-size: 1.5rem;
  letter-spacing: 0.3em;
  text-align: center;
}

.mezo-sugo {
  margin: var(--t1) 0 0;
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
}

.kozepre {
  text-align: center;
}

.halvany {
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
}

.nyilvanos-tartalom {
  min-height: 100vh;
  padding: var(--t6) var(--t4);
}

.nyilvanos-tartalom:focus {
  outline: none;
}

.nyilvanos-fej {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--t3);
  margin: var(--t5) 0 var(--t5);
}

.nyilvanos-logo {
  display: block;
  border-radius: var(--lekerekites-kicsi);
}

.nyilvanos-lab {
  margin-top: var(--t5);
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
  text-align: center;
}

.hiba-reszlet {
  overflow: auto;
  padding: var(--t3);
  background: var(--felulet-masodlagos);
  border-radius: var(--lekerekites-kicsi);
  font-size: 0.75rem;
  white-space: pre-wrap;
}

.tablazat-doboz {
  overflow-x: auto;
}

.tablazat {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--betu-alap);
}

.tablazat th,
.tablazat td {
  padding: var(--t2) var(--t3);
  border-top: 1px solid var(--keret);
  text-align: left;
  vertical-align: top;
}

.tablazat th {
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
  font-weight: 600;
  white-space: nowrap;
}

.tablazat th a {
  color: inherit;
  text-decoration: none;
}

.tablazat-szam {
  text-align: right;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .tablazat thead {
    display: none;
  }

  .tablazat,
  .tablazat tbody,
  .tablazat tr,
  .tablazat td {
    display: block;
    width: 100%;
  }

  .tablazat tr {
    padding: var(--t2) 0;
    border-top: 1px solid var(--keret);
  }

  .tablazat td {
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: var(--t2);
    padding: var(--t1) var(--t4);
    border: 0;
  }

  .tablazat td::before {
    content: attr(data-cimke);
    color: var(--szoveg-halvany);
    font-size: var(--betu-kicsi);
  }

  .tablazat-szam {
    text-align: left;
  }
}

.szuro {
  margin: 0;
}

.szuro-tobb {
  flex-wrap: wrap;
}

.szuro-tobb .mezo-bemenet {
  flex: 1 1 180px;
}

.kartya-urlap {
  max-width: 720px;
}

select.mezo-teljes {
  width: 100%;
}

.mezo-hiba {
  margin: var(--t1) 0 0;
  color: var(--hiba);
  font-size: var(--betu-kicsi);
  font-weight: 600;
}

.csengo {
  position: relative;
}

.csengo-szam {
  position: absolute;
  top: 2px;
  right: 0;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 9px;
  background: #b42318;
  color: #ffffff;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}

.szuro-sor {
  display: flex;
  gap: var(--t2);
}

.szuro-sor .mezo-bemenet {
  flex: 1;
  min-width: 0;
}

.jelolo-csoport {
  margin: 0 0 var(--t4);
  padding: 0;
  border: 0;
}

.jelolo {
  display: flex;
  align-items: flex-start;
  gap: var(--t3);
  padding: var(--t2) 0;
  cursor: pointer;
}

.jelolo input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  flex: none;
  accent-color: var(--kiemelo-sotet);
}

.naplo-sorok {
  max-height: 70vh;
  margin: 0;
  overflow: auto;
  padding: var(--t3);
  background: var(--felulet-masodlagos);
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites-kicsi);
  font-family: Consolas, "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

select.mezo-bemenet {
  width: auto;
  max-width: 100%;
}

.qr-kep {
  display: flex;
  justify-content: center;
  margin: var(--t3) 0;
  padding: var(--t3);
  background: #ffffff;
  border-radius: var(--lekerekites-kicsi);
}

.qr-kep svg {
  max-width: 100%;
  height: auto;
}

.kod-lista {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--t2);
  margin: var(--t3) 0 var(--t4);
  padding: 0;
  list-style: none;
  font-family: Consolas, "Courier New", monospace;
  font-size: 1.0625rem;
}

.kod-lista li {
  padding: var(--t2);
  background: var(--felulet-masodlagos);
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites-kicsi);
  text-align: center;
}

.talalat {
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
}

.lapozo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--t2);
  padding: var(--t3) var(--t5);
  border-top: 1px solid var(--keret);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition: none !important;
    animation: none !important;
  }
}

.naptar-fej {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--t2);
}

.naptar-cim {
  margin: 0 var(--t3) 0 0;
  font-size: var(--betu-cim);
}

.naptar-racs {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  border-top: 1px solid var(--keret);
  border-left: 1px solid var(--keret);
}

.naptar-hetnap {
  padding: var(--t1) var(--t2);
  border-right: 1px solid var(--keret);
  border-bottom: 1px solid var(--keret);
  background: var(--felulet-masodlagos);
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
  font-weight: 600;
}

.naptar-nap {
  min-height: 120px;
  padding: var(--t1);
  border-right: 1px solid var(--keret);
  border-bottom: 1px solid var(--keret);
  background: var(--felulet);
}

.naptar-honap .naptar-nap {
  min-height: 96px;
}

.naptar-mas-honap {
  background: var(--felulet-masodlagos);
}

.naptar-mas-honap .naptar-napszam {
  color: var(--szoveg-halvany);
}

.naptar-napszam {
  display: inline-block;
  margin-bottom: var(--t1);
  font-size: var(--betu-kicsi);
  font-weight: 600;
  color: var(--szoveg);
  text-decoration: none;
}

.naptar-ma .naptar-napszam {
  padding: 0 6px;
  border-radius: 9px;
  background: var(--kiemelo);
  color: #ffffff;
}

.naptar-tetel {
  display: block;
  margin-bottom: 2px;
  padding: 2px 6px;
  border-left: 3px solid var(--info);
  border-radius: var(--lekerekites-kicsi);
  background: var(--info-hatter);
  color: var(--szoveg);
  font-size: var(--betu-kicsi);
  line-height: 1.35;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.naptar-esemeny {
  border-left-color: var(--kihagyva);
  background: var(--kihagyva-hatter);
}

.naptar-tavollet {
  border-left-color: var(--figyelem);
  background: var(--figyelem-hatter);
}

.naptar-kesz {
  border-left-color: var(--siker);
  background: var(--siker-hatter);
  text-decoration: line-through;
}

.naptar-kesik {
  border-left-color: var(--hiba);
  background: var(--hiba-hatter);
}

.naptar-lista {
  margin: 0;
  padding: 0;
  list-style: none;
}

.naptar-lista-nap {
  padding: var(--t3) 0;
  border-bottom: 1px solid var(--keret);
}

.naptar-lista-nap h3 {
  margin: 0 0 var(--t2);
  font-size: var(--betu-alap);
}

.naptar-athelyez {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--t2);
  margin: var(--t1) 0 var(--t2);
}

.naptar-athelyez .mezo-bemenet {
  width: auto;
  min-height: 44px;
}

.ics-link {
  display: block;
  padding: var(--t3);
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites-kicsi);
  background: var(--felulet-masodlagos);
  font-family: ui-monospace, Consolas, monospace;
  font-size: var(--betu-kicsi);
  overflow-wrap: anywhere;
  user-select: all;
}

.naptar-elrendezes {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--t4);
}

.naptar-fo {
  min-width: 0;
}

@media (min-width: 1200px) {
  .naptar-elrendezes {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .naptar-oldalsav {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
  }

  .naptar-fo {
    grid-column: 2;
    grid-row: 1;
  }
}

.naptar-valaszto {
  display: flex;
  flex-direction: column;
  gap: var(--t2);
}

.naptar-jelolo {
  display: flex;
  align-items: center;
  gap: var(--t2);
  min-height: 32px;
}

.naptar-folt {
  flex: none;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  border: 1px solid var(--keret);
  background: var(--felulet-masodlagos);
}

.naptar-folt[class*="naptar-szin-"] {
  border-color: var(--szin);
  background: var(--szin);
}

.naptar-szin-0 {
  --szin: var(--info);
}

.naptar-szin-1 {
  --szin: #7f56d9;
}

.naptar-szin-2 {
  --szin: #e04f16;
}

.naptar-szin-3 {
  --szin: #039855;
}

.naptar-szin-4 {
  --szin: #dd2590;
}

.naptar-szin-5 {
  --szin: #0e9384;
}

.naptar-szin-6 {
  --szin: #ca8504;
}

.naptar-szin-7 {
  --szin: #4e5ba6;
}

.naptar-tetel[class*="naptar-szin-"] {
  border-left-color: var(--szin);
  background: color-mix(in srgb, var(--szin) 16%, var(--felulet));
}

.naptar-ikon {
  width: 12px;
  height: 12px;
  margin-right: 2px;
  vertical-align: -1px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sr-csak {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.naptar-athuzva {
  text-decoration: line-through;
  opacity: 0.7;
}

.naptar-terv {
  border-left-color: var(--info);
  background: color-mix(in srgb, var(--info) 22%, var(--felulet));
}

span.naptar-tetel {
  cursor: default;
}

.naptar-tetel[draggable="true"] {
  cursor: grab;
}

.naptar-cel {
  outline: 2px dashed var(--kiemelo);
  outline-offset: -2px;
}

.naptar-het {
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites-kicsi);
  overflow: hidden;
}

.naptar-het-sor,
.naptar-het-racs {
  display: grid;
  grid-template-columns: 56px repeat(7, minmax(0, 1fr));
}

.naptar-het-sarok {
  padding: var(--t1);
  border-right: 1px solid var(--keret);
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
}

.naptar-het-napfej {
  display: flex;
  align-items: baseline;
  gap: var(--t1);
  padding: var(--t1) var(--t2);
  border-right: 1px solid var(--keret);
  background: var(--felulet-masodlagos);
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
  font-weight: 600;
}

.naptar-het-napfej .naptar-napszam {
  margin-bottom: 0;
}

.naptar-het-egesz {
  border-top: 1px solid var(--keret);
  border-bottom: 2px solid var(--keret);
}

.naptar-het-egeszcella {
  min-height: 36px;
  padding: 2px;
  border-right: 1px solid var(--keret);
}

.naptar-het-test {
  max-height: 70vh;
  overflow-y: auto;
}

.naptar-orak,
.naptar-idooszlop {
  display: grid;
  grid-template-rows: repeat(48, 22px);
}

.naptar-orak {
  border-right: 1px solid var(--keret);
}

.naptar-ora {
  grid-row-end: span 2;
  padding: 0 var(--t1);
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
  line-height: 1;
  transform: translateY(-1px);
}

.naptar-idooszlop {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 2px;
  padding: 0 2px;
  border-right: 1px solid var(--keret);
  background-image: repeating-linear-gradient(to bottom, var(--keret) 0, var(--keret) 1px, transparent 1px, transparent 44px);
}

.naptar-ma-oszlop {
  background-color: color-mix(in srgb, var(--kiemelo) 6%, transparent);
}

.naptar-blokk {
  margin: 1px 0;
  padding: 1px 4px;
  overflow: hidden;
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
}

.oszlop-1 { grid-column-start: 1; }
.oszlop-2 { grid-column-start: 2; }
.oszlop-3 { grid-column-start: 3; }
.oszlop-4 { grid-column-start: 4; }
.oszlop-5 { grid-column-start: 5; }
.oszlop-6 { grid-column-start: 6; }
.oszlop-7 { grid-column-start: 7; }
.oszlop-8 { grid-column-start: 8; }
.oszlop-9 { grid-column-start: 9; }
.oszlop-10 { grid-column-start: 10; }
.oszlop-11 { grid-column-start: 11; }
.oszlop-12 { grid-column-start: 12; }
.szel-3 { grid-column-end: span 3; }
.szel-4 { grid-column-end: span 4; }
.szel-6 { grid-column-end: span 6; }
.szel-12 { grid-column-end: span 12; }

.sor-1 { grid-row-start: 1; }
.sor-2 { grid-row-start: 2; }
.sor-3 { grid-row-start: 3; }
.sor-4 { grid-row-start: 4; }
.sor-5 { grid-row-start: 5; }
.sor-6 { grid-row-start: 6; }
.sor-7 { grid-row-start: 7; }
.sor-8 { grid-row-start: 8; }
.sor-9 { grid-row-start: 9; }
.sor-10 { grid-row-start: 10; }
.sor-11 { grid-row-start: 11; }
.sor-12 { grid-row-start: 12; }
.sor-13 { grid-row-start: 13; }
.sor-14 { grid-row-start: 14; }
.sor-15 { grid-row-start: 15; }
.sor-16 { grid-row-start: 16; }
.sor-17 { grid-row-start: 17; }
.sor-18 { grid-row-start: 18; }
.sor-19 { grid-row-start: 19; }
.sor-20 { grid-row-start: 20; }
.sor-21 { grid-row-start: 21; }
.sor-22 { grid-row-start: 22; }
.sor-23 { grid-row-start: 23; }
.sor-24 { grid-row-start: 24; }
.sor-25 { grid-row-start: 25; }
.sor-26 { grid-row-start: 26; }
.sor-27 { grid-row-start: 27; }
.sor-28 { grid-row-start: 28; }
.sor-29 { grid-row-start: 29; }
.sor-30 { grid-row-start: 30; }
.sor-31 { grid-row-start: 31; }
.sor-32 { grid-row-start: 32; }
.sor-33 { grid-row-start: 33; }
.sor-34 { grid-row-start: 34; }
.sor-35 { grid-row-start: 35; }
.sor-36 { grid-row-start: 36; }
.sor-37 { grid-row-start: 37; }
.sor-38 { grid-row-start: 38; }
.sor-39 { grid-row-start: 39; }
.sor-40 { grid-row-start: 40; }
.sor-41 { grid-row-start: 41; }
.sor-42 { grid-row-start: 42; }
.sor-43 { grid-row-start: 43; }
.sor-44 { grid-row-start: 44; }
.sor-45 { grid-row-start: 45; }
.sor-46 { grid-row-start: 46; }
.sor-47 { grid-row-start: 47; }
.sor-48 { grid-row-start: 48; }

.hossz-1 { grid-row-end: span 1; }
.hossz-2 { grid-row-end: span 2; }
.hossz-3 { grid-row-end: span 3; }
.hossz-4 { grid-row-end: span 4; }
.hossz-5 { grid-row-end: span 5; }
.hossz-6 { grid-row-end: span 6; }
.hossz-7 { grid-row-end: span 7; }
.hossz-8 { grid-row-end: span 8; }
.hossz-9 { grid-row-end: span 9; }
.hossz-10 { grid-row-end: span 10; }
.hossz-11 { grid-row-end: span 11; }
.hossz-12 { grid-row-end: span 12; }
.hossz-13 { grid-row-end: span 13; }
.hossz-14 { grid-row-end: span 14; }
.hossz-15 { grid-row-end: span 15; }
.hossz-16 { grid-row-end: span 16; }
.hossz-17 { grid-row-end: span 17; }
.hossz-18 { grid-row-end: span 18; }
.hossz-19 { grid-row-end: span 19; }
.hossz-20 { grid-row-end: span 20; }
.hossz-21 { grid-row-end: span 21; }
.hossz-22 { grid-row-end: span 22; }
.hossz-23 { grid-row-end: span 23; }
.hossz-24 { grid-row-end: span 24; }
.hossz-25 { grid-row-end: span 25; }
.hossz-26 { grid-row-end: span 26; }
.hossz-27 { grid-row-end: span 27; }
.hossz-28 { grid-row-end: span 28; }
.hossz-29 { grid-row-end: span 29; }
.hossz-30 { grid-row-end: span 30; }
.hossz-31 { grid-row-end: span 31; }
.hossz-32 { grid-row-end: span 32; }
.hossz-33 { grid-row-end: span 33; }
.hossz-34 { grid-row-end: span 34; }
.hossz-35 { grid-row-end: span 35; }
.hossz-36 { grid-row-end: span 36; }
.hossz-37 { grid-row-end: span 37; }
.hossz-38 { grid-row-end: span 38; }
.hossz-39 { grid-row-end: span 39; }
.hossz-40 { grid-row-end: span 40; }
.hossz-41 { grid-row-end: span 41; }
.hossz-42 { grid-row-end: span 42; }
.hossz-43 { grid-row-end: span 43; }
.hossz-44 { grid-row-end: span 44; }
.hossz-45 { grid-row-end: span 45; }
.hossz-46 { grid-row-end: span 46; }
.hossz-47 { grid-row-end: span 47; }
.hossz-48 { grid-row-end: span 48; }

@media (max-width: 767px) {
  .naptar-racs,
  .naptar-het {
    display: none;
  }
}

.level-szoveg {
  padding: var(--t3) var(--t4);
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites-kicsi);
  background: var(--felulet-masodlagos);
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.level-szoveg mark {
  background: var(--info-hatter);
  color: var(--info);
  border-radius: 3px;
  padding: 0 2px;
}

.valtozas-torolt {
  background: var(--hiba-hatter);
  color: var(--hiba);
  text-decoration: line-through;
}

.valtozas-uj {
  background: var(--siker-hatter);
  color: var(--siker);
  text-decoration: none;
  font-weight: 600;
}

.belepo-oldal {
  --kiemelo: #00a5a8;
  --kiemelo-sotet: #00797c;
  --kiemelo-halvany: #e0f5f5;
  --felulet: #ffffff;
  --felulet-masodlagos: #f9fafb;
  --szoveg: #1f2937;
  --szoveg-halvany: #5b6472;
  --keret: #cfd5dc;
  --fokusz: #1d4ed8;
  --hiba: #b42318;
  --hiba-hatter: #fef3f2;
  --siker: #067647;
  --siker-hatter: #ecfdf3;
  --figyelem: #a14b06;
  --figyelem-hatter: #fffaeb;
  --info: #175cd3;
  --info-hatter: #eff8ff;
  min-height: 100vh;
  background: #01a7a8;
  color: var(--szoveg);
  color-scheme: light;
}

.belepo-fo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--t5);
  min-height: 100vh;
  padding: var(--t5) var(--t4);
}

.belepo-fo:focus {
  outline: none;
}

.belepo-logo {
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
}

.belepo {
  --belepo-magas: 560px;
  --belepo-rugo: cubic-bezier(0.5, 0, 0.25, 1.02);
  --belepo-ido: 1.5s;
  position: relative;
  flex: none;
  width: 880px;
  max-width: 100%;
  height: var(--belepo-magas);
  overflow: hidden;
  border-radius: 30px;
  background: linear-gradient(to right, #01a7a8 40px, #ffffff 40px, #ffffff calc(100% - 40px), #01a7a8 calc(100% - 40px));
  box-shadow: 0 8px 30px rgba(1, 60, 61, 0.1);
}

.belepo-urlap {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 50%;
  height: 100%;
  padding: var(--t5) 40px;
  overflow-y: auto;
  background: var(--felulet);
  transition: transform var(--belepo-ido) var(--belepo-rugo), opacity var(--belepo-ido) ease-in-out;
}

.belepo-urlap .urlap {
  width: 100%;
  margin: auto 0;
}

.belepo-urlap-be {
  z-index: 2;
}

.belepo-urlap-reg {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}

.belepo.aktiv .belepo-urlap-be {
  opacity: 0;
  pointer-events: none;
  transform: translateX(100%);
}

.belepo-urlap-elf {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

.belepo.elfelejtett .belepo-urlap-elf {
  z-index: 4;
  opacity: 1;
  pointer-events: auto;
}

.belepo.elfelejtett .belepo-urlap-be {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

.belepo-urlap-elf .urlap > p {
  margin: 0 0 var(--t4);
  color: var(--szoveg-halvany);
  text-align: center;
}

.belepo-urlap-elf .urlap > p.kozepre {
  margin: var(--t3) 0 0;
}

.belepo.aktiv .belepo-urlap-reg {
  z-index: 5;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(100%);
}

.belepo-urlap .urlap > * {
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.belepo:not(.aktiv) .belepo-urlap-reg .urlap > *,
.belepo.aktiv .belepo-urlap-be .urlap > * {
  opacity: 0;
  transform: translateY(10px);
}

.belepo:not(.aktiv) .belepo-urlap-be .urlap > :nth-child(1),
.belepo.aktiv .belepo-urlap-reg .urlap > :nth-child(1) {
  transition-delay: 600ms;
}

.belepo:not(.aktiv) .belepo-urlap-be .urlap > :nth-child(n+2),
.belepo.aktiv .belepo-urlap-reg .urlap > :nth-child(n+2) {
  transition-delay: 660ms;
}

.belepo:not(.aktiv) .belepo-urlap-be .urlap > :nth-child(n+5),
.belepo.aktiv .belepo-urlap-reg .urlap > :nth-child(n+5) {
  transition-delay: 720ms;
}

.belepo:not(.aktiv) .belepo-urlap-be .urlap > :nth-child(n+6),
.belepo.aktiv .belepo-urlap-reg .urlap > :nth-child(n+6) {
  transition-delay: 780ms;
}

.belepo:not(.aktiv) .belepo-urlap-be .urlap > :nth-child(n+7),
.belepo.aktiv .belepo-urlap-reg .urlap > :nth-child(n+7) {
  transition-delay: 840ms;
}

.belepo:not(.aktiv) .belepo-urlap-be .urlap > :nth-child(n+8),
.belepo.aktiv .belepo-urlap-reg .urlap > :nth-child(n+8) {
  transition-delay: 900ms;
}

.belepo-cim {
  margin: 0 0 var(--t4);
  color: var(--kiemelo-sotet);
  font-size: var(--betu-oldalcim);
  font-weight: 700;
  text-align: center;
}

.belepo-csapda {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  margin: 0;
  overflow: hidden;
}

.belepo-urlap .kozepre {
  margin: var(--t3) 0 0;
}

.belepo-takaro {
  position: absolute;
  top: -1px;
  left: 50%;
  z-index: 100;
  width: 50%;
  height: calc(100% + 2px);
  overflow: hidden;
  border-radius: 150px 0 0 100px;
  background: linear-gradient(to right, #01a7a8, #018f92 50%, #01a7a8) 100% 0 / 200% 100%;
  color: #ffffff;
  transition: transform var(--belepo-ido) var(--belepo-rugo), border-radius var(--belepo-ido) ease-in-out, background-position var(--belepo-ido) ease-in-out;
}

.belepo.aktiv .belepo-takaro {
  border-radius: 0 150px 100px 0;
  background-position: 0 0;
  transform: translateX(-100%);
}

.belepo-szoveg {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--t4);
  padding: var(--t6) 48px;
  text-align: center;
  text-shadow: 0 1px 2px rgba(1, 60, 61, 0.45);
  transition: opacity 0.7s ease, transform var(--belepo-ido) var(--belepo-rugo);
}

.belepo-szoveg p {
  margin: 0;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.5;
}

.belepo-szoveg-be {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-30%);
}

.belepo.aktiv .belepo-szoveg-be {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.belepo.aktiv .belepo-szoveg-reg {
  opacity: 0;
  pointer-events: none;
  transform: translateX(30%);
}

.belepo-szoveg-elf {
  opacity: 0;
  pointer-events: none;
}

.belepo.elfelejtett .belepo-szoveg-elf {
  opacity: 1;
  pointer-events: auto;
}

.belepo.elfelejtett .belepo-szoveg-reg {
  opacity: 0;
  pointer-events: none;
}

.belepo-takaro-cim {
  margin: 0;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 700;
}

.belepo-valto {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 var(--t6);
  border: 2px solid #ffffff;
  border-radius: 999px;
  background: transparent;
  color: #ffffff;
  font: inherit;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.belepo-valto:hover {
  background: #ffffff;
  color: #017a7d;
}

.belepo-valto:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 3px;
}

@media (max-width: 700px) {
  .belepo-fo {
    justify-content: flex-start;
    padding: var(--t4);
  }

  .belepo-logo {
    max-width: 300px;
  }

  .belepo {
    --belepo-magas: 680px;
    --belepo-takaro: 170px;
    border-radius: 24px;
    background: linear-gradient(to bottom, #01a7a8 40px, #ffffff 40px, #ffffff calc(100% - 40px), #01a7a8 calc(100% - 40px));
  }

  .belepo-urlap {
    width: 100%;
    height: calc(100% - var(--belepo-takaro));
    padding: var(--t5) var(--t4);
  }

  .belepo.aktiv .belepo-urlap-be,
  .belepo.aktiv .belepo-urlap-reg {
    transform: translateY(var(--belepo-takaro));
  }

  .belepo-takaro {
    top: calc(100% - var(--belepo-takaro));
    left: -1px;
    width: calc(100% + 2px);
    height: calc(var(--belepo-takaro) + 1px);
    border-radius: 60px 60px 0 0;
    background: linear-gradient(to bottom, #01a7a8, #018f92 50%, #01a7a8) 0 100% / 100% 200%;
  }

  .belepo.aktiv .belepo-takaro {
    border-radius: 0 0 60px 60px;
    background-position: 0 0;
    transform: translateY(calc(var(--belepo-takaro) - var(--belepo-magas)));
  }

  .belepo-szoveg {
    gap: var(--t2);
    padding: var(--t3) var(--t4);
  }

  .belepo-szoveg p {
    font-size: var(--betu-kicsi);
  }

  .belepo-szoveg-be {
    transform: translateY(-30%);
  }

  .belepo.aktiv .belepo-szoveg-reg {
    transform: translateY(30%);
  }

  .belepo-takaro-cim {
    font-size: var(--betu-oldalcim);
  }
}

.marka-kartya {
  width: 860px;
  max-width: 100%;
  padding: var(--t6) 40px;
  border-radius: 24px;
  background: var(--felulet);
  box-shadow: 0 8px 30px rgba(1, 60, 61, 0.1);
}

.marka-szakasz {
  min-width: 0;
  margin: 0 0 var(--t5);
  padding: var(--t4) 0 0;
  border: 0;
  border-top: 1px solid var(--keret);
}

.marka-szakasz-cim {
  padding: 0 var(--t2) 0 0;
  color: var(--kiemelo-sotet);
  font-size: var(--betu-cim);
  font-weight: 700;
}

.marka-racs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0 var(--t4);
}

.marka-szin {
  width: 72px;
  padding: 2px;
}

.marka-elonezet {
  margin-top: var(--t2);
}

.marka-elonezet-keret {
  min-height: 120px;
  padding: var(--t4);
  overflow-x: auto;
  border: 1px dashed var(--keret);
  border-radius: var(--lekerekites-kicsi);
  background: #ffffff;
}

@media (max-width: 700px) {
  .marka-kartya {
    padding: var(--t5) var(--t4);
  }
}

.alairas-szoveg {
  margin: 0 0 var(--t3);
  padding: var(--t3);
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites-kicsi);
  background: var(--felulet-masodlagos);
  font: inherit;
  white-space: pre-wrap;
}

@media (max-width: 479px) {
  .rendszer-nev-szoveg {
    display: none;
  }
}

.kerdes-oldal {
  max-width: 760px;
  margin: 0 auto;
}

.kerdes-focim {
  margin: 0 0 var(--t3);
  font-size: 1.5rem;
  line-height: 1.3;
}

.kerdes-bevezeto {
  margin: 0 0 var(--t2);
  font-size: 1.0625rem;
  line-height: 1.6;
}

.kerdes-meta {
  margin: 0 0 var(--t4);
  color: var(--szoveg-halvany);
}

.kerdes-kartya {
  margin-bottom: var(--t4);
}

.kerdes-kartya .kartya-cim {
  font-size: 1.125rem;
  line-height: 1.4;
}

.kerdes-epul {
  margin: 0 0 var(--t3);
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
}

.kerdes-hatter {
  margin: 0 0 var(--t3);
  padding: var(--t3) var(--t4);
  border-left: 4px solid var(--kiemelo);
  border-radius: var(--lekerekites-kicsi);
  background: var(--felulet-masodlagos);
  line-height: 1.6;
}

.kerdes-hatter p {
  margin: 0;
}

.kerdes-hatter p + p {
  margin-top: var(--t2);
}

.kerdes-hatter-cim {
  margin: 0 0 var(--t1);
  color: var(--kiemelo-sotet);
  font-size: var(--betu-kicsi);
  font-weight: 700;
}

.kerdes-pelda {
  border-left-color: var(--keret);
}

.kerdes-valaszok {
  display: grid;
  gap: var(--t2);
  margin: var(--t4) 0 var(--t3);
  padding: 0;
  border: 0;
}

.kerdes-opcio {
  display: flex;
  align-items: flex-start;
  gap: var(--t3);
  min-height: 44px;
  padding: var(--t3);
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites);
  background: var(--felulet);
  line-height: 1.5;
  cursor: pointer;
}

.kerdes-opcio input {
  flex: none;
  width: 20px;
  height: 20px;
  margin: 2px 0 0;
}

.kerdes-opcio:has(input:checked) {
  border-color: var(--kiemelo);
  background: var(--kiemelo-halvany);
}

.kerdes-opcio:focus-within {
  outline: 2px solid var(--fokusz);
  outline-offset: 2px;
}

.kerdes-oldal [hidden] {
  display: none;
}

.kerdes-gombok {
  display: flex;
  flex-wrap: wrap;
  gap: var(--t3);
  margin: 0 0 var(--t5);
}

.kerdes-lab {
  margin-top: var(--t4);
  font-size: var(--betu-kicsi);
}

@media (max-width: 767px) {
  .kerdes-gombok .gomb {
    width: 100%;
  }
}

.kerdes-atado {
  border-left-color: var(--info);
}

:root {
  --terulet-sajat: #374151;
  --terulet-sajat-hatter: #f3f4f6;
  --terulet-sajat-szoveg: #1f2937;
  --terulet-partnerek: #00797c;
  --terulet-partnerek-hatter: #e3f4f4;
  --terulet-partnerek-szoveg: #005e60;
  --terulet-ertekesites: #c25e00;
  --terulet-ertekesites-hatter: #fdf0e3;
  --terulet-ertekesites-szoveg: #8f4500;
  --terulet-cegvezetes: #7344b8;
  --terulet-cegvezetes-hatter: #f1ebfa;
  --terulet-cegvezetes-szoveg: #57328e;
  --terulet-penzugy: #1a7f4b;
  --terulet-penzugy-hatter: #e8f5ee;
  --terulet-penzugy-szoveg: #135c37;
  --terulet-hr: #b4235a;
  --terulet-hr-hatter: #fbe9f0;
  --terulet-hr-szoveg: #8a1a45;
  --terulet-eszkoz: #8a5a2b;
  --terulet-eszkoz-hatter: #f6eee5;
  --terulet-eszkoz-szoveg: #6b4520;
  --terulet-rendszer: #475569;
  --terulet-rendszer-hatter: #eef1f5;
  --terulet-rendszer-szoveg: #334155;
  --terulet-cfsa: #1d5fbf;
  --terulet-cfsa-hatter: #e9f0fb;
  --terulet-cfsa-szoveg: #174a96;
  --terulet-folyamatos-marketing: #4a4fc4;
  --terulet-folyamatos-marketing-hatter: #ecedfb;
  --terulet-folyamatos-marketing-szoveg: #383c99;
  --terulet-toborzas: #8a6d00;
  --terulet-toborzas-hatter: #fbf5dc;
  --terulet-toborzas-szoveg: #6b5400;
  --terulet-kozos-alap: #5b6472;
  --terulet-kozos-alap-hatter: #f0f2f4;
  --terulet-kozos-alap-szoveg: #3d4450;
}

:root[data-tema="sotet"] {
  --terulet-sajat: #9ca3af;
  --terulet-sajat-hatter: #1f2329;
  --terulet-sajat-szoveg: #d1d5db;
  --terulet-partnerek: #4fc9cb;
  --terulet-partnerek-hatter: #0f2a2b;
  --terulet-partnerek-szoveg: #9ae3e4;
  --terulet-ertekesites: #f0a050;
  --terulet-ertekesites-hatter: #2d1d0e;
  --terulet-ertekesites-szoveg: #f7c58f;
  --terulet-cegvezetes: #b08ae6;
  --terulet-cegvezetes-hatter: #231a33;
  --terulet-cegvezetes-szoveg: #d3bdf3;
  --terulet-penzugy: #4cc38a;
  --terulet-penzugy-hatter: #12291d;
  --terulet-penzugy-szoveg: #8fe0b5;
  --terulet-hr: #ef7aa6;
  --terulet-hr-hatter: #2d1520;
  --terulet-hr-szoveg: #f6b3cc;
  --terulet-eszkoz: #d6a573;
  --terulet-eszkoz-hatter: #2a2016;
  --terulet-eszkoz-szoveg: #ebcaa6;
  --terulet-rendszer: #94a3b8;
  --terulet-rendszer-hatter: #1c2129;
  --terulet-rendszer-szoveg: #cbd5e1;
  --terulet-cfsa: #6aa3f5;
  --terulet-cfsa-hatter: #122236;
  --terulet-cfsa-szoveg: #a9c9fa;
  --terulet-folyamatos-marketing: #8f93ef;
  --terulet-folyamatos-marketing-hatter: #1b1c38;
  --terulet-folyamatos-marketing-szoveg: #c2c4f7;
  --terulet-toborzas: #e0c040;
  --terulet-toborzas-hatter: #2a2510;
  --terulet-toborzas-szoveg: #f0dc8a;
  --terulet-kozos-alap: #a3abb8;
  --terulet-kozos-alap-hatter: #1f2329;
  --terulet-kozos-alap-szoveg: #cdd2da;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="vilagos"]) {
    --terulet-sajat: #9ca3af;
    --terulet-sajat-hatter: #1f2329;
    --terulet-sajat-szoveg: #d1d5db;
    --terulet-partnerek: #4fc9cb;
    --terulet-partnerek-hatter: #0f2a2b;
    --terulet-partnerek-szoveg: #9ae3e4;
    --terulet-ertekesites: #f0a050;
    --terulet-ertekesites-hatter: #2d1d0e;
    --terulet-ertekesites-szoveg: #f7c58f;
    --terulet-cegvezetes: #b08ae6;
    --terulet-cegvezetes-hatter: #231a33;
    --terulet-cegvezetes-szoveg: #d3bdf3;
    --terulet-penzugy: #4cc38a;
    --terulet-penzugy-hatter: #12291d;
    --terulet-penzugy-szoveg: #8fe0b5;
    --terulet-hr: #ef7aa6;
    --terulet-hr-hatter: #2d1520;
    --terulet-hr-szoveg: #f6b3cc;
    --terulet-eszkoz: #d6a573;
    --terulet-eszkoz-hatter: #2a2016;
    --terulet-eszkoz-szoveg: #ebcaa6;
    --terulet-rendszer: #94a3b8;
    --terulet-rendszer-hatter: #1c2129;
    --terulet-rendszer-szoveg: #cbd5e1;
    --terulet-cfsa: #6aa3f5;
    --terulet-cfsa-hatter: #122236;
    --terulet-cfsa-szoveg: #a9c9fa;
    --terulet-folyamatos-marketing: #8f93ef;
    --terulet-folyamatos-marketing-hatter: #1b1c38;
    --terulet-folyamatos-marketing-szoveg: #c2c4f7;
    --terulet-toborzas: #e0c040;
    --terulet-toborzas-hatter: #2a2510;
    --terulet-toborzas-szoveg: #f0dc8a;
    --terulet-kozos-alap: #a3abb8;
    --terulet-kozos-alap-hatter: #1f2329;
    --terulet-kozos-alap-szoveg: #cdd2da;
  }
}

.terulet-sajat {
  --t-szin: var(--terulet-sajat);
  --t-hatter: var(--terulet-sajat-hatter);
  --t-szoveg: var(--terulet-sajat-szoveg);
}

.terulet-partnerek {
  --t-szin: var(--terulet-partnerek);
  --t-hatter: var(--terulet-partnerek-hatter);
  --t-szoveg: var(--terulet-partnerek-szoveg);
}

.terulet-ertekesites {
  --t-szin: var(--terulet-ertekesites);
  --t-hatter: var(--terulet-ertekesites-hatter);
  --t-szoveg: var(--terulet-ertekesites-szoveg);
}

.terulet-cegvezetes {
  --t-szin: var(--terulet-cegvezetes);
  --t-hatter: var(--terulet-cegvezetes-hatter);
  --t-szoveg: var(--terulet-cegvezetes-szoveg);
}

.terulet-penzugy {
  --t-szin: var(--terulet-penzugy);
  --t-hatter: var(--terulet-penzugy-hatter);
  --t-szoveg: var(--terulet-penzugy-szoveg);
}

.terulet-hr {
  --t-szin: var(--terulet-hr);
  --t-hatter: var(--terulet-hr-hatter);
  --t-szoveg: var(--terulet-hr-szoveg);
}

.terulet-eszkoz {
  --t-szin: var(--terulet-eszkoz);
  --t-hatter: var(--terulet-eszkoz-hatter);
  --t-szoveg: var(--terulet-eszkoz-szoveg);
}

.terulet-rendszer {
  --t-szin: var(--terulet-rendszer);
  --t-hatter: var(--terulet-rendszer-hatter);
  --t-szoveg: var(--terulet-rendszer-szoveg);
}

.terulet-cfsa {
  --t-szin: var(--terulet-cfsa);
  --t-hatter: var(--terulet-cfsa-hatter);
  --t-szoveg: var(--terulet-cfsa-szoveg);
}

.terulet-folyamatos-marketing {
  --t-szin: var(--terulet-folyamatos-marketing);
  --t-hatter: var(--terulet-folyamatos-marketing-hatter);
  --t-szoveg: var(--terulet-folyamatos-marketing-szoveg);
}

.terulet-toborzas {
  --t-szin: var(--terulet-toborzas);
  --t-hatter: var(--terulet-toborzas-hatter);
  --t-szoveg: var(--terulet-toborzas-szoveg);
}

.terulet-kozos-alap {
  --t-szin: var(--terulet-kozos-alap);
  --t-hatter: var(--terulet-kozos-alap-hatter);
  --t-szoveg: var(--terulet-kozos-alap-szoveg);
}

.kerdes-terulet.kerdes-kartya {
  border-left: 6px solid var(--t-szin);
  background: var(--t-hatter);
}

.kerdes-terulet .kerdes-hatter {
  background: var(--felulet);
}

.terulet-cimke {
  display: inline-block;
  padding: 2px var(--t2);
  border: 1px solid var(--t-szin);
  border-radius: var(--lekerekites-kicsi);
  background: var(--felulet);
  color: var(--t-szoveg);
  font-size: var(--betu-kicsi);
  font-weight: 700;
}

.kerdes-fej {
  flex-wrap: wrap;
  gap: var(--t2);
}

.kerdes-sor-cim {
  font-size: var(--betu-kicsi);
}

.kerdes-cim {
  margin: 0 0 var(--t3);
  font-size: 1.125rem;
  line-height: 1.4;
}

.kerdes-muveletek {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--t3);
  margin-top: var(--t3);
}

.kerdes-atad {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--t2);
}

.kerdes-atad .mezo-cimke {
  margin: 0;
}

.js-van .kerdes-atad-gomb {
  display: none;
}

.kerdes-atadottak summary {
  cursor: pointer;
  font-weight: 600;
}

.kerdes-atadottak .adatsor.kerdes-terulet {
  border-left: 4px solid var(--t-szin);
}

.kerdes-allapot:empty {
  display: none;
}

.cfsa-szuro {
  margin: var(--t2) 0 var(--t3);
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites-kicsi);
  background: var(--felulet);
}

.cfsa-szuro-fej {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--t1) var(--t2);
  padding: var(--t2) var(--t3);
  cursor: pointer;
  font-size: 0.875rem;
  list-style: none;
}

.cfsa-szuro-fej::-webkit-details-marker {
  display: none;
}

.cfsa-szuro-cim {
  font-weight: 600;
}

.cfsa-szuro-allapot {
  width: 100%;
  color: var(--szoveg-halvany);
  font-size: 0.8125rem;
}

.cfsa-szuro-aktiv {
  color: var(--terulet-cfsa-szoveg);
  font-weight: 600;
}

.cfsa-szuro[data-szurve] {
  border-color: var(--terulet-cfsa-szoveg);
  background: var(--terulet-cfsa-hatter);
}

.cfsa-szuro-urlap {
  padding: 0 var(--t3) var(--t3);
}

.cfsa-szuro-lista {
  max-height: 260px;
  margin: 0 0 var(--t2);
  padding: 0;
  overflow-y: auto;
  list-style: none;
}

.cfsa-szuro-lista .jelolo {
  gap: var(--t2);
  padding: var(--t1) 0;
  font-size: 0.875rem;
}

.cfsa-szuro-nev {
  flex: 1;
  overflow-wrap: anywhere;
}

.cfsa-szuro-kp-allapot {
  color: var(--szoveg-halvany);
  font-size: 0.75rem;
  white-space: nowrap;
}

.cfsa-szuro-gombok {
  display: flex;
  flex-wrap: wrap;
  gap: var(--t2);
}

.cfsa-szuro-jelzes {
  margin: 0 0 var(--t3);
  padding: var(--t2) var(--t3);
  border-left: 4px solid var(--terulet-cfsa-szoveg);
  background: var(--terulet-cfsa-hatter);
  color: var(--terulet-cfsa-szoveg);
}

.lista-eszkoztar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--t2);
}

.ln-urlap {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--t2);
  min-width: 0;
}

.ln-kereso {
  display: flex;
  flex: 1 1 240px;
  gap: var(--t2);
  min-width: 200px;
}

.ln-kereso > .mezo-bemenet {
  flex: 1;
  min-width: 0;
}

.ln-lenyilo {
  position: relative;
}

.ln-lenyilo > summary {
  display: inline-flex;
  align-items: center;
  gap: var(--t2);
  list-style: none;
  white-space: nowrap;
}

.ln-lenyilo > summary::-webkit-details-marker {
  display: none;
}

.ln-lenyilo[open] > summary {
  border-color: var(--kiemelo);
}

.ln-panel {
  position: absolute;
  top: calc(100% + var(--t1));
  left: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  gap: var(--t2);
  width: max-content;
  min-width: 240px;
  max-width: min(420px, calc(100vw - 2 * var(--t4)));
  max-height: 70vh;
  padding: var(--t3);
  overflow-y: auto;
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites);
  background: var(--felulet);
  box-shadow: var(--arnyek-emelt);
}

.ln-szeles {
  max-width: min(720px, calc(100vw - 2 * var(--t4)));
}

.ln-nezetek {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ln-nezetek li {
  padding: var(--t1) 0;
}

.ln-nezet-pont {
  color: var(--szoveg);
}

.ln-nezet-pont.aktiv {
  font-weight: 600;
  color: var(--kiemelo-sotet);
}

.ln-mentes {
  display: flex;
  flex-direction: column;
  gap: var(--t2);
  padding-top: var(--t2);
  border-top: 1px solid var(--keret);
}

.ln-gombok {
  display: flex;
  flex-wrap: wrap;
  gap: var(--t2);
}

.ln-valasztek {
  display: flex;
  flex-direction: column;
  gap: var(--t1);
  max-height: 260px;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  border: 0;
}

.ln-kapcsolo {
  display: flex;
  flex-wrap: wrap;
  gap: var(--t1) var(--t4);
  margin: 0;
  padding: 0;
  border: 0;
}

.ln-pipa {
  display: inline-flex;
  align-items: center;
  gap: var(--t2);
  cursor: pointer;
}

.ln-sor {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--t2);
  padding: var(--t2) 0;
  border-bottom: 1px solid var(--keret);
}

.ln-sor .mezo-bemenet {
  width: auto;
  min-width: 120px;
}

.ln-sor .ln-valasztek {
  flex: 1 1 200px;
  max-height: 160px;
}

.ln-ahol {
  min-width: 56px;
  padding-top: var(--t2);
  color: var(--szoveg-halvany);
}

.ln-es {
  padding-top: var(--t2);
  color: var(--szoveg-halvany);
}

.ln-meret {
  display: inline-flex;
  align-items: center;
  gap: var(--t2);
}

.ln-meret .mezo-bemenet {
  width: auto;
}

.ln-szamlalo {
  color: var(--szoveg-halvany);
  font-size: var(--betu-kicsi);
}

@media (max-width: 767px) {
  .ln-urlap,
  .ln-kereso {
    flex-basis: 100%;
  }

  .ln-lenyilo {
    position: static;
  }

  .ln-panel,
  .ln-szeles {
    left: var(--t4);
    right: var(--t4);
    width: auto;
    max-width: none;
  }
}

.ln-nezet > summary {
  max-width: 280px;
}

.ln-nezet > summary > span:not(.jelveny) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ln-ertek {
  flex: 1 1 160px;
}

.ln-panel.ln-jobbra {
  right: 0;
  left: auto;
}

@media (max-width: 767px) {
  .ln-panel.ln-jobbra {
    left: var(--t4);
    right: var(--t4);
  }
}

@media (max-width: 767px) {
  .felso-sav {
    gap: var(--t2);
    padding: 0 var(--t3);
  }

  .felso-sav .ikon-gomb {
    width: 36px;
    height: 36px;
    flex: none;
  }

  .felso-jobb {
    flex: none;
    gap: var(--t1);
  }

  .rendszer-nev {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
  }

  .rendszer-logo {
    flex: 0 1 auto;
    width: auto;
    min-width: 0;
    max-width: 144px;
    height: auto;
  }

  .rendszer-nev-szoveg {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  .rendszer-nev-szoveg {
    display: none;
  }

  .rendszer-nev {
    flex: none;
  }

  .felso-jobb {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
  }

  .felso-jobb > .ikon-gomb,
  .felso-jobb > .fiok-menu {
    flex: none;
  }

  .fejlec-kereso {
    flex: 0 1 320px;
    width: auto;
    min-width: 120px;
  }

  .modul-menu-fej {
    min-width: 0;
  }
}

.ln-csoport-sor > th {
  padding: 0;
  background: var(--felulet-masodlagos);
  text-align: left;
}

.ln-csoport-gomb {
  display: flex;
  align-items: center;
  gap: var(--t2);
  width: 100%;
  padding: var(--t2) var(--t3);
  border: 0;
  background: transparent;
  color: var(--szoveg);
  font: inherit;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}

.ln-csoport-gomb::before {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.15s ease;
  flex: none;
}

.ln-csoport-gomb[aria-expanded="false"]::before {
  transform: rotate(-45deg);
}

.ln-csoport-gomb:hover {
  background: var(--kiemelo-halvany);
}

.ln-csoport-nev {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

tr[data-ln-cs][hidden] {
  display: none;
}

.lf-szin-piros,
tr.lf-szin-piros > td {
  background-color: rgba(220, 38, 38, 0.16);
}

.lf-szin-narancs,
tr.lf-szin-narancs > td {
  background-color: rgba(234, 88, 12, 0.18);
}

.lf-szin-sarga,
tr.lf-szin-sarga > td {
  background-color: rgba(234, 179, 8, 0.22);
}

.lf-szin-zold,
tr.lf-szin-zold > td {
  background-color: rgba(22, 163, 74, 0.18);
}

.lf-szin-turkiz,
tr.lf-szin-turkiz > td {
  background-color: rgba(0, 165, 168, 0.18);
}

.lf-szin-kek,
tr.lf-szin-kek > td {
  background-color: rgba(37, 99, 235, 0.16);
}

.lf-szin-lila,
tr.lf-szin-lila > td {
  background-color: rgba(147, 51, 234, 0.16);
}

.lf-szin-szurke,
tr.lf-szin-szurke > td {
  background-color: rgba(100, 116, 139, 0.2);
}

.lf-minta {
  min-width: 100px;
}

.cfsa-fulsor {
  margin: 0 0 var(--t4);
}

.cfsa-fulsor-cim {
  display: block;
  margin: 0 0 var(--t2);
  font-weight: 600;
}

.cfsa-fulek {
  display: flex;
  flex-wrap: wrap;
  gap: var(--t1);
  margin: 0;
  padding: 0 0 var(--t1);
  border-bottom: 1px solid var(--keret);
  list-style: none;
}

.cfsa-ful {
  display: inline-block;
  padding: var(--t2) var(--t3);
  border-radius: var(--lekerekites-kicsi) var(--lekerekites-kicsi) 0 0;
  color: var(--szoveg-halvany);
  text-decoration: none;
}

.cfsa-ful:hover {
  color: var(--szoveg);
  background: var(--felulet-masodlagos);
}

.cfsa-ful.aktiv {
  color: var(--terulet-cfsa-szoveg);
  background: var(--terulet-cfsa-hatter);
  font-weight: 600;
}

.cfsa-allapot-urlap {
  margin: 0 0 var(--t4);
  padding: 0 0 var(--t4);
  border-bottom: 1px solid var(--keret);
}

.cfsa-allapot-urlap:last-child {
  border-bottom: 0;
}

.cfsa-al-sor > td {
  padding-top: 0;
  padding-left: var(--t5);
}

.cfsa-al > summary {
  cursor: pointer;
  padding: var(--t1) 0;
  font-size: 0.9em;
}

.cfsa-al-tabla {
  margin: 0 0 var(--t2);
}

.cfsa-al-muvelet {
  margin: 0 0 var(--t2);
  font-size: 0.9em;
}

.cfsa-cella {
  cursor: text;
}

.cfsa-cella:hover,
.cfsa-cella:focus-visible {
  outline: 1px dashed currentColor;
  outline-offset: -2px;
}

.cfsa-cella-bemenet {
  width: 100%;
  min-width: 9rem;
}

.cfsa-cella-nyitott {
  padding: var(--t1);
}

.ertekesites-kanban {
  display: flex;
  gap: var(--t3);
  align-items: flex-start;
  overflow-x: auto;
  padding-bottom: var(--t3);
}

.ertekesites-oszlop {
  flex: 1 0 240px;
  max-width: 320px;
  min-height: 120px;
  padding: var(--t2);
  background: var(--felulet-masodlagos);
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites);
}

.ertekesites-oszlop-zart {
  flex: 0 0 200px;
}

.ertekesites-oszlop-cel {
  outline: 2px dashed var(--kiemelo);
  outline-offset: -2px;
}

.ertekesites-oszlop-fej {
  padding: var(--t1) var(--t1) var(--t2);
  font-size: var(--betu-kicsi);
}

.ertekesites-oszlop-cim {
  margin: 0;
  font-size: var(--betu-alap);
}

.ertekesites-kartya {
  display: grid;
  gap: var(--t1);
  margin-bottom: var(--t2);
  padding: var(--t2) var(--t3);
  background: var(--felulet);
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites-kicsi);
  box-shadow: var(--arnyek);
  font-size: var(--betu-kicsi);
}

.ertekesites-kartya[draggable="true"] {
  cursor: grab;
}

.ertekesites-kartya-cim {
  font-size: var(--betu-alap);
  font-weight: 600;
  overflow-wrap: anywhere;
}

.ertekesites-kartya-lab {
  display: flex;
  justify-content: space-between;
  gap: var(--t2);
}

.ertekesites-kartya-mozgat form {
  display: grid;
  gap: var(--t1);
  margin-top: var(--t1);
}

.ertekesites-sav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--t1);
}

.ertekesites-szeles {
  max-width: none;
}

.ertekesites-tetelsor {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: var(--t2);
  margin: 0 0 var(--t2);
  padding: var(--t2);
  border: 1px solid var(--keret);
  border-radius: var(--lekerekites-kicsi);
}

@media (max-width: 767px) {
  .ertekesites-kanban {
    flex-direction: column;
    overflow-x: visible;
  }

  .ertekesites-oszlop,
  .ertekesites-oszlop-zart {
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
    min-height: 0;
  }
}