/* [project]/app/globals.css [app-client] (css) */
:root {
  --szin-fo: #1f4e79;
  --szin-fo-sotet: #163a5a;
  --szin-szoveg: #1b1b1b;
  --szin-halvany: #6b7280;
  --szin-hatter: #f4f6f8;
  --szin-lap: #fff;
  --szin-szegely: #d8dde3;
  --szin-hiba: #b42318;
  --szin-siker: #1a7f37;
  --radius: 10px;
  --arnyek: 0 1px 3px #00000014, 0 1px 2px #0000000a;
}

* {
  box-sizing: border-box;
}

body {
  color: var(--szin-szoveg);
  background: var(--szin-hatter);
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, sans-serif;
  line-height: 1.5;
}

a {
  color: var(--szin-fo);
}

.fejlec {
  background: var(--szin-lap);
  border-bottom: 1px solid var(--szin-szegely);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .75rem 1.5rem;
  display: flex;
}

.fejlec-nav {
  align-items: center;
  gap: 1.25rem;
  display: flex;
}

.fejlec-nav a {
  color: var(--szin-szoveg);
  font-weight: 500;
  text-decoration: none;
}

.fejlec-nav a:hover {
  color: var(--szin-fo);
}

.fejlec-jobb {
  align-items: center;
  gap: 1rem;
  display: flex;
}

.fejlec-nev {
  color: var(--szin-halvany);
  font-size: .9rem;
}

.tartalom {
  max-width: 960px;
  margin: 0 auto;
  padding: 2rem 1.5rem;
}

.kartya {
  background: var(--szin-lap);
  border: 1px solid var(--szin-szegely);
  border-radius: var(--radius);
  box-shadow: var(--arnyek);
  padding: 1.5rem;
}

.kozep {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 1.5rem;
  display: flex;
}

.kozep .kartya {
  width: 100%;
  max-width: 380px;
}

h1 {
  margin: 0 0 1rem;
  font-size: 1.6rem;
}

h2 {
  margin: 0 0 1rem;
  font-size: 1.2rem;
}

.mezo {
  margin-bottom: 1rem;
}

.cimke {
  margin-bottom: .35rem;
  font-size: .9rem;
  font-weight: 500;
  display: block;
}

.bevitel {
  border: 1px solid var(--szin-szegely);
  background: #fff;
  border-radius: 8px;
  width: 100%;
  padding: .6rem .7rem;
  font-size: 1rem;
}

.bevitel:focus {
  outline: 2px solid var(--szin-fo);
  outline-offset: 0;
  border-color: var(--szin-fo);
}

.gomb {
  color: #fff;
  background: var(--szin-fo);
  cursor: pointer;
  border: none;
  border-radius: 8px;
  padding: .6rem 1.1rem;
  font-size: 1rem;
  font-weight: 600;
  display: inline-block;
}

.gomb:hover {
  background: var(--szin-fo-sotet);
}

.gomb:disabled {
  opacity: .6;
  cursor: default;
}

.gomb-masodlagos {
  color: var(--szin-fo);
  border: 1px solid var(--szin-szegely);
  background: none;
}

.gomb-masodlagos:hover {
  background: var(--szin-hatter);
}

.gomb-teljes {
  width: 100%;
}

.hiba {
  color: var(--szin-hiba);
  margin: 0 0 1rem;
  font-size: .92rem;
}

.siker {
  color: var(--szin-siker);
  margin: 0 0 1rem;
  font-size: .92rem;
}

.halvany {
  color: var(--szin-halvany);
}

.tabla {
  border-collapse: collapse;
  width: 100%;
}

.tabla th, .tabla td {
  text-align: left;
  border-bottom: 1px solid var(--szin-szegely);
  padding: .6rem .5rem;
}

.tabla th {
  color: var(--szin-halvany);
  font-size: .85rem;
  font-weight: 600;
}

/*# sourceMappingURL=app_globals_0yg4wg8.css.map*/