/* pozíció/méret mostantól a fenti egységes .mx-um-panel,.mx-scene-panel,.mx-si-panel
   szabályból jön (2026-09-06) -- itt csak a belső elrendezés marad. */
.mx-um-panel{display:flex;flex-direction:column;gap:2px}
.mx-um-panel[hidden]{display:none}
.mx-um-cat{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;opacity:.6;padding:9px 8px 3px;font-weight:700}
.mx-um-cat.mx-um-sep{border-top:1px solid var(--border,#c9b892);margin-top:4px}
.mx-um-panel > button,.mx-um-panel > select,.mx-um-panel > .mx-um-row > button,.mx-um-panel > .mx-um-row > select{
  display:flex!important;align-items:center;gap:8px;width:100%;box-sizing:border-box;justify-content:flex-start!important;text-align:left!important;margin:0!important;font-size:.9rem}
.mx-um-panel select{padding:6px 9px}

/* U-873 (2026-09-08, user: "a felso menuket is rendbe tudod rakni kerlek")
   A menübe MOZGATOTT gombok a saját eredeti helyükről hozták a stílusukat
   (btn-primary = kitöltött piros doboz, btn-secondary = keretes doboz,
   btn-ghost = sima sor), ezért a legördülőkben egymás alatt vegyes,
   "össze-vissza" hatást keltettek. A panelen BELÜL mind egységes lista-sor
   (a gombok eredeti viselkedése/kezelői változatlanok). */
.mx-um-panel > button,
.mx-um-panel > .mx-um-row > button,
.mx-si-panel .mx-si-sec > button{
  background:transparent!important; border:1px solid transparent!important;
  color:inherit!important; border-radius:8px!important; padding:7px 9px!important}
.mx-um-panel > button:hover,
.mx-um-panel > .mx-um-row > button:hover,
.mx-si-panel .mx-si-sec > button:hover{background:rgba(127,127,127,.16)!important}
/* Az elsődleges műveletek (pl. „Új jelenet") ne olvadjanak bele: a kiemelést
   a szöveg színe/vastagsága adja, nem egy kitöltött doboz. */
.mx-um-panel > button.btn-primary{color:var(--accent-bright,#d4a84b)!important;font-weight:600}
.mx-um-panel .mx-um-row{display:flex;gap:6px;flex-wrap:wrap}
.mx-um-panel .mx-um-row > *{flex:1 1 auto}
.mx-um-trg .icon{font-size:1rem}
/* U-868 (2026-09-08, user: "ha nagyitok az oldalon akkor a menuk ne
   oszevisze keruljenek") -- ha a kategória-gombok nem férnek ki EGY sorba
   (böngésző-nagyítás vagy szűk fejléc), a JS (l. mxFitMenuRow() a
   42-egyseges-menuk.js-ben) ideteszi a .mx-um-compact osztályt: a feliratok
   eltűnnek, csak a festett ikon marad, így a sor nem tördelődik -- és a
   legördülő újra a saját gombja alatt nyílik, nem a blokk mellé.
   A gomb `title`-je megmarad, tehát rámutatva továbbra is látszik a neve. */
   FONTOS: `font-size:0` a gombon (és nem csak a .mx-um-label elrejtése),
   mert az Állapot-gombot egy MÁSIK modul (45-allapot-panel.js) hozza létre,
   ahol a felirat CSAK egy szöveg-csomópont, span nélkül -- azt CSS-ből
   máshogy nem lehet elrejteni. Az ikon emiatt kap explicit px-méretet (az
   em-alapú méret a font-size:0-val együtt eltűnne). */
/* U-872 köztes lépcső: FELIRAT MEGMARAD, csak a térközök szorosabbak --
   így pár száz pixel megspórolható, és több nagyítási szinten még elfér a
   menü egyetlen sorban az eszköztár mellett (a tördelés előtti utolsó
   esély, l. mxFitMenuRow()). */
.header-account.mx-um-tight{gap:.15rem!important}
.mx-um-tight .mx-um-trg{padding-left:.3rem!important;padding-right:.3rem!important;gap:4px}
.mx-um-tight .mx-um-trg .icon-img{width:26px!important;height:26px!important}
.mx-um-compact .mx-um-trg{font-size:0!important;padding-left:.5rem!important;padding-right:.5rem!important;gap:0}
.mx-um-compact .mx-um-trg .mx-um-label{display:none}
.mx-um-compact .mx-um-trg .icon-img{width:30px!important;height:30px!important;margin:0!important}
.mx-um-compact .mx-um-trg .icon{font-size:20px}
/* U-874 záró lépcső: ha a fejléc menü-oszlopa már ikonokkal sem elég két
   sorhoz (nagyon erős nagyítás), a menüsáv saját, teljes szélességű sort kap
   -- ott a feliratok is visszatérnek, l. mxFitMenuRow(). */
.header-account.mx-um-fullrow{grid-column:1 / -1;justify-content:flex-end}
/* 2026-09-07: a nyitott kategória gombja jelölve marad, hogy a menüsoron
   végigsöpörve mindig látszódjon, épp melyik van nyitva. */
.mx-um-trg-open{background:rgba(255,255,255,.08);border-color:var(--accent-dim)}
.mx-um-panel{animation:mx-um-in .13s ease-out}
/* U-870 (2026-09-08): menüsoron végigsöpörve NE fusson újra a beúszó
   animáció minden váltásnál (villogásnak látszott) -- l. open() a
   42-egyseges-menuk.js-ben. */
.mx-um-panel.mx-um-noanim{animation:none}
@keyframes mx-um-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.mx-um-panel{animation:none}}
/* C-067 folyt. (2026-08-15, user: "a menuk habar apro es en kiemelnem egy
   hajszalt") -- a menü/Tudástár/Referencia gombokon a festett érem-ikonok
   1.2em-nél alig kivehetők; ezekben a kontextusokban nagyobbra véve. */
.mx-um-trg img.icon-img, .mx-lex-btn img.icon-img,
.mx-reg-btn img.icon-img,
#openGlossBtn img.icon-img, .mx-cmd-help-btn img.icon-img {
  width: 2.53em; height: 2.53em; vertical-align: -0.76em; margin-right: .25rem;
}
#mxLogToolRow .icon { font-size: 1.7em; }
/* C-067 folyt. (2026-08-16, user: "Az oszes almenu ikonja legyen egyseges
   meretu mint a tudastarban") -- a katalógus-modálon belüli fül-sor
   (Varázslatok/Bestiárium/Pszi/stb.) ikonjai eddig lemaradtak a menü-
   szintű méretezésből, most ugyanaz a méret mindenhol. */
.browser-tab img.icon-img {
  width: 2.53em; height: 2.53em; vertical-align: -0.76em;
}
/* C-067 folyt. (2026-08-16, user screenshot körrel: a Karakterlap/
   Felszerelés/Térkép/Küldetések sor ikonjai is a kisebb "menü előtti"
   méretben maradtak -- ugyanarra a méretre hozva, mint a többi. */
.char-widget-row img.icon-img {
  width: 2.53em; height: 2.53em; vertical-align: -0.76em;
}
/* C-068 (2026-08-16, user: "Az oszes almenu ikonja legyen egyseges meretu
   mint a tudastarban") -- a #539d egyesitett menu almenu-paneljeibe (Jatek/
   Generatorok stb.) elo DOM-mozgatassal bekerulo gombok (Szorny/Helyszin/
   Kezdemenyezes/Pihenes/Csak parbeszed/Naplo/Tortenet/generator-gombok)
   sajat emoji- vagy kep-ikonjai eddig kimaradtak minden korabbi
   egysegesitesbol, mert kulon feature-blokkokban jottek letre, a mostani
   panel-szintu szabaly MINDEGYIKUKET elkapja, kep es emoji ikont egyarant. */
.mx-um-panel img.icon-img { width: 2.53em; height: 2.53em; vertical-align: -0.76em; margin-right: .25rem; }
.mx-um-panel .icon { font-size: 1.7em; }
/* U-874 (2026-09-09, user: "ez milyen csuf ikon") -- a panelbe mozgatott
   ICON-ONLY gombok (pl. #gmPanelBtn) az eredeti helyükön .btn-icon-ok voltak,
   fix 2.2rem×2.2rem négyzettel -- ide már a JS (l. found.forEach() fent)
   .mx-um-label feliratot ad nekik a title/aria-label alapján, de az a fix
   méret levágta volna; itt teljes sorrá oldjuk, mint minden más elemet. */
.mx-um-panel > .btn-icon { width: auto; height: auto; padding: 7px 9px !important; }

/* 2026-09-20 (Claude, teljes menü-söprés): a fenti
   `.mx-um-panel > button{display:flex!important}` (specificitás 0,1,1) LEGYŐZTE
   a globális `.hidden{display:none!important}` szabályt (0,1,0) -- így minden
   menübe MOZGATOTT, feltételesen rejtett gomb mindig látszott. Élő hatás: az
   #adminPanelBtn sima felhasználónak is megjelent a Fiók menüben, meg is
   nyitotta az admin-panelt, ami aztán 403-ba futott (a szerver helyesen tiltott,
   tehát jogosultsági rés NEM volt -- csak a felület kínált elérhetetlen
   funkciót). A rejtés elsőbbségét itt állítjuk vissza, magasabb
   specificitással, hogy a jövőbeli menügombokra is érvényes legyen. */
.mx-um-panel > button.hidden, .mx-um-panel > select.hidden,
.mx-um-panel > .mx-um-row > button.hidden, .mx-um-panel > .mx-um-row > select.hidden,
.mx-um-panel > button[hidden], .mx-um-panel > select[hidden],
.mx-um-panel > .mx-um-row > button[hidden], .mx-um-panel > .mx-um-row > select[hidden]{
  display:none!important}