/* ⭐ NAGYKER · SPEIDEL (2026-10-20) — a látványterv (lapok/huni-nagyker-terv/kor2/kor2.css) kiegészítései, a meglévő
   gep*.css elemeire építve. Csak a `body.nk-be` alatt számít (a szerver `HUNI_NAGYKER=1`-nél kapcsolja be). */
/* 2. kör: a feltöltő SAJÁT stíluslapjai (css/, másolat 2026-10-20) + csak ennyi kiegészítés.
   Új dizájnelem nincs; ami itt áll, az oszloprács és két apróság (lásd lent). */

/* ⛔ Görgetősáv soha (Roland, 10-02). A mostani admin .torzs-a 9 px-es, látható sávot rajzol — itt rejtve. */
body.nk-be .lap[class*='t-nk-'] .torzs{scrollbar-width:none}
body.nk-be .lap[class*='t-nk-'] .torzs::-webkit-scrollbar{display:none;width:0;height:0}

/* oszloprácsok: ugyanaz a .tsor, csak más oszlopok (a --tosz a mostani rács változója) */
.lap.t-nk-rendel{--tosz:38px minmax(190px,1fr) 118px 104px 214px 96px 96px 30px}
.lap.t-nk-foto{--tosz:38px minmax(190px,1fr) 118px 70px 236px 118px 96px 30px}
.lap.t-nk-folyam{--tosz:38px minmax(190px,1fr) 108px 96px 226px 100px 104px 96px}
.lap.t-nk-termek{--tosz:38px minmax(220px,1fr) 108px 100px 56px 250px 96px 30px}
/* 3. kör: Kínálat — gyártósáv + tábla, egymás mellett (a Beállítások .beall rácsának mintájára) */
.nk-ket{display:grid;grid-template-columns:262px minmax(0,1fr);gap:14px;align-items:start}
.nk-gysav{--tosz:minmax(0,1fr) 40px 62px;position:sticky;top:0}
.nk-gysav .tsor{gap:8px;padding-top:7px;padding-bottom:7px}
.lap.t-nk-kinalat{--tosz:38px minmax(110px,1fr) 80px 104px 136px 104px 76px}
.lap.t-nk-kinalat .tabla .tsor{gap:12px}
.nk-arv b{font-weight:600;white-space:nowrap}
.lap.t-nk-kinalat .nk-gysav{--tosz:minmax(0,1fr) 40px 62px}
.nk-ar{font-size:12.5px;color:var(--szoveg);font-variant-numeric:tabular-nums;line-height:1.35}
.nk-ar small{display:block;font-size:10px;color:var(--halvanyabb);margin-top:1px}
.nk-ar small a{color:var(--kek)}
/* 3. apróság: írható ár — szövegnek látszik, rámutatva/kattintva mező (az árrés-mező stílusa) */
.arcella{width:96px;padding:4px 7px;margin-left:-8px;border:1px solid transparent;border-radius:8px;background:transparent;
  font:inherit;font-size:12.5px;font-weight:700;color:var(--szoveg);font-variant-numeric:tabular-nums}
.arcella:hover{border-color:var(--keret-2);background:var(--lap)}
.arcella:focus{outline:0;border-color:var(--kek);background:var(--lap);box-shadow:0 0 0 3px var(--kek-100)}
.arcella.kezi{color:var(--sarga)}
.nk-gysav .arcella{margin-left:0;border-color:var(--keret-2);background:var(--lap);text-align:right;font-weight:600}
.nk-kereso{width:240px;padding:8px 11px;border:1px solid var(--keret-2);border-radius:9px;background:var(--lap);font:inherit;font-size:13px;color:var(--szoveg)}
.nk-kereso:focus{outline:0;border-color:var(--kek);box-shadow:0 0 0 3px var(--kek-100)}
.lap.t-nk-mind{--tosz:38px minmax(170px,1fr) 118px 52px 200px 96px 104px 96px 56px}

/* 1. apróság: szám-mező az árrés-táblában — a Felhasználók-űrlap (.uuj input) mezőjének stílusával */
.rtabla input.szorzo{width:76px;padding:6px 9px;border:1px solid var(--keret-2);border-radius:9px;background:var(--lap);
  font:inherit;font-size:13px;font-weight:600;text-align:right;color:var(--szoveg);font-variant-numeric:tabular-nums}
.rtabla input.szorzo:focus{outline:0;border-color:var(--kek);box-shadow:0 0 0 3px var(--kek-100)}
/* 2. apróság: a kapcsoló itt kattintható (a Márka-a-névben táblában csak jelző) */
.rtabla .kapcs{cursor:pointer}

/* 3. kör oldalsáv: az 1. kör lapos sorai (Roland, 10-20). A narancs számbuborék a teendőké. */
.ossor .db.nar{background:var(--narancs);color:#fff}
.ossor.itt .db.nar{background:var(--narancs);color:#fff}

/* ══ Teendők 1–3 (10-20): ugyanazok az elemek, tömörebb sorok ══ */
.nk-egysor{font-size:12px;color:var(--halvany);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.nk-szakfej{display:flex;align-items:center;gap:12px;margin:14px 0 7px;min-height:32px}
.nk-szakfej:first-child{margin-top:2px}
.nk-szakfej .szemoldok{margin:0;white-space:nowrap}
.nk-alc{font-size:11.5px;color:var(--halvany);min-width:0;flex:1;line-height:1.4}
.nk-jobb{margin-left:auto;display:flex;gap:8px;flex:none}
.nk-t1{--tosz:38px minmax(200px,1fr) minmax(0,1.5fr) 196px}
.nk-t1 .tsor,.nk-t2 .tsor{padding-top:8px;padding-bottom:8px}
.nk-t2{--tosz:112px 38px minmax(210px,1fr) minmax(0,1.3fr) 186px}
.feltveg .g.kici{white-space:nowrap}
.nk-folyam{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.nk-oszfej{display:flex;align-items:center;gap:8px;margin:2px 2px 8px}
.nk-oszfej .szemoldok{margin:0}
.nk-oszfej b{margin-left:auto;min-width:20px;height:19px;padding:0 6px;border-radius:10px;font-size:11px;display:grid;place-items:center;background:var(--papir-2);color:var(--halvany)}
.nk-t3{--tosz:34px minmax(0,1fr)}
.nk-t3 .tsor{gap:10px;padding-top:10px;padding-bottom:10px;align-items:start}
.nk-t3 .tkep{width:34px;height:34px}
.nk-t3 .tnev b{white-space:normal;overflow:visible}
.nk-t3 .okszoveg{margin-top:3px}
.nk-gombsor{display:flex;gap:6px;margin-top:7px;flex-wrap:nowrap}
.nk-t3 .tnev b{font-size:12.5px}

/* Teendők 4: a Mind lista rácsa, a Jóváhagyta helyén a Rendelés (10-20) */
.nk-t4{--tosz:38px minmax(200px,1fr) 112px 124px 92px 100px 172px}
.nk-t4.nk-t4m{--tosz:38px minmax(150px,1fr) 108px 122px 78px 84px 90px 162px}
/* kék sarokszámos fül (Roland, 10-20: „kék színű … ne narancssárga, ne zöld”) — a .narancs/.kesz fül formája, az admin kékjével */
.mindpreset button.kekjel{position:relative;color:var(--kek);border-color:var(--kek-100);font-weight:700;padding-right:18px}
.mindpreset button.kekjel:hover{color:var(--kek);border-color:var(--kek)}
.mindpreset button.kekjel b{position:absolute;top:-9px;right:-9px;background:var(--kek);color:#fff;
  border:2px solid #fff;border-radius:999px;min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;
  display:inline-flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 2px 6px rgba(65,86,149,.4)}
.mindpreset button.kekjel.itt{border-color:var(--kek);background:var(--kek-50)}
.mindpreset button.kekjel.itt b{color:#fff}
.nk-t4 .tnev small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nk-t4 .jovahagyo i{font-size:11px;font-weight:700}

/* EAN-másolás: a cella bal szélén, csak rámutatva látszik (mint a sor végi kuka a Mind listában) */
.nk-ean{display:flex;align-items:center;gap:4px;margin-left:-26px;min-width:0}
.nk-ean span{overflow:hidden;text-overflow:ellipsis}
.nk-masol{width:22px;height:22px;flex:none;border:0;border-radius:6px;background:transparent;color:var(--halvanyabb);
  display:grid;place-items:center;padding:0;opacity:0;cursor:pointer;transition:opacity .12s}
.nk-masol svg{width:13px;height:13px;grid-area:1/1}
.nk-masol svg + svg{opacity:0}
.nk-ean:hover .nk-masol{opacity:1}   /* Roland, 10-20: csak ha az EAN fölé viszed az egeret, ne a sor fölött */
.nk-masol:hover{background:var(--kek-50);color:var(--kek)}
.nk-masol.kesz{opacity:1;color:var(--zold)}
.nk-masol.kesz svg:first-child{opacity:0}
.nk-masol.kesz svg + svg{opacity:1}

/* Speidel-kosár 1–3 (10-20) */
.nk-kosar{margin-bottom:10px}
.nk-kosar-sor{display:flex;align-items:center;gap:16px;padding:11px 16px}
.nk-kosar-sor .szemoldok{margin:0}
.nk-kosar-sor > b{font-size:12.5px}
.nk-kosar-ar{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.nk-kosar-ar b{font-size:14px}
.nk-kosar-sav{flex:1;min-width:80px;height:6px}
.nk-pirulak{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px}
.nk-pirulak .mert,.nk-pirulak .figy{font-size:11.5px;padding:4px 10px}
.nk-t4 .tsor.nk-ossz{grid-template-columns:38px minmax(0,1fr) auto auto;background:var(--kek-25)}
.nk-ossz .tnev b{font-size:12.5px}
.nk-ossz .figy,.nk-ossz .allap{font-size:11.5px}
.nk-ossz .feltveg{gap:8px}
.feltveg .g.kici svg{width:12px;height:12px}

/* ══ Speidel-kosár az oldalsávban (10-20), 3 változat — az O1 sáv saját színeiből; 10-28 óta kattintható (lent) ══ */
.nk-skos{pointer-events:none;user-select:none;font-variant-numeric:tabular-nums}
.nk-skos-sav{height:4px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}
.nk-skos-sav i{display:block;height:100%;border-radius:99px}
.nk-skos-cim{font-size:10px;letter-spacing:.7px;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.46)}
.nk-skos-ures{display:block;font-size:11px;color:rgba(255,255,255,.5);margin-top:3px}
/* 1 · halk felirat a Teendők alatt, a menüfelirathoz igazítva */
.nk-skos1{padding:2px 12px 8px 41px}
.nk-skos1 .nk-skos-sor{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:11px;color:rgba(255,255,255,.55);margin-bottom:5px}
.nk-skos1 .nk-skos-sor b{color:rgba(255,255,255,.9);font-weight:600;font-size:11.5px}
.nk-skos1 .nk-skos-sav{height:3px}
/* 2 · kis kártya a Teendők alatt */
.nk-skos2{margin:8px 2px 4px;padding:10px 12px 9px;border-radius:11px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.nk-skos2 .nk-skos-fej{display:flex;justify-content:space-between;align-items:baseline;font-size:10.5px;color:rgba(255,255,255,.55)}
.nk-skos2 .nk-skos-ar{display:flex;align-items:baseline;gap:5px;margin:4px 0 7px}
.nk-skos2 .nk-skos-ar b{font-size:16px;color:#fff;font-weight:700;letter-spacing:-.2px}
.nk-skos2 .nk-skos-ar span{font-size:11.5px;color:rgba(255,255,255,.55)}
.nk-skos2 .nk-skos-lab{font-size:10.5px;color:rgba(255,255,255,.6);margin-top:6px}
/* 3 · a Teendők sorába építve: második sor + csík a sor alján */
.ossor .cimke small.nk-skos3-al{display:block;overflow:visible;font-size:10.5px;font-weight:500;color:rgba(255,255,255,.55);margin-top:1px;font-variant-numeric:tabular-nums}
.ossor.itt .cimke small.nk-skos3-al{color:var(--halvany)}
.ossor{position:relative}
.nk-skos3-sav{position:absolute;left:41px;right:12px;bottom:5px;height:3px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}
.nk-skos3-sav i{display:block;height:100%;background:#f2a65a;border-radius:99px}
.ossor.itt .nk-skos3-sav{background:var(--papir-2)}
.ossor.itt .nk-skos3-sav i{background:#ef9a3e}
.ossor:has(.nk-skos3-al){padding-bottom:14px}

/* ══ Összesítő a Teendők oldalon: statisztika-sáv, nem termék-sor ══ */
.nk-osszb{display:flex;align-items:center;gap:26px;padding:14px 16px 14px 16px;background:var(--kek-25);
  border-top:2px solid var(--kek-100);border-bottom:2px solid var(--kek-100)}
.nk-osszb:last-child{border-bottom:0}
.nk-osszb-cim{display:flex;flex-direction:column;gap:2px;min-width:132px}
.nk-osszb-cim .szemoldok{margin:0;color:var(--kek-900)}
.nk-osszb-cim small{font-size:11px;color:var(--halvany)}
.nk-stat{display:flex;flex-direction:column;gap:2px}
.nk-stat small,.nk-osszb-minfej small{font-size:10px;letter-spacing:.6px;text-transform:uppercase;font-weight:600;color:var(--halvanyabb)}
.nk-stat b{font-size:15px;font-weight:700;color:var(--szoveg);font-variant-numeric:tabular-nums}
.nk-osszb-min{flex:1;min-width:150px;display:flex;flex-direction:column;gap:6px}
.nk-osszb-minfej{display:flex;align-items:center;justify-content:space-between;gap:8px}
.nk-osszb-min .halsav{height:6px}
.nk-osszb .feltveg{flex:none}

/* 10-20 Roland: középre igazítva; az összesítő gomb nélkül, csak a Rendeld fülön */
.nk-skos1{padding:4px 12px 8px;text-align:center}
/* 10-28 Roland: „ez kattintható legyen és nyissa meg a Speidel-kosarat” → link (új lapon), a menüsorok hover-színével */
a.nk-skos{display:block;pointer-events:auto;cursor:pointer;text-decoration:none;color:inherit;border-radius:10px;margin:0 2px;transition:background .15s}
a.nk-skos:hover{background:rgba(255,255,255,.09)}
a.nk-skos:hover .nk-skos-sor span{color:rgba(255,255,255,.85)}
a.nk-skos:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:1px}
a.nk-skos[aria-disabled]{pointer-events:none;cursor:default}
.nk-skos1 .nk-skos-sor{justify-content:center}
.nk-osszb{justify-content:flex-start;gap:34px}
.nk-osszb-cim{min-width:0;gap:0}
.nk-osszb-cim .szemoldok{line-height:1.35}
.nk-osszb-min{flex:0 1 420px}

/* kimásolt, de még nem lezárt sor: háttérbe szorul (a Speidel-rendelés sáv színe), visszavonható */
.nk-t4 .tsor.nk-halvany{background:var(--kek-25)}
.nk-t4 .tsor.nk-halvany > :not(.feltveg){opacity:.45}
.nk-kesz{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--zold);margin-right:4px}
.nk-kesz svg{width:13px;height:13px}
.nk-kerdes{display:flex;align-items:center;gap:16px;padding:13px 16px;background:var(--zold-50);border-top:1px solid var(--zold-200)}
.nk-kerdes > div:first-child{flex:1}
.nk-kerdes b{display:block;font-size:13px;color:var(--szoveg)}
.nk-kerdes small{display:block;font-size:11.5px;color:var(--halvany);margin-top:2px}
.nk-kerdes .feltveg{gap:8px}
/* Roland, 10-20: a Rendeld ugyanolyan sárga legyen, mint a Félretett — kiválasztva sem kap narancs hátteret, csak a keret erősebb */
.lap.t-nk-tv1 .mindpreset button.narancs.itt{background:var(--lap);border-color:#ef9a3e}
/* Kínálat 1280 körül: keskenyebb gyártósáv, hogy a sor vége ne lógjon ki */
@media (max-width:1340px){
  .nk-ket{grid-template-columns:262px minmax(0,1fr);gap:12px}
  .lap.t-nk-kinalat{--tosz:34px minmax(110px,1fr) 76px 98px 108px 100px 112px}
  .lap.t-nk-kinalat .tabla .tsor{gap:10px}
}

.nk-t4 .tsor.nk-tobb{grid-template-columns:38px 1fr;padding-top:9px;padding-bottom:9px;background:#fbfcfe}
.nk-t4 .nk-rend .jel{font-size:10.5px}
.nk-t4 .nk-rend .jovahagyo{white-space:nowrap}
/* a fejléc leírása mindkét fülön 2 sor helyet foglal, hogy a fülsor és a tábla ne ugorjon (Roland, 10-20) */
.lap.t-nk-tv1 .lapfej p{min-height:2.9em}

/* Korábbi rendelések: lenyitható sorok (a Mind lista .tsor-ja) */
.nk-korabbi{--tosz:24px minmax(200px,1fr) 100px 110px 210px 90px}
.nk-korabbi .nk-rfej{background:var(--lap)}
.nk-korabbi .nk-rfej.nyitva{background:var(--kek-25)}
.nk-nyil{width:22px;height:22px;display:grid;place-items:center;color:var(--halvanyabb)}
.nk-nyil svg{width:14px;height:14px;transition:transform .15s}
.nyitva .nk-nyil svg{transform:rotate(90deg);color:var(--kek)}
.nk-korabbi .nk-rtetel{--tosz:38px minmax(170px,1fr) 112px 124px 120px 90px;padding-left:40px;background:#fbfcfe}
.nk-korabbi .nk-rtetel .tkep{width:32px;height:32px}
/* a kosár összege hangsúlyos, a 250 € minimum halk (Roland, 10-20) */
.nk-skos1 .nk-skos-sor b em{font-style:normal;font-weight:400;color:rgba(255,255,255,.5);font-size:11px}

/* Korábbi rendelések, 10-20 (2): külön lekerekített kártyák, mint a Rendeld fül táblája; fejük a Speidel-rendelés sáv mintája */
.nk-rlista{display:flex;flex-direction:column;gap:10px}
.nk-rkartya{--tosz:38px minmax(200px,1fr) 124px 124px 160px 96px}
.nk-rfej{display:flex;align-items:center;gap:30px;padding:13px 16px;cursor:pointer;transition:background .12s}
.nk-rfej:hover{background:var(--kek-25)}
.nk-rkartya.nyitva .nk-rfej{background:var(--kek-25);border-bottom:1px solid var(--keret)}
.nk-rfej .tnev{flex:1;min-width:0}
.nk-rfej .tnev b{font-size:13.5px}
.nk-rfej .nk-nyil{margin-right:-18px}
.nk-rfej .nk-stat{min-width:56px}
.nk-rfej .nk-stat b{font-size:14px}
.nk-rallap{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:150px}
.nk-rallap small{font-size:10.5px;color:var(--halvanyabb)}

/* élesben: a gyártósáv árrés-mezője a keskeny oszlophoz */
.nk-gysav .arcella{width:58px;padding:4px 6px}
/* a Speidel-kép fekvő (500×300): ne vágjuk le a lapkában */
.nk-tkep{object-fit:contain;background:#fff;box-shadow:inset 0 0 0 1px var(--keret)}

/* „Kosárba a Speidelnél” (10-20): a megerősítő sáv a tábla fölött — ugyanaz a .nk-kerdes, kék változat */
.nk-kerdes.nk-spkerdes{background:var(--kek-25);border:1px solid var(--kek-100);border-radius:14px;margin:0 0 10px}
.nk-kerdes.nk-sphiba{background:var(--sarga-50);border:1px solid var(--sarga-200);border-radius:14px;margin:0 0 10px}
.feltveg .g.kici svg,.lapfej .jobb .g svg{width:14px;height:14px}
.lapfej .jobb a.g{text-decoration:none}
.nk-kesz{white-space:nowrap}
/* folyamatban lévő sor (10-20): kis forgó karika + szöveg, a többi gomb érintetlen */
.nk-fut{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--kek-900);white-space:nowrap}
.nk-fut i{width:14px;height:14px;border-radius:50%;border:2px solid var(--kek-100);border-top-color:var(--kek);animation:nkForog .7s linear infinite}
@keyframes nkForog{to{transform:rotate(360deg)}}

/* ⭐ Speidel-kosár gombjai (Roland választása, 10-20: „A = A2, B = B1 lent, B3 osztott designnal, C = egyik se kell”).
   A sorban EGY gomb, ami állapotot vált: kék „Kosárba” → pörög a gomb helyén → zöld „✓ Kosárban”, rámutatva piros „Kiveszem”. */
.feltveg .g.nk-spg{min-width:112px;justify-content:center}
.feltveg .g.nk-spg.bent{background:var(--zold-50);border-color:var(--zold-200);color:var(--zold);box-shadow:none}
.feltveg .g.nk-spg.bent:hover:not([disabled]):not(.friss){background:var(--piros-50);border-color:var(--piros-200);color:var(--piros)}
.g.nk-spg .ki{display:none}
.g.nk-spg.bent:hover:not([disabled]):not(.friss) .ki{display:inline}
.g.nk-spg.bent:hover:not([disabled]):not(.friss) .be{display:none}
.g.nk-spg .be{display:inline-flex;align-items:center;gap:5px}
.g.nk-spg[disabled]{cursor:progress;opacity:1}
.g.nk-spg.friss{cursor:default}
.nk-forg{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:nkForog .7s linear infinite;display:inline-block;flex:none}
.g.bent .nk-forg{border-color:var(--zold-200);border-top-color:var(--zold)}
/* lent, az összesítő sáv jobb végén: osztott gomb — „Kosárba a Speidelnél · N” / „Visszavonom · N” + mindig ott a ↗ */
.nk-osszb .nk-osszb-gomb{margin-left:auto}
.nk-split{display:inline-flex;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(19,26,44,.12)}
.nk-split .g{border-radius:0;box-shadow:none;gap:8px}
.nk-split .g + .g{border-left:1px solid rgba(255,255,255,.25);padding:0 13px}
.nk-split .g svg{width:14px;height:14px}
.nk-split .g[disabled]{opacity:1;cursor:progress}
/* ha a Speidelnél kevesebb volt raktáron, mint kellett: sárga „Csak 1 / 2 db” (ugyanaz a gomb, rámutatva „Kiveszem”) */
.feltveg .g.nk-spg.bent.kevesebb{background:var(--sarga-50);border-color:var(--sarga-200);color:var(--sarga)}
/* Roland, 10-20: „ez a Visszavonom legyen halványabb, mint az eredetinél” — ugyanaz a halvány kék, mint a letiltott gombé,
   de kattintható; a ↗ marad teljes kék (az a következő lépés) */
.nk-split .g.nk-vissza{opacity:.55}
.nk-split .g.nk-vissza:hover{opacity:.8}

/* ⭐ Rendelés, 10-20 (Roland választása: M1 léptető + H3 előre szól; a valódi Speidel-kosár a lapon). A gomboszlop
   szélesebb: mennyiség + gomb. */
.lap.t-nk-tv1 .nk-t4{--tosz:38px minmax(200px,1fr) 112px 112px 104px 100px 222px}
.lap.t-nk-tv1 .nk-t4 .feltveg{gap:6px;justify-content:flex-end}
/* M1: léptető [ − 2 db + ] */
.nk-lep{display:inline-flex;align-items:center;height:30px;border:1px solid var(--keret-2);border-radius:9px;background:var(--lap);overflow:hidden;flex:none}
.nk-lep button{width:25px;height:100%;border:0;background:none;color:var(--halvany);font:600 15px/1 inherit;cursor:pointer;padding:0}
.nk-lep button:hover:not([disabled]){background:var(--papir-2);color:var(--szoveg)}
.nk-lep button[disabled]{color:var(--keret-2);cursor:default}
.nk-lep b{min-width:34px;text-align:center;font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.nk-lep b small{font-weight:500;color:var(--halvany);font-size:11px;margin-left:2px}
.nk-lep.fut{opacity:.6}
/* H3: a név alatt, ha a Speidelnél kevesebb van, mint kellene */
.nk-kcim{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:2px 8px;border-radius:999px;background:var(--sarga-50);color:var(--sarga);font-size:11px;font-weight:600;white-space:nowrap;width:max-content}
.nk-kcim svg{width:12px;height:12px}
.nk-kcim.piros{background:var(--piros-50);color:var(--piros)}
.nk-t4 .tsor.van-hiany.nk-halvany > .tnev{opacity:1}
.nk-t4 .tsor.van-hiany.nk-halvany > .tnev b,.nk-t4 .tsor.van-hiany.nk-halvany > .tnev small{opacity:.45}
/* kézi kosártétel: a Huni boltjával EAN-ra párosítva */
.nk-nincsfent,.nk-fent{display:inline-block;font-size:11px;font-weight:600;color:var(--halvany);background:var(--papir-2);border-radius:999px;padding:2px 8px;white-space:nowrap}
.nk-fent{color:var(--zold);background:var(--zold-50)}
.halv{color:var(--halvanyabb)}
.nk-osszb .nk-fuggo{font-size:11.5px;color:var(--halvany);margin-top:4px}
.nk-osszb .nk-osszb-gomb{flex-direction:column;align-items:flex-end;gap:6px}
.nk-osszb .nk-fuggo{line-height:1.5}
.nk-hianysor{font-size:11.5px;font-weight:600;color:var(--sarga);white-space:nowrap}
.nk-osszb .nk-fuggo{text-align:center}

/* ⭐ Árrés-panel (Roland, 10-20, V1): ugyanaz a fejléc, mint a terméktábláé („ÁRRÉS”), alatta a leírás; kijelölés kék kitöltés
   + bal csík; soronként „93 rendelhető” (erősebb) · „7 inaktív” (halványabb); kék kapcsoló; kompakt %-mező. */
.nk-ket{grid-template-columns:290px minmax(0,1fr)}
.lap.t-nk-kinalat .nk-gysav,.nk-gysav{--tosz:minmax(0,1fr) auto 32px}
.lap.t-nk-kinalat{--tosz:38px minmax(110px,1fr) 80px 104px 112px 104px 118px}
.nk-gysav .tfej{grid-template-columns:1fr}
.nk-gyleir{padding:9px 16px 10px;font-size:11.5px;line-height:1.45;color:var(--halvany);border-bottom:1px solid var(--keret);background:var(--lap)}
.nk-gysav .tsor:not(.tfej){gap:10px}
.nk-gysav .tnev b{font-size:13px}
.nk-gysav .tnev small{white-space:nowrap;color:var(--halvanyabb)}
.nk-gysav .tnev small .rend{color:var(--halvany);font-weight:600}
.nk-gysav .tnev small .inak{color:var(--halvanyabb)}
.nk-gysav .tsor.kival{background:var(--kek-50);box-shadow:inset 3px 0 0 var(--kek)}
.nk-gysav .tsor.kival .tnev b{color:var(--kek-900)}
.nk-gyarres{display:inline-flex;align-items:center;height:28px;padding:0 8px 0 6px;border:1px solid var(--keret-2);border-radius:8px;background:var(--lap);cursor:text}
.nk-gyarres:hover{border-color:var(--kek-100)}
.nk-gyarres:focus-within{border-color:var(--kek);box-shadow:0 0 0 3px var(--kek-100)}
.nk-gysav .nk-gyarres .arcella{width:26px;height:auto;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0;margin:0;text-align:right;font-weight:600;font-size:13px}
.nk-gysav .nk-gyarres .arcella:focus{box-shadow:none}
.nk-gyarres span{font-size:12px;font-weight:600;color:var(--halvany);margin-left:1px}
.nk-kcella{display:flex;justify-content:flex-end}
/* kapcsoló: kék = bent van, szürke = kikapcsolva */
.nk-kapcs{position:relative;width:32px;height:18px;border-radius:999px;border:0;background:var(--keret-2);cursor:pointer;padding:0;flex:none;transition:background .15s}
.nk-kapcs::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(19,26,44,.25);transition:transform .15s}
.nk-kapcs.be{background:var(--kek)}
.nk-kapcs.be::after{transform:translateX(14px)}
.nk-kapcs[disabled]{opacity:.45;cursor:default}
.nk-kapcs:focus-visible{outline:2px solid var(--kek);outline-offset:2px}
/* kikapcsolt sor: halvány (mint a Rendelésnél a kosárban lévő), a lista alján */
.tabla .tsor.nk-ki,.tabla .tsor.nk-hatter{background:var(--kek-25)}
.tabla .tsor.nk-ki > :not(.feltveg):not(.nk-kcella),.tabla .tsor.nk-hatter > :not(.feltveg):not(.nk-kcella){opacity:.45}
.tabla .tsor.nk-ki .feltveg > :not(.nk-kapcs){opacity:.45}
.tabla .tsor.nk-hatter .nk-kcella{opacity:.6}
.lap.t-nk-kinalat .feltveg{gap:8px;justify-content:flex-end;align-items:center}
@media (max-width:1340px){   /* 1280 körül: keskenyebb panel (a számsor ott két sorba törhet), szorosabb oszlopok — mérve 10-20 */
  .nk-ket{grid-template-columns:236px minmax(0,1fr);gap:12px}
  .nk-gysav .tnev small{white-space:normal;line-height:1.35}
  .lap.t-nk-kinalat{--tosz:34px minmax(96px,1fr) 74px 94px 104px 92px 112px}
  .lap.t-nk-kinalat .tabla .tsor{gap:8px}
  .lap.t-nk-kinalat .feltveg{gap:6px}
  .lap.t-nk-kinalat .feltveg .g.kici{padding:6px 9px}
}
.nk-gysav .tnev small .rend,.nk-gysav .tnev small .inak{white-space:nowrap}   /* ha törik, egészben törjön („7 inaktív”) */
/* Roland, 10-20: a kapcsoló a gyártó neve és a termék sora ELÉ kerül */
.lap.t-nk-kinalat .nk-gysav,.nk-gysav{--tosz:32px minmax(0,1fr) auto}
.nk-kcella{justify-content:flex-start}
.lap.t-nk-kinalat{--tosz:32px 38px minmax(110px,1fr) 80px 104px 112px 104px 84px}
.lap.t-nk-kinalat .tsor.nk-tobb{grid-template-columns:82px 1fr}
@media (max-width:1340px){
  .lap.t-nk-kinalat{--tosz:32px 34px minmax(96px,1fr) 74px 94px 104px 92px 80px}
}
.nk-gysav .tnev.nk-mind{grid-column:1 / -1}   /* „Minden gyártó”: a bal szélre, nincs előtte kapcsoló-hely (Roland, 10-20) */
/* Roland, 10-20: a panel fejléce pontosan olyan magas, mint a terméktábláé (mérve: 7 px helyett 8 px térköz) */
.nk-gysav .tsor.tfej{padding-top:8px;padding-bottom:8px}
/* Huni-ár: „12 090 Ft”, alatta csak „árrés 38%”, ugyanakkora távolságra, mint a Speidel-ár alatt (Roland, 10-20) */
.nk-huniar .nk-arbe{display:flex;width:max-content;align-items:baseline;gap:2px;height:calc(12.5px * 1.35)}   /* = a Speidel-ár sora */
.nk-huniar .arcella{box-sizing:border-box;height:calc(12.5px * 1.35);width:48px;padding:0 2px;margin:0 0 0 -3px;border-radius:5px;line-height:calc(12.5px * 1.35 - 2px)}
@supports (field-sizing:content){ .nk-huniar .arcella{field-sizing:content;width:auto;min-width:2ch} }
.nk-huniar .nk-arbe > span{font-size:12.5px;color:var(--szoveg)}
.nk-huniar .arcella:focus{box-shadow:0 0 0 2px var(--kek-100)}

/* Roland, 10-20 (`huni-kapcsolo` lap): a gyártónál K1 — kicsi, halvány kapcsoló; a terméknél K3 — szem ikon */
.nk-kapcs.kicsi{width:26px;height:15px;background:var(--papir-2);box-shadow:inset 0 0 0 1px var(--keret-2)}
.nk-kapcs.kicsi::after{top:2px;left:2px;width:11px;height:11px;box-shadow:0 0 0 1px var(--keret-2)}
.nk-kapcs.kicsi.be{background:var(--kek-100);box-shadow:none}
.nk-kapcs.kicsi.be::after{transform:translateX(11px);background:var(--kek);box-shadow:none}
.nk-kapcs.szem{width:22px;height:22px;border-radius:6px;background:transparent;color:var(--halvanyabb);display:grid;place-items:center}
.nk-kapcs.szem::after{content:none}
.nk-kapcs.szem svg{width:15px;height:15px}
.nk-kapcs.szem:hover:not([disabled]){background:var(--kek-50);color:var(--kek)}
.nk-kapcs.szem:not(.be){color:var(--halvany)}
.lap.t-nk-kinalat{--tosz:28px 38px minmax(110px,1fr) 80px 104px 112px 104px 84px}
@media (max-width:1340px){ .lap.t-nk-kinalat{--tosz:28px 34px minmax(96px,1fr) 74px 94px 104px 92px 80px} }
.lap.t-nk-kinalat .nk-gysav,.nk-gysav{--tosz:28px minmax(0,1fr) auto}
/* a gyártók külön görgethetők (Roland, 10-20); a görgetősáv rejtve (soha nem látszik), a görgetés nem fut át a terméklistára */
.nk-gylista{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.nk-gylista::-webkit-scrollbar{display:none}
/* Roland, 10-20: az Állapot a termék után jön (az Állapot és az Árváltozás ne álljon egymás mellett, egyszínűen);
   Árváltozás = Á1: címke + a Speidel-ár előtte → utána, az új kiemelve; halk körvonalas „Átárazom” */
.lap.t-nk-kinalat{--tosz:28px 38px minmax(110px,1fr) 108px 80px 104px 128px 88px}
@media (max-width:1340px){ .lap.t-nk-kinalat{--tosz:28px 34px minmax(96px,1fr) 104px 74px 94px 120px 84px} }
.nk-arv1{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.nk-arv1 small{font-size:10.5px;color:var(--halvanyabb);font-variant-numeric:tabular-nums;white-space:nowrap}
.nk-arv1 small b{font-weight:700;color:var(--szoveg)}
.nk-dchip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.nk-dchip.fel{background:var(--sarga-50);color:var(--sarga)}
.nk-dchip.le{background:var(--zold-50);color:var(--zold)}
.nk-dchip svg{width:10px;height:10px}
.nk-atarazva{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--zold);white-space:nowrap}
.nk-atarazva svg{width:13px;height:13px}
.g.kici.nk-korvonal{background:var(--lap);color:var(--kek);border-color:var(--kek-100)}
.g.kici.nk-korvonal:hover{border-color:var(--kek);background:var(--kek-25)}
.nk-gylista.kitolt{padding-bottom:24px}
/* Roland, 10-20: térközök — az Állapot és a Speidel-ár között több hely (a címke rácsúszott), az Árváltozás és az
   Átárazom gomb egymás mellett (együtt vannak); a Huni-ár ↔ Árváltozás és a Speidel ↔ Huni távolság marad */
.lap.t-nk-kinalat{--tosz:28px 38px minmax(110px,1fr) 128px 80px 104px 116px 104px}
@media (max-width:1340px){ .lap.t-nk-kinalat{--tosz:28px 34px minmax(96px,1fr) 122px 74px 94px 118px 90px} }
.lap.t-nk-kinalat .nk-ket > .tabla:last-child .feltveg{justify-content:flex-start}
/* Ki2 (Roland, 10-20): „Kikapcsoltak” kapcsoló a kereső mellett — bekapcsolva csak a kikapcsoltak látszanak */
.nk-kimod{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--keret-2);border-radius:10px;background:var(--lap);
  font:inherit;font-size:12.5px;font-weight:600;color:var(--szoveg);cursor:pointer;white-space:nowrap}
.nk-kimod small{font-weight:600;color:var(--halvany);font-size:12px}
.nk-kimod:hover{border-color:var(--kek-100)}
.nk-kimod.be{border-color:var(--kek);background:var(--kek-25);color:var(--kek-900)}
.lapfej .jobb:has(.nk-kimod){display:flex;align-items:center;gap:10px}

/* ⭐ C1 (Roland, 10-20): az árrés alapból zárva — a „Minden gyártó” sor ceruzájával nyitható; átírás után piros megerősítés */
.nk-gysav .tsor.nk-mindsor{grid-template-columns:minmax(0,1fr) auto}
.nk-gysav .tsor.nk-mindsor .tnev.nk-mind{grid-column:1}
.nk-ceruza{display:inline-flex;align-items:center;gap:5px;height:28px;min-width:28px;justify-content:center;padding:0 7px;border:1px solid var(--keret-2);border-radius:8px;background:var(--lap);
  color:var(--halvany);cursor:pointer;font:inherit;font-size:12px;font-weight:600}
.nk-ceruza svg{width:14px;height:14px}
.nk-ceruza:hover{border-color:var(--kek-100);color:var(--kek)}
.nk-ceruza.be{border-color:var(--kek);background:var(--kek);color:#fff}
.nk-gyarres.zarva{border-color:transparent;background:transparent;cursor:default;font-weight:600;font-size:13px;color:var(--szoveg);padding:0 8px 0 6px}
.nk-gyarres.zarva > span{color:var(--halvanyabb)}
.nk-modal-hatter{position:fixed;inset:0;z-index:1000;background:rgba(15,20,35,.38);backdrop-filter:blur(2px);display:grid;place-items:center;animation:nkModalBe .12s ease-out}
@keyframes nkModalBe{from{opacity:0}to{opacity:1}}
.nk-modal{width:min(440px,calc(100vw - 32px));background:var(--lap);border-radius:16px;padding:20px 22px 18px;box-shadow:0 24px 60px rgba(15,20,35,.28)}
.nk-modal.piros{box-shadow:0 0 0 2px var(--piros),0 24px 60px rgba(150,20,20,.25)}
.nk-modal-fej{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.nk-modal-fej svg{width:20px;height:20px;color:var(--kek);flex:none}
.nk-modal.piros .nk-modal-fej svg{color:var(--piros)}
.nk-modal-fej b{font-size:15px;color:var(--szoveg)}
.nk-modal.piros .nk-modal-fej b{color:var(--piros)}
.nk-modal p{margin:0;font-size:13.5px;line-height:1.5;color:var(--szoveg)}
.nk-modal small{display:block;margin-top:8px;font-size:12px;color:var(--halvany)}
.nk-modal-gombok{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.g.nk-piros{background:var(--piros);border-color:var(--piros);color:#fff}
.g.nk-piros:hover{filter:brightness(.94)}
/* D (Roland, 10-20): váz-sor, amíg a Speidel-kosár meg nem jön — ugyanolyan magas, mint egy kézi tétel sora, így nem ugrik a lap */
.nk-t4 .tsor.nk-vaz{grid-template-columns:38px 1fr;min-height:65px}
.nk-t4 .tsor.nk-vaz .tnev b,.nk-t4 .tsor.nk-vaz .tnev small{display:block;width:40%;border-radius:6px;background:var(--papir-2);color:transparent}
.nk-t4 .tsor.nk-vaz .tnev small{width:25%;margin-top:6px}

/* „Új” címke (7 napig) — 2026-10-21 */
.nk-ujc{display:inline-block;margin-right:6px;padding:0 5px;border-radius:4px;background:var(--kek-50);color:var(--kek);font-size:10px;font-weight:650;line-height:15px;letter-spacing:.02em;vertical-align:1px}

/* ⛔ Roland, 10-21 (felvétel): „ha a % jelre kattintok, a 7-estől jobbra kellene … nem kényelmes beütni, átírni” — a beíró mező
   tölti ki az egész dobozt, a „%” csak rajzolat (nem kattintható, nem jelölhető ki): a számtól jobbra kattintva a kurzor a végére kerül. */
label.nk-gyarres{position:relative;padding:0}
.nk-gysav label.nk-gyarres .arcella{width:58px;height:100%;padding:0 21px 0 6px;box-sizing:border-box}
label.nk-gyarres > span{position:absolute;right:8px;top:50%;transform:translateY(-50%);margin:0;pointer-events:none;user-select:none}
.nk-huniar .nk-arbe > span{user-select:none;cursor:text}

/* ⭐ B2 (Roland, 10-21: „a bolti ár jelölésnél én a B2-t választom … ne az legyen, hogy saját, hanem … kézi”): a Huni-ár fekete,
   mellette kis „BOLTI” (a boltban ennyiért van) / „KÉZI” (itt írtátok be) címke; az alsó sorban csak az árrés. */
.nk-huniar .nk-arbe > .nk-arcimke{align-self:center;margin-left:5px;padding:1px 6px;border-radius:5px;font-size:9.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;line-height:1.35;background:var(--sarga-50);color:var(--sarga)}
.nk-huniar .nk-arbe > .nk-arcimke.kezi{background:var(--kek-50);color:var(--kek)}
.lap.t-nk-kinalat{--tosz:28px 38px minmax(110px,1fr) 128px 80px 130px 116px 104px}
@media (max-width:1340px){ .lap.t-nk-kinalat{--tosz:28px 34px minmax(96px,1fr) 122px 74px 120px 118px 90px} }
/* a lenti sáv a Nagyker-lapokon: a Speidel-lista állapota (2 óránál régebbi sárga, 1 napnál régebbi piros, vastag) */
.feltjelzo .nk-lista{color:var(--halvany)}
.feltjelzo .nk-lista.sarga{color:#a85a09;font-weight:600}
.feltjelzo .nk-lista.piros{color:var(--piros);font-weight:700}

/* ⛔ Roland, 10-21 („normálisan középen legyen az a felirat … most felfele van csúszva”): a csupa nagybetűs címke a sordoboz
   tetejéhez igazodott (a sortávban a betűszár alatti hely is benne van). A doboz most a nagybetű magasságához vágódik
   (`text-box`), egyforma belső margóval → a felirat pontosan középen. */
.nk-huniar .nk-arbe > .nk-arcimke{display:inline-flex;align-items:center;line-height:1;padding:3px 6px;text-box:trim-both cap alphabetic}

/* 10-21: a heti újdonságok lánca: ami a kapun elakadt, annak az oka a sor alatt (pirosan, egy sorban) */
/* a heti újdonságok lánca: miért nem ment ki — piros, és TELJESEN olvasható (a keskeny oszlopban tördel, nem vág le) */
.tnev small.nk-autouz,.nk-t4 .tnev small.nk-autouz{display:block;color:var(--piros);font-weight:600;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35;margin-top:3px;max-width:100%}

/* ⭐ EURÓÁRFOLYAM (Roland, 11-10): a Kikapcsoltak mellett, „csak simán legyen bent az ár”; a ceruza, a Kész gomb és a mező
   1:1 a „Minden gyártó” árrés-szerkesztése (.nk-ceruza, .nk-gyarres) */
.nk-arf{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 5px 0 12px;border:1px solid var(--keret-2);border-radius:10px;background:var(--lap);
  font-size:12.5px;font-weight:600;color:var(--halvany);white-space:nowrap}
.nk-arf.szerk{border-color:var(--kek-100)}
.nk-arf > *{flex:none}
.lapfej .jobb .nk-arf{flex:none}
.nk-arf-ertek{font-size:13px;font-weight:600;color:var(--szoveg)}
.nk-arf .nk-gyarres .arcella{width:48px;height:auto;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0;margin:0;text-align:right;font-weight:600;font-size:13px}
.nk-arf .nk-gyarres .arcella:focus{box-shadow:none}
.nk-arf label.nk-gyarres .arcella{width:74px;height:100%;padding:0 25px 0 6px;box-sizing:border-box}   /* mint az árrés-mező: a jel a mezőn belül, jobbra */
.lapfej .jobb:has(.nk-arf){display:flex;align-items:center;gap:10px}
.nk-modal-gombok{flex-wrap:wrap}

/* 11-10: a termék neve a webshop-oldalára visz (nem az adminba) */
a.nk-boltnev{color:inherit;text-decoration:none;cursor:pointer}
a.nk-boltnev:hover b{color:var(--kek);text-decoration:underline;text-underline-offset:2px}

/* 11-10: a halvány X minden „Kész” gomb mellett ezen a lapon (euróárfolyam, „Minden gyártó” árrés): mentés nélkül zár.
   Roland: „ha véletlen kattintanak rá … semmivel nem tudnak visszamenni”, és „az összes gombnál … egységesen, szépen”. */
.nk-x{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;padding:0;border:0;border-radius:7px;
  background:transparent;color:var(--halvany);opacity:.55;cursor:pointer}
.nk-x svg{width:13px;height:13px}
.nk-x:hover{opacity:1;color:var(--szoveg);background:rgba(19,26,44,.06)}
.nk-arf .nk-x{margin-left:-3px}
.nk-keszpar{display:inline-flex;align-items:center;gap:5px}

/* 11-10: az euróárfolyam-ablak (Roland a döntőlapokon: „A V1 tökéletes.”, sok terméknél a C: „ez patika”): két kártya,
   mindkettőben a saját gombja; a nevek tördelnek, nincs levágás és buborék; a hosszú lista belül görget, rejtett sávval. */
.nk-modal.nk-arf-ablak{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;scrollbar-width:none}
.nk-modal.nk-arf-ablak::-webkit-scrollbar{display:none}
.nk-arf-al{margin:0 0 12px !important}
.nk-arf-k{border:1.5px solid var(--keret-2);border-radius:14px;padding:14px 16px;margin-top:10px;background:var(--lap)}
.nk-arf-k.fo{border-color:#f0c9c6;background:#fffafa}
.nk-arf-kc{font-size:15px;font-weight:800;color:var(--szoveg);margin-bottom:4px}
.nk-arf-ke{font-size:13.5px;line-height:1.5;color:var(--szoveg)}
.nk-arf-km{margin-top:8px;font-size:12.5px;line-height:1.45;color:var(--halvany)}
.nk-arf-km:empty{display:none}
.nk-arf-kg{display:flex;justify-content:flex-end;margin-top:12px}
.nk-arf-kg .g{min-width:200px}
.nk-arf-lab{display:flex;justify-content:flex-end;margin-top:10px}
.g.nk-halk{background:transparent;border-color:transparent;color:var(--halvany)}
.g.nk-halk:hover{border-color:var(--keret-2);box-shadow:none;color:var(--szoveg)}
.nk-arf-lista{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:5px}
.nk-arf-lista li{display:grid;grid-template-columns:1fr auto 76px;gap:12px;align-items:baseline;font-size:13px;color:var(--szoveg)}
.nk-arf-lista .ar{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--halvany)}
.nk-arf-lista .ar b{color:var(--szoveg)}
.nk-arf-lista s{color:var(--halvanyabb)}
.nk-arf-lista .kul{text-align:right;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.nk-arf-csempek{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.nk-arf-csempek > div{border:1px solid var(--keret);border-radius:11px;padding:10px 12px;background:var(--lap)}
.nk-arf-csempek b{display:block;font-size:20px;letter-spacing:-.3px;color:var(--szoveg);font-variant-numeric:tabular-nums}
.nk-arf-csempek span{display:block;margin-top:2px;font-size:12px;line-height:1.35;color:var(--halvany)}
.nk-arf-cimke{margin:12px 0 2px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--halvany)}
.nk-arf-nyit{margin-top:10px;border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:700;color:var(--kek);cursor:pointer}
.nk-arf-kereso{margin-top:8px;width:100%;height:34px;border:1.5px solid var(--keret-2);border-radius:9px;padding:0 10px;font:inherit;font-size:13px;color:var(--szoveg);background:var(--lap);box-sizing:border-box}
.nk-arf-kereso:focus{outline:none;border-color:var(--kek)}
.nk-arf-gorg{max-height:230px;overflow:auto;scrollbar-width:none;margin-top:4px}
.nk-arf-gorg::-webkit-scrollbar{display:none}