/* 11. kör — ami a SZERVERRE kötéssel jött: a félretevés OKA és a puha foglalás.
   A meglévő tokeneket használja (gep3-kozos.css), új színt nem vezet be. */

/* ── A FÉLRETEVÉS OKA ────────────────────────────────────────────────────
   Három gomb, mindegyik megmondja, HOVA kerül vissza a termék. Az ok azért
   kötelező, mert enélkül a félretett termék fekete lyuk: senki nem tudja,
   kire vár. A megjegyzés továbbra sem kötelező.                            */
/* Három hasáb egymás mellett: így a popup alacsony marad (a döntőgombok fölött
   nyílik, tehát a magasság a szűk erőforrás), ÉS mindhárom magyarázat látszik.
   ⚠️ A magyarázat NEM dísz: az mondja meg, hova kerül vissza a termék — ez az
   egész félretevés-mechanika lényege. Ezért sosem rejtjük el. */
.fokok{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:10px}
.fok{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:10px;
  border:1.5px solid var(--keret-2);background:var(--lap);transition:border-color .12s,
  background .12s,box-shadow .12s}
.fok b{display:block;font-size:12px;font-weight:650;color:var(--szoveg);line-height:1.25}
.fok span{display:block;font-size:10.5px;color:var(--halvanyabb);margin-top:3px;
  line-height:1.35}
.fok:hover{border-color:var(--kek-600);background:var(--kek-25)}
.fok.be{border-color:#C98A12;background:#fdf6e8;box-shadow:0 0 0 3px rgba(201,138,18,.13)}
.fok.be b{color:#7a5408}
.fok.be span{color:#96731f}

/* ── PUHA FOGLALÁS ───────────────────────────────────────────────────────
   NEM tiltás és NEM modális ablak: a munkát nem állítja meg. Aki a dobozt a
   kezében tartja, dolgozni akar vele — csak lássa, hogy ki más van rajta. */
.foglalaspop{position:absolute;left:50%;top:16px;transform:translateX(-50%);z-index:65;
  width:min(420px,calc(100% - 40px));background:var(--lap);border:1px solid #efd9a8;
  border-left:4px solid #C98A12;border-radius:13px;box-shadow:var(--arny-3);
  padding:13px 15px 12px;text-align:left;animation:fogbe .17s cubic-bezier(.2,.9,.3,1)}
@keyframes fogbe{from{transform:translate(-50%,-8px);opacity:0}}
.fgcim{font-size:13.5px;font-weight:650;color:#7a5408;margin-bottom:3px}
.fgsor{font-size:12px;color:var(--halvany);line-height:1.5}
.fgsor.halk{color:var(--halvanyabb);font-size:11.5px;margin-top:5px}
.fglab{display:flex;gap:8px;margin-top:11px;justify-content:flex-end}

/* Csak-megtekintés: a mezők tényleg nem szerkeszthetők, nem csak „illik nem".
   `contenteditable=false` mellett a kurzor is elárulja, hogy itt nincs írás. */
.ablaktorzs [contenteditable="false"]{cursor:default;background:transparent}
.ablakfej .acim{white-space:nowrap}

/* ── FELTÖLTVE: ami jóváhagyva VÁR ───────────────────────────────────────
   Shoprenter-írás nélkül nem állítjuk, hogy kint van. Külön jelvény. */
.allap.var{background:var(--kek-50);color:var(--kek-900);border-color:var(--kek-100)}
.allap.var i{background:var(--kek-600)}

/* ── ZÁROLT TERMÉK — LÁTHATÓ jelzés ──────────────────────────────────────
   ⛔ MÉRT HIBA: a döntőgombokat `disabled`-re állítottuk, ha másé a foglalás.
   Roland rákattintott a Jóváhagyomra, és NEM TÖRTÉNT SEMMI — se üzenet, se
   magyarázat. A gomb sosem lehet néma: most él, csak megkérdezi, átveszi-e,
   és fölötte ott áll, hogy kié a termék. */
.zarsav{grid-column:1/-1;display:flex;align-items:center;gap:12px;
  padding:9px 14px;margin-bottom:2px;border-radius:11px;
  background:var(--sarga-50);border:1px solid var(--sarga-200);color:#6b4600;
  font-size:12.5px;font-weight:600}
.zarsav span{flex:1;min-width:0}
.zarsav b{font-weight:700}
/* A zárolt gomb LÁTSZIK zároltnak, de kattintható marad. */
.g.zarolt{position:relative;opacity:.72}
.g.zarolt::after{content:"🔒";position:absolute;right:7px;top:50%;
  transform:translateY(-50%);font-size:11px}

/* ── BELÉPŐ A GÉPEN ──────────────────────────────────────────────────────
   ⛔ MÉRT HIBA: eddig NEM VOLT belépő a gépes felületen. Munkamenet nélkül a
   lap önmagára irányított át, tehát VÉGTELEN CIKLUSBAN újratöltötte magát —
   és közben minden körben felvillant a demó-adat. A felhasználónak nem volt
   hova belépnie. Egy felületnek, ami munkamenetet kér, saját belépője kell. */
.belepesfal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;
  background:var(--papir)}
.belepodoboz{width:min(400px,calc(100% - 40px));background:var(--lap);
  border:1px solid var(--keret);border-radius:20px;padding:32px 34px 30px;
  box-shadow:var(--arny-3);text-align:center}
.belepomarka{display:flex;align-items:center;justify-content:center;gap:9px;
  margin-bottom:22px}
.belepomarka i{width:30px;height:30px;border-radius:9px;background:var(--kek);
  color:#fff;font-style:normal;font-weight:700;display:grid;place-items:center;
  font-size:15px}
.belepomarka b{font-size:15px;font-weight:650}
.belepodoboz h2{margin:0 0 4px;font-size:22px;font-weight:700;letter-spacing:-.01em}
.belepodoboz p{margin:0 0 22px;font-size:13px;color:var(--halvany)}
.belepofiokok{display:grid;gap:9px}
.belepofiok{display:flex;align-items:center;gap:12px;width:100%;padding:12px 15px;
  border:1.5px solid var(--keret-2);border-radius:13px;background:var(--lap);
  text-align:left;transition:border-color .12s,background .12s}
.belepofiok:hover{border-color:var(--kek-600);background:var(--kek-25)}
.belepofiok i{width:34px;height:34px;border-radius:10px;background:var(--papir-2);
  color:var(--kek-900);font-style:normal;font-weight:700;font-size:12.5px;
  display:grid;place-items:center}
.belepofiok span{font-size:15px;font-weight:600}
.belepofiokok[hidden]{display:none}
/* ⭐ Név beírása (2026-09-17): a névsort a szerver már nem adja ki belépés nélkül —
   új eszközön egyszer be kell írni. ⚠️ A `[hidden]` szabály kell: a `display:flex`
   legyőzné a `hidden` attribútumot. */
.belepnev{display:flex;gap:8px;margin:0}
.belepnev[hidden]{display:none}
.belepnev input{flex:1;min-width:0;height:44px;padding:0 13px;border:1.5px solid var(--keret-2);
  border-radius:12px;background:var(--lap);font:inherit;font-size:15px;color:var(--szoveg);
  outline:0}
.belepnev input:focus{border-color:var(--kek);box-shadow:0 0 0 3px rgba(65,86,149,.14)}
.belepnev .g{height:44px;padding:0 16px;border-radius:12px}
/* ⭐ Név és PIN EGY SORBAN (Roland, 2026-09-17) — a PIN-mező keskeny, középre írt. */
.belepnev #belepoNevPin{flex:none;width:86px;padding:0 8px;text-align:center;letter-spacing:.3em}
/* ⛔ MÉRT (képen, 2026-09-17): a rácscella a mező alapszélességéhez tágult, és a Belépés
   gomb 18 px-re kilógott a kártyából. A `minmax(0,1fr)` engedi összehúzódni a névmezőt. */
.belepofiokok{grid-template-columns:minmax(0,1fr)}
.belepnev.rossz{animation:razas .38s}
.belepnevhiba{margin:0}
.belepovissza[hidden]{display:none}

.belepopin[hidden]{display:none}
.belepopinsor{display:flex;gap:10px;justify-content:center;margin-bottom:14px}
.belepopinsor input{width:58px;height:68px;text-align:center;font-size:26px;
  font-weight:700;border:1.5px solid var(--keret-2);border-radius:14px;
  background:var(--lap);color:var(--szoveg);outline:0}
.belepopinsor input:focus{border-color:var(--kek);box-shadow:0 0 0 3px rgba(65,86,149,.14)}
.belepopinsor.rossz{animation:razas .38s}
@keyframes razas{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}
  40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}
.belepohiba{color:var(--piros);font-size:13px;font-weight:600;margin:0 0 12px}
.belepohiba[hidden]{display:none}
/* ⛔ 2026-10-12: a `.belepodoboz p` (0,1,1) szürkéje legyőzte a fenti pirosat — a „Hibás név
   vagy PIN." szürkén állt. (A kódlépés hibájára a gep13-ketlepcso.css már ugyanezt teszi.) */
.belepodoboz .belepohiba{color:var(--piros)}
.belepovissza{border:0;background:none;color:var(--halvany);font:inherit;
  font-size:13px;padding:6px}

/* ── Típus-vezérelt megerősítendő blokk (2026-09-01) ─────────────────────
   A választó-gombsorok (terméktípus, csomagolás, korosztály, minőség, anyag)
   a .tipus kétoszlopos rácsát öröklik — itt annyi oszlop, ahány gomb elfér. */
/* ⭐ 2026-09-05 (élő képen mérve): a nyolc típus-pirula 72 px-en csonkolódott
   („Fém aut…", „Hot Wh…") — a „Fém autó 2" és a „Fém autó" így nem volt
   megkülönböztethető. 96 px-es minimum: a hasábban 4 fér egy sorba, két sor. */
.tipus.valaszto{grid-template-columns:repeat(auto-fit, minmax(96px, 1fr))}
.tipus.valaszto button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:4px;padding-right:4px}
/* ⭐ Edit (2026-09-15): a korosztály 7–9 rövid értékű lett (0+ … 14+, Gyűjtő) — keskenyebb
   rácsban kevesebb sorba fér, és a „Gyűjtő" sem csonkul. */
.tipus.valaszto[data-mezo="korosztaly"]{grid-template-columns:repeat(auto-fit, minmax(58px, 1fr))}

/* A megerősítendő blokk a típus-mezőkkel magasabb lehet a hasábnál — a hasáb
   ilyenkor BELÜL görget, nem némán csonkol (61. akna szelleme). */
.oszlop{overflow-y:auto;scrollbar-width:thin}

/* ── ⭐ KÉT SZEREP (Roland, 2026-09-17) ───────────────────────────────────
   A munkatárs nem látja, amihez nincs joga: a Beállításokat és a termék törlését.
   A szerver is tiltja (403); a `nemadmin` osztályt a szerverIndul teszi fel. */
body.nemadmin #osbeall, body.nemadmin .fogas, body.nemadmin .tkuka{display:none !important}

/* Saját PIN-csere ablak — a törlés-ablak szerkezete, kék fejléccel. */
.tablak.pinablak .tfej{background:var(--kek)}
.tablak.pinablak .tfej .tkor{color:#fff}
.pinszoveg{margin:0 0 12px;font-size:12.5px;color:var(--halvany)}
.pinmezok{display:flex;gap:10px;margin-bottom:12px}
.pinmezok label{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;font-size:11px;
  font-weight:600;color:var(--halvany)}
.pinmezok input{width:100%;padding:9px 8px;border:1px solid var(--keret-2);border-radius:10px;
  background:var(--lap);font:inherit;font-size:16px;letter-spacing:.3em;text-align:center;
  color:var(--szoveg)}
.pinmezok input:focus{outline:0;border-color:var(--kek);box-shadow:0 0 0 3px var(--kek-100)}
.pinhiba{margin:0 0 12px;font-size:12.5px;font-weight:600;color:var(--piros)}
.pinhiba[hidden]{display:none}
.tgombok .pinment{background:var(--kek);color:#fff}
.tgombok .pinment:disabled{opacity:.6;cursor:default}

/* ⭐ 2026-11-04 KINT LÉVŐ TERMÉK SZERKESZTÉSE + KÉPEK A GÉPRŐL */
.dontosor .g.fo.kintnyugi,.gombok .g.fo.kintnyugi{background:var(--papir-2);color:var(--halvanyabb);
  border-color:var(--keret);box-shadow:none;cursor:default}
.kzszoveg{margin:0 0 16px;color:var(--halvany);font-size:13.5px;line-height:1.5}
.tablak.fgablak{width:min(520px,calc(100vw - 32px))}
.kepejto{display:flex;flex-direction:column;align-items:center;gap:6px;margin:14px 0 6px;padding:26px 18px;
  border:2px dashed var(--keret-2);border-radius:14px;background:var(--kek-25);cursor:pointer;text-align:center;
  transition:border-color .15s,background .15s}
.kepejto b{font-size:15px;color:var(--kek-900)}
.kepejto span{font-size:12.5px;color:var(--halvany)}
.kepejto .fgjel{margin-top:4px;color:var(--halvanyabb);font-size:11.5px}
.kepejto:hover,.kepejto.rajta{border-color:var(--kek);background:var(--kek-50)}
.kepejto.fut{pointer-events:none;opacity:.6}
.fgallapot{min-height:18px;font-size:12.5px;color:var(--kek-900);font-weight:600;text-align:center}
.ablakhatter.kephuzas .ablak{outline:3px dashed var(--kek);outline-offset:-6px}
.tsor.huzascel{background:var(--kek-50);box-shadow:inset 0 0 0 2px var(--kek)}
/* a bezáráskori kérdés az átnéző ablak (300) FÖLÖTT */
#kintZarAblak{z-index:400}
.tablak.kzablak .tfej{background:var(--kek)}
.tablak.kzablak .tfej b{color:#fff}

/* ⭐ 2026-11-05 SORREND A BOLTBAN (Beállítások) */
.sorrendgombok{display:flex;gap:10px;margin:12px 0 4px}
.sorrendchipek{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.sorrendchip{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 12px;border-radius:999px;
  background:var(--kek-50);border:1px solid var(--kek-100);color:var(--kek-900);font-weight:600;font-size:13px}
.sorrendchip button{border:0;background:transparent;color:var(--kek-600);font-size:16px;line-height:1;cursor:pointer;
  width:22px;height:22px;border-radius:50%}
.sorrendchip button:hover{background:var(--kek-100)}
.sorrenduj{display:flex;gap:8px;max-width:420px;margin:6px 0 14px}
.sorrenduj input{flex:1;padding:9px 12px;border:1px solid var(--keret-2);border-radius:10px;font:inherit}