/* Közös építőkockák: mindkét nézet (iroda, szerelő) ugyanazokat a class-okat használja,
   csak a tokenek (--erintes-min, betűméret stb.) térnek el nézetenként. */

.gomb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--terkoz-2);
  min-height: var(--erintes-min);
  padding: 0 var(--terkoz-4);
  border-radius: var(--sarok-kozepes);
  border: 1px solid transparent;
  font-size: var(--betumeret-alap);
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  background: var(--szin-felulet);
  color: var(--szin-szoveg);
  border-color: var(--szin-szegely);
  transition: filter 0.15s ease;
}
.gomb:hover { filter: brightness(0.97); }
.gomb:active { filter: brightness(0.93); }
.gomb:disabled { opacity: 0.5; cursor: not-allowed; }

.gomb--elsodleges { background: var(--szin-elsodleges); border-color: var(--szin-elsodleges); color: #fff; }
.gomb--siker      { background: var(--szin-siker); border-color: var(--szin-siker); color: #fff; }
.gomb--veszely    { background: var(--szin-veszely); border-color: var(--szin-veszely); color: #fff; }
.gomb--szoveges   { background: transparent; border-color: transparent; }
.gomb--tomb       { display: flex; width: 100%; }

.kartya {
  background: var(--szin-felulet);
  border: 1px solid var(--szin-szegely);
  border-radius: var(--sarok-nagy);
  box-shadow: var(--arnyek-kartya);
  padding: var(--terkoz-4);
}

.mezo { margin-bottom: var(--terkoz-4); }
.mezo label {
  display: block;
  margin-bottom: var(--terkoz-1);
  font-weight: 600;
  font-size: var(--betumeret-sm);
  color: var(--szin-szoveg-halvany);
}
.mezo input,
.mezo select,
.mezo textarea {
  width: 100%;
  min-height: var(--erintes-min);
  padding: 0 var(--terkoz-3);
  border: 1px solid var(--szin-szegely);
  border-radius: var(--sarok-kicsi);
  background: var(--szin-felulet);
  color: var(--szin-szoveg);
  font-size: var(--betumeret-alap);
  font-family: inherit;
}
.mezo textarea { padding: var(--terkoz-3); min-height: calc(var(--erintes-min) * 2); resize: vertical; }
.mezo input:focus, .mezo select:focus, .mezo textarea:focus {
  outline: 2px solid var(--szin-elsodleges);
  outline-offset: 1px;
}

.allapot-jelzo {
  display: inline-flex;
  align-items: center;
  padding: 2px var(--terkoz-3);
  border-radius: 999px;
  font-size: var(--betumeret-sm);
  font-weight: 600;
  white-space: nowrap;
}
.allapot-jelzo[data-allapot="uj"]                    { background: var(--szin-info-vilagos); color: var(--szin-info); }
.allapot-jelzo[data-allapot="szerelohoz_rendelve"]   { background: var(--szin-figyelmeztetes-vilagos); color: var(--szin-figyelmeztetes); }
.allapot-jelzo[data-allapot="folyamatban"]           { background: var(--szin-figyelmeztetes-vilagos); color: var(--szin-figyelmeztetes); }
.allapot-jelzo[data-allapot="befejezve"]             { background: var(--szin-elsodleges-vilagos); color: var(--szin-elsodleges); }
.allapot-jelzo[data-allapot="idopont_egyeztetve"]    { background: var(--szin-lila-vilagos); color: var(--szin-lila); }
.allapot-jelzo[data-allapot="munkalapra_kiirva"]     { background: var(--szin-elsodleges-vilagos); color: var(--szin-elsodleges); }
.allapot-jelzo[data-allapot="lezart"]                { background: var(--szin-elsodleges-vilagos); color: var(--szin-elsodleges); }
.allapot-jelzo[data-allapot="atadva"]                { background: #eee; color: var(--szin-szoveg-halvany); }
.allapot-jelzo[data-allapot="megszakitva"]           { background: var(--szin-veszely-vilagos); color: var(--szin-veszely); }
.allapot-jelzo[data-allapot="tervezett"]             { background: #eee; color: var(--szin-szoveg-halvany); }
.allapot-jelzo[data-allapot="elvegzett"]             { background: var(--szin-elsodleges-vilagos); color: var(--szin-elsodleges); }
.allapot-jelzo[data-allapot="nem_vegzett"]           { background: var(--szin-veszely-vilagos); color: var(--szin-veszely); }
.allapot-jelzo[data-allapot="rendben"]               { background: var(--szin-elsodleges-vilagos); color: var(--szin-elsodleges); }
.allapot-jelzo[data-allapot="hiba"]                  { background: var(--szin-veszely-vilagos); color: var(--szin-veszely); }
.allapot-jelzo[data-allapot="nincs_ellenorizve"]     { background: #eee; color: var(--szin-szoveg-halvany); }
.allapot-jelzo[data-allapot="fizetve"]               { background: var(--szin-elsodleges-vilagos); color: var(--szin-elsodleges); }
.allapot-jelzo[data-allapot="nem_fizetve"]           { background: var(--szin-veszely-vilagos); color: var(--szin-veszely); }

.flash-lista { display: flex; flex-direction: column; gap: var(--terkoz-2); margin-bottom: var(--terkoz-4); }
.flash-uzenet {
  padding: var(--terkoz-3) var(--terkoz-4);
  border-radius: var(--sarok-kozepes);
  font-size: var(--betumeret-sm);
}
.flash-uzenet--siker  { background: var(--szin-elsodleges-vilagos); color: var(--szin-elsodleges-sotet); }
.flash-uzenet--hiba   { background: var(--szin-veszely-vilagos); color: var(--szin-veszely); }
.flash-uzenet--info   { background: var(--szin-info-vilagos); color: var(--szin-info); }

.szoveg-halvany { color: var(--szin-szoveg-halvany); }
.szoveg-kicsi { font-size: var(--betumeret-sm); }

.racs-oszlopok { display: grid; gap: var(--terkoz-4); }

table.adattablazat { width: 100%; border-collapse: collapse; background: var(--szin-felulet); }
table.adattablazat th, table.adattablazat td {
  text-align: left;
  padding: var(--terkoz-3);
  border-bottom: 1px solid var(--szin-szegely);
  font-size: var(--betumeret-sm);
}
table.adattablazat th { color: var(--szin-szoveg-halvany); font-weight: 600; }