/* =============================================================================
   shell-v3-harmony.css — W2 keret-egységesítés (D-267/D-268, SHELL_V3_HARMONY)

   A JÓVÁHAGYOTT minta: docs/modules/w2-design-coherence/shell_v3_sample.html —
   VILÁGOS-MELEG váz: a sötét felső sáv megszűnik; a felső sáv, a bal menü, az
   alsó mobil-sáv és a tartalom UGYANABBÓL a meleg rámpából él, EGY zöld
   kiemeléssel. Lebegő elemek: asztalon 1 (Üzenetek), mobilon 2 („+" + Üzenetek).

   CSAK AKKOR TÖLTŐDIK, ha a SHELL_V3_HARMONY flag él (render_theme_head, lib.php)
   — flag-off a mai keret bájtra változatlan. Ez FELÜLÍRÓ réteg: a törzs-fájlokhoz
   (style.css / design-tokens.css / shell-v2.css / home_v3.css) nem nyúlunk; a
   tulajdonosi elfogadás UTÁN, külön takarító lépésben olvad be az értékkészlet
   (SHELL_V3_TERV §e), és ez a fájl megszűnik.

   Betöltési sorrend: style.css → design-tokens.css → shell-v2.css → EZ.
   A lebegő elemek stílusa a lib.php-ban BODY-VÉGI inline <style>-ként él, ami a
   fájlsorrendtől függetlenül azonos specificitásnál győzne — ezért az itteni
   FAB-felülírások szándékosan magasabb specificitásúak (html-előtag / #dmWidget).
   ============================================================================= */

/* ═══════════════════════════════════════════════════════════════════════════
   ① TOKEN-ÚJRAÉRTÉKEK — focus-light → meleg papír, focus-dark → meleg grafit
   (a minta bájtra pontos értékei; a slate-blue/forest/warm-sand blokkokhoz
   nem nyúlunk — kivezetésük külön takarítási tétel, SHELL_V3_TERV §b)
   ═══════════════════════════════════════════════════════════════════════════ */

:root,
html[data-theme="focus-light"],
html[data-theme="light"]{
  --page-bg:#F7F5F1;
  --surface:#FFFFFF; --surface-soft:#F2EFE9; --surface-raised:#FBFAF7;
  --border-subtle:#F1EDE5; --border-theme:#E8E3DA; --border-strong:#DCD6CA;
  --text:#211E1A; --muted-theme:#54504A; --text-subtle:#767066; /* AA-emelés */
  --input-bg:#FFFFFF;
  --header-bg:var(--surface); --header-text:var(--text); /* a sötét sáv megszűnik */
  --overlay:rgba(30,25,18,.45);
  --shadow-theme:0 2px 10px rgba(30,25,18,.06);
  --shadow-sm:0 2px 10px rgba(30,25,18,.04);
  --shadow-lg:0 18px 40px -18px rgba(30,25,18,.4);
}

html[data-theme="focus-dark"],
html[data-theme="dark"],
html[data-theme="studio-dark"]{
  --page-bg:#1C1A17;
  --surface:#26231F; --surface-soft:#2E2B25; --surface-raised:#211E1B;
  --border-subtle:#2E2B25; --border-theme:#35312A; --border-strong:#454037;
  --text:#EDE9E0; --muted-theme:#A8A296; --text-subtle:#8A8478;
  --input-bg:#211E1B;
  --header-bg:var(--surface); --header-text:var(--text);
  --overlay:rgba(0,0,0,.6);
  /* V3 sötét szabály: nincs árnyék (a minta --v3-shadow-card:none) */
  --shadow-theme:none;
  --shadow-sm:none;
  --shadow-lg:none;
}

/* Tipográfia + sarok-skála: a keret a V3 ui-stackre áll (az 'Inter' amúgy sincs
   betöltve), a menüpont-sugár a minta 9px-e (--mpn-r-md fogyasztói együtt mozdulnak). */
:root{
  --mpn-font: system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --mpn-font-mono: ui-monospace,SFMono-Regular,'SF Mono',Consolas,'Liberation Mono',monospace;
  --mpn-r-md: 9px;
}
body{ font-family:var(--mpn-font); }

/* ═══════════════════════════════════════════════════════════════════════════
   ② FELSŐ SÁV — meleg felület; minden áttetsző-fehér felület-hack kikerül
   ═══════════════════════════════════════════════════════════════════════════ */

.workspace-topbar{
  background:var(--mpn-surface);
  color:var(--mpn-tx);
  border-bottom:1px solid var(--mpn-border);
}

/* Márka: zöld négyzet „M" + Mediapartizan (a markup a lib.php flag-ága) */
.mpn-brand-v3{ flex-direction:row; align-items:center; gap:10px; color:var(--mpn-tx)!important; }
.mpn-brand-mark{
  width:27px; height:27px; border-radius:8px; background:var(--mpn-accent);
  color:var(--mpn-on-accent); display:inline-flex; align-items:center; justify-content:center;
  font-weight:700; font-size:14px; letter-spacing:-.02em; flex:none;
}
.mpn-brand-name{ font-size:14.5px; font-weight:600; letter-spacing:-.01em; }

/* Hamburger: token-nyelvű ikon-gomb (háttér nélkül, hover halk felület) */
.sidebar-toggle{
  border:0; background:transparent; color:var(--mpn-tx-2); border-radius:9px;
}
.sidebar-toggle:hover{ background:var(--mpn-surface-soft); color:var(--mpn-tx); }

/* Kereső-belépő: valódi mező-nyelv (halk felület + keret, 10px sugár) */
.top-search-btn{
  border:1px solid var(--mpn-border); border-radius:10px;
  background:var(--mpn-surface-soft); color:var(--mpn-tx-3);
}
.top-search-btn:hover{
  background:var(--mpn-surface-soft); color:var(--mpn-tx); border-color:var(--mpn-border-strong);
}
/* A minta széles kereső-mezője CSAK ASZTALON. Korábban a feltétlen `min-width:220px` a
   kaszkádban (azonos specificitás, későbbi fájl) felülütötte a style.css ≤640px-es
   `min-width:auto` szabályát — EZ volt a mobil vízszintes túlcsordulás fő oka. */
@media (min-width:768px){
  .top-search-btn{ min-width:220px; }
}

/* ── ②/b MOBIL FELSŐ SÁV (≤767px) — a túlcsordulás gyökér-javítása a minta m-topbar
   rendjével. 390px-en a sáv gyerekei (220px kereső + teljes-képernyő + projekt-pill +
   harang + fiók) együtt ~719px-et kértek → a lap vízszintesen túlcsordult. A minta
   mobil sávja: márka + kereső(ikon) + harang + fiók — pontosan ennyit hagyunk. ── */
@media (max-width:767px){
  .workspace-topbar{ gap:8px; padding:0 12px; }
  .workspace-brand-row{ gap:8px; }
  .workspace-top-actions{ gap:8px; }
  .top-search-btn{ min-width:auto; }
  .top-search-btn span{ display:none; }        /* 641–767 közt is ikon-gomb */
  .fullscreen-toggle{ display:none; }          /* asztali eszköz (F11-pótló) — a mintában nincs */
  .workspace-top-actions .ap-menu{ display:none; } /* a projekt-pill a minta mobil sávjában nincs; a beállított kontextus megmarad */
  .workspace-topbar .profile-menu-toggle{ padding:6px; }
  .workspace-topbar .profile-menu-toggle > span[aria-hidden="true"]{ display:none; } /* a minta mobil fiók-gombja csupasz avatar (nincs nyíl) */
}

/* Teljes képernyő: háttér nélküli ikon-gomb */
.fullscreen-toggle{
  border:0; background:transparent; color:var(--mpn-tx-2); border-radius:9px;
}
.fullscreen-toggle:hover{ background:var(--mpn-surface-soft); color:var(--mpn-tx); }

/* A sáv gomb-kapszulái: halk, keret nélküli nyelv; a projekt-választó ghost-pill */
.workspace-topbar .profile-menu-toggle{
  border:1px solid transparent; background:transparent; color:var(--mpn-tx-2); border-radius:999px;
}
.workspace-topbar .profile-menu-toggle:hover{ background:var(--mpn-surface-soft); color:var(--mpn-tx); }
.workspace-topbar .ap-toggle{ border-color:var(--mpn-border-strong); }
.workspace-topbar .ap-toggle.has-project{ border-color:var(--mpn-accent); color:var(--mpn-tx); }

/* Fiók: semleges kör-avatar (a zöld kizárólag az AI-gombé és a jelzéseké) */
.profile-avatar{
  border-radius:50%; background:var(--mpn-surface-soft);
  border:1px solid var(--mpn-border); color:var(--mpn-tx-2); font-weight:600;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ③ AZ EGY ZÖLD AI-GOMB + a hozzá horgonyzott gyors-műveletek panel
   (a markup a lib.php render_topbar_ai_button(); az azonosítók a villámé,
   így a theme.js meglévő vezérlője változatlanul működik)
   ═══════════════════════════════════════════════════════════════════════════ */

.quick-ai--topbar{
  position:relative; right:auto; bottom:auto; z-index:auto; display:inline-flex;
}
.quick-ai--topbar .quick-ai-btn.mpn-ai-btn{
  width:auto; height:34px; border-radius:999px; border:0; cursor:pointer;
  display:inline-flex; align-items:center; gap:7px; padding:0 15px;
  background:var(--mpn-accent); color:var(--mpn-on-accent);
  font-size:.85rem; font-weight:700; line-height:1; box-shadow:none;
}
.quick-ai--topbar .quick-ai-btn.mpn-ai-btn:hover{
  background:var(--mpn-accent-hover); transform:none; box-shadow:none;
}
.quick-ai--topbar .quick-ai-pop{
  position:absolute; left:50%; right:auto; transform:translateX(-50%);
  top:calc(100% + 10px); bottom:auto; width:280px; z-index:1400;
  background:var(--mpn-surface-raised); border:1px solid var(--mpn-border-strong);
  border-radius:12px; box-shadow:var(--mpn-shadow-menu);
}
.quick-ai-links{
  display:flex; flex-direction:column; gap:2px; margin:0 0 10px;
  padding:0 0 8px; border-bottom:1px solid var(--mpn-border-subtle);
}
.quick-ai-links a{
  display:flex; align-items:center; gap:7px; padding:7px 9px; border-radius:9px;
  color:var(--mpn-tx); text-decoration:none; font-size:13px; font-weight:600;
}
.quick-ai-links a:hover{ background:var(--mpn-surface-soft); }

/* ═══════════════════════════════════════════════════════════════════════════
   ④ BAL MENÜ — a minta rail-nyelve pixelre (shell_v3_sample.html 143–166):
   „Munkaterület" szakaszfelirat · meleg emelt háttér · zöld aktív (tint háttér +
   zöld szöveg + zöld ikon) · mono jelvény + kiemelt attn-pill · elválasztó a
   „Több" előtt · rail-foot Összecsukás. „Összecsukás" AA-kontraszt.
   ═══════════════════════════════════════════════════════════════════════════ */

.mpn-rail{ background:var(--mpn-surface-raised); }
.mpn-rail-collapse{ color:var(--mpn-tx-2); font-size:12px; gap:10px; } /* volt --mpn-tx-3 — axe 3.2 → AA; méretek: minta .rail-foot */

/* ① „Munkaterület" szakaszfelirat (minta .rail-cap; a markup a ui_shell_lib flag-ága) */
.mpn-rail-cap{
  font-family:var(--mpn-font-mono); font-size:10px; text-transform:uppercase;
  letter-spacing:.14em; color:var(--mpn-tx-3); padding:4px 12px 8px; margin:0; flex:none;
}
body.mpn-rail-collapsed .mpn-rail-cap{ display:none; } /* összecsukva nincs helye */

/* ③ aktív elem = halvány zöld tint + ZÖLD szöveg + ZÖLD ikon (minta .nav-item.is-active) */
.mpn-rail-item, .mpn-rail-more{ font-size:13.5px; }
.mpn-rail-item .mpn-rail-ico, .mpn-rail-more .mpn-rail-ico{ color:var(--mpn-tx-3); }
.mpn-rail-item:hover .mpn-rail-ico, .mpn-rail-more:hover .mpn-rail-ico{ color:var(--mpn-tx-3); }
.mpn-rail-item.is-active, .mpn-rail-more.is-active{
  background:var(--mpn-accent-tint); color:var(--mpn-accent); border-left-color:var(--mpn-accent);
}
.mpn-rail-item.is-active .mpn-rail-ico, .mpn-rail-more.is-active .mpn-rail-ico{ color:var(--mpn-accent); }

/* ④ jelvények a minta szerint: alap = halk mono szám (minta .nav-badge); accent =
   kiemelt zöld pill (minta .nav-badge.attn); danger ugyanaz a pill-forma, állapot-pirosban.
   (A 0-2-0 specificitás szándékos: a shell-v2.css 0-1-0 variánsai fölé kell írni.) */
.mpn-rail .mpn-nav-badge{
  margin-left:auto; min-width:0; height:auto; padding:0; border-radius:0;
  background:transparent; font-family:var(--mpn-font-mono); font-size:11px;
  font-weight:400; color:var(--mpn-tx-3);
}
.mpn-rail .mpn-nav-badge--accent{
  font-family:var(--mpn-font); font-size:10.5px; font-weight:600;
  background:var(--mpn-accent); color:var(--mpn-on-accent); border-radius:999px; padding:1px 7px;
}
.mpn-rail .mpn-nav-badge--danger{
  font-family:var(--mpn-font); font-size:10.5px; font-weight:600;
  background:var(--mpn-danger); color:#fff; border-radius:999px; padding:1px 7px;
}

/* ⑤ elválasztó a fő elemek és a „Több" közt (minta .rail-sep; a li a ui_shell_lib flag-ága) */
.mpn-rail-sep{ list-style:none; height:1px; background:var(--mpn-border-subtle); margin:10px 8px; }

/* Mobil alsó sáv — a minta m-nav nyelve: meleg felület + zöld aktív */
@media (max-width:767px){
  .mpn-mobilenav{ background:var(--mpn-surface); border-top:1px solid var(--mpn-border); box-shadow:none; }
  .mpn-mtab{ color:var(--mpn-tx-3); font-size:10.5px; font-weight:500; gap:3px; }
  .mpn-mtab.is-active{ color:var(--mpn-accent); font-weight:600; }
  .mpn-mtab.is-active::before{ left:24%; right:24%; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   ⑤ LEBEGŐ ELEMEK — asztalon 1 (Üzenetek), mobilon 2 („+" + Üzenetek)
   A specificitás szándékosan magasabb az inline <style>-oknál (lásd fejléc).
   ═══════════════════════════════════════════════════════════════════════════ */

/* Üzenetek — az EGYETLEN asztali lebegő: halk felület-kör, jobb alul */
html #dmWidget .dm-fab{
  right:22px; bottom:22px; width:48px; height:48px;
  background:var(--mpn-surface); color:var(--mpn-tx-2);
  border:1px solid var(--mpn-border-strong);
  box-shadow:0 6px 18px rgba(30,25,18,.12);
}
html #dmWidget .dm-fab:hover{ color:var(--mpn-tx); transform:none; }

/* A visszajelzés lebegő gombja megszűnik (mpn-fb--docked: a fiók-menü nyitja a panelt) */
.mpn-fb--docked .mpn-fb-btn{ display:none; }
.mpn-fb--docked .mpn-fb-panel{ position:fixed; right:20px; bottom:20px; }

/* A dokkolt visszajelzés-panel hardcode sötét hexei → token-nyelv */
.mpn-fb--docked .mpn-fb-panel{
  background:var(--mpn-surface-raised); color:var(--mpn-tx);
  border:1px solid var(--mpn-border-strong); box-shadow:var(--mpn-shadow-modal);
}
.mpn-fb--docked .mpn-fb-ctx,
.mpn-fb--docked .mpn-fb-sep,
.mpn-fb--docked .mpn-fb-empty,
.mpn-fb--docked .mpn-fb-m.pending{ color:var(--mpn-tx-2); }
.mpn-fb--docked .mpn-fb-m.ai{ background:var(--mpn-surface-soft); color:var(--mpn-tx); }
.mpn-fb--docked .mpn-fb-m.user{ background:var(--mpn-accent); color:var(--mpn-on-accent); }
.mpn-fb--docked .mpn-fb-text{
  background:var(--mpn-input-bg); border:1px solid var(--mpn-border); color:var(--mpn-tx);
}
.mpn-fb--docked .mpn-fb-text::placeholder{ color:var(--mpn-tx-3); }
.mpn-fb--docked .mpn-fb-send{ background:var(--mpn-accent); color:var(--mpn-on-accent); }
.mpn-fb--docked .mpn-fb-send:hover{ background:var(--mpn-accent-hover); }
.mpn-fb--docked .mpn-fb-close{ color:var(--mpn-tx-3); }
.mpn-fb--docked .mpn-fb-err{ color:var(--mpn-danger); }

/* A fiók-menü „Segítség és visszajelzés" pontja — a menü-linkek nyelvén */
.profile-menu-fb{
  display:block; width:100%; text-align:left; background:none; border:0; cursor:pointer;
  font:inherit; font-size:.9rem; color:var(--mpn-tx); padding:8px 10px; border-radius:8px;
}
.profile-menu-fb:hover{ background:var(--mpn-surface-soft); }

/* Mobil: a két lebegő a jobb alsó sarokban, az alsó sáv FÖLÖTT — semmi nem takar */
@media (max-width:767px){
  /* „+" gyors rögzítés: tinta-kör (a tartalom elsődleges gomb-nyelve), közvetlenül a sáv fölé */
  html .v3-fab{
    left:auto; right:14px;
    bottom:calc(var(--mpn-mobilenav-h,64px) + 12px);
    background:var(--v3-btn-primary-bg,#211E1A); color:var(--v3-btn-primary-tx,#F6F4EF);
    box-shadow:0 8px 22px rgba(30,25,18,.22);
  }
  /* Üzenetek: a „+" fölött, halk felület-körként */
  html .mpn-mobilenav~#dmWidget .dm-fab{
    right:17px; bottom:calc(var(--mpn-mobilenav-h,64px) + 78px);
    width:46px; height:46px;
  }
  html .mpn-mobilenav~#dmWidget .dm-panel{
    bottom:calc(20px + var(--mpn-mobilenav-h,64px) + 12px);
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   ⑥ MENÜ-ÚJRATERVEZÉS (D-271, MENU_V3) — a menu_sample.html nyelve.
   A szelektorok KIZÁRÓLAG a MENU_V3 flag-on markupjára illeszkednek
   (.mpn-acct-v3 / .mpn-admin-panel / .mpn-more-tudastar / .quick-ai--hub /
   html.mpn-menu-v3) → harmony-on + menü-off állapotban EGYIK sem hat.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Mobilon a hamburger-fiók (drawer) megszűnt → a hamburger-gomb sem renderel értelmet */
@media (max-width:767px){
  html.mpn-menu-v3 .sidebar-toggle{ display:none; }
}

/* ── Fiók-menü 1. szint (minta .acct-panel) ── */
.mpn-acct-v3{ width:254px; padding:10px; border-radius:14px; border-color:var(--mpn-border-strong); }
.mpn-acct-head{
  display:flex; align-items:center; gap:10px; padding:8px 10px 12px;
  border-bottom:1px solid var(--mpn-border-subtle); margin-bottom:6px;
}
.mpn-acct-name{ font-size:13.5px; font-weight:600; line-height:1.25; color:var(--mpn-tx); }
.mpn-acct-role{ font-size:11.5px; color:var(--mpn-tx-3); }
.mpn-acct-div{ height:1px; background:var(--mpn-border-subtle); margin:6px 4px; }
.mpn-acct-item{
  display:flex; align-items:center; gap:9px; width:100%; box-sizing:border-box; text-align:left;
  padding:8px 10px; border-radius:8px; border:0; background:transparent; cursor:pointer;
  text-decoration:none; color:var(--mpn-tx-2); font:inherit; font-size:13px; font-weight:500;
}
.mpn-acct-item:hover{ background:var(--mpn-surface-soft); color:var(--mpn-tx); }
.mpn-acct-item .menu-badge{
  margin-left:auto; min-width:17px; height:17px; padding:0 5px; border-radius:999px;
  background:var(--mpn-accent); color:var(--mpn-on-accent); font-size:10.5px; font-weight:600;
  display:inline-flex; align-items:center; justify-content:center;
}
.mpn-acct-chev{ margin-left:auto; color:var(--mpn-tx-3); font-size:13px; }
.mpn-acct-admin[aria-expanded="true"]{
  background:var(--mpn-accent-tint); color:var(--mpn-accent); font-weight:600;
}
.mpn-acct-ctl{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:7px 10px; font-size:12.5px; color:var(--mpn-tx-3);
}
.mpn-seg{
  display:inline-flex; gap:2px; background:var(--mpn-surface-soft);
  border:1px solid var(--mpn-border); border-radius:999px; padding:2px;
}
.mpn-seg button, .mpn-seg a{
  font:inherit; font-size:11px; font-weight:600; padding:3px 8px; border-radius:999px;
  border:0; cursor:pointer; background:transparent; color:var(--mpn-tx-3); text-decoration:none;
}
.mpn-seg button.on, .mpn-seg a.on{
  background:var(--mpn-surface); color:var(--mpn-tx); box-shadow:var(--mpn-shadow-card,0 2px 10px rgba(30,25,18,.04));
}

/* ── „Adminisztráció" 2. szint (minta .admin-panel): asztalon a fiók-menü MELLETTI oldal-panel ── */
.mpn-admin-panel{
  width:442px; max-width:min(442px,92vw); padding:14px; border-radius:14px;
  border-color:var(--mpn-border-strong);
  right:calc(100% + 12px); left:auto;
}
.mpn-admin-title{
  font-size:13.5px; font-weight:600; color:var(--mpn-tx); margin:0; padding:4px 10px 10px;
  border-bottom:1px solid var(--mpn-border-subtle); display:flex; align-items:center; gap:8px;
}
.mpn-admin-back{
  display:none; border:0; background:transparent; cursor:pointer; color:var(--mpn-tx-3);
  font:inherit; font-size:16px; padding:0 4px; border-radius:6px;
}
.mpn-admin-cols{ column-count:2; column-gap:14px; margin-top:4px; }
.mpn-admin-group{ break-inside:avoid; }
.mpn-admin-cap{
  font-family:var(--mpn-font-mono); font-size:10px; text-transform:uppercase;
  letter-spacing:.14em; color:var(--mpn-tx-3); padding:10px 10px 6px;
}

/* ── Mobil (≤767px): a fiók-menü és az Adminisztráció alulról felcsúszó lapok (minta .sheet) ── */
@media (max-width:767px){
  .mpn-acct-v3, .mpn-admin-panel{
    position:fixed; left:0; right:0; bottom:0; top:auto; width:auto; max-width:none;
    max-height:75vh; overflow-y:auto; border-radius:18px 18px 0 0; z-index:1500;
    box-shadow:0 -12px 34px rgba(30,25,18,.18);
  }
  .mpn-admin-panel{ z-index:1501; } /* a második lap a fiók-lap fölé kerül */
  .mpn-admin-back{ display:inline-flex; }
  .mpn-admin-cols{ column-count:1; }
}

/* ── Desktop „Több" panel: a GOMBHOZ horgonyozva (D-271 minta-hűség, tulajdonosi lelet 2026-07-22).
   A shell-v2.css öröksége a képernyő-alji `bottom` horgony volt (a régi railben a Több legalul ült) —
   az új menüben a gomb középen van, a leszakadt panel magas képernyőn ordító hiba. A tetejét a
   theme.js adja (--mpn-more-top = a gomb teteje, kilógás-őrrel). Csak menü-v3 alatt él. ── */
html.mpn-menu-v3 .mpn-more-panel{
  bottom:auto;
  top:var(--mpn-more-top, 120px);
  max-height:var(--mpn-more-maxh, 70vh); /* a gombnál marad; rövid ablaknál a magasság enged, belső görgetéssel */
  /* A JÓVÁHAGYOTT „A" MINTA (rail_variants_sample): KOMPAKT, KÉTHASÁBOS doboz — nem hosszú lista
     (tulajdonosi lelet 2026-07-22: az egyhasábos hosszú panel a „B" változatra hasonlított). */
  width:440px;
  border-radius:14px;
  padding:12px;
  display:grid; grid-template-columns:1fr 1fr; gap:2px 12px; align-items:start;
}
html.mpn-menu-v3 .mpn-more-panel[hidden]{ display:none; } /* a grid nem üthei felül a rejtést */
html.mpn-menu-v3 .mpn-more-group{ padding:0; }
html.mpn-menu-v3 .mpn-more-group + .mpn-more-group{ border-top:0; } /* a hasábokban nincs elválasztó-vonal (minta) */
html.mpn-menu-v3 .mpn-more-group-label{
  font-family:var(--mpn-font-mono); font-size:10px; letter-spacing:.14em; padding:9px 10px 5px;
}
html.mpn-menu-v3 .mpn-more-panel a{
  min-height:0; padding:6px 10px; border-radius:8px; font-size:13px; font-weight:500;
}

/* ── Mobil „Több"-lap: kiemelt Tudástár-sor + csoport-feliratok (minta .tudastar-row/.menu-cap) ── */
.mpn-more-tudastar{
  display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px;
  background:var(--mpn-accent-tint); color:var(--mpn-accent); font-size:13.5px; font-weight:600;
  text-decoration:none; margin:2px 2px 4px;
}
.mpn-more-sheet-cap{
  font-family:var(--mpn-font-mono); font-size:10px; text-transform:uppercase;
  letter-spacing:.14em; color:var(--mpn-tx-3); padding:10px 12px 5px;
}

/* ── A gyors AI-műveletek az AI-műhely lap tetején (quick-ai 'hub' változat) ── */
.quick-ai--hub{
  position:relative; right:auto; bottom:auto; z-index:auto; display:inline-flex; margin:0 0 6px;
}
.quick-ai--hub .quick-ai-btn.mpn-ai-btn{
  width:auto; height:34px; border-radius:999px; border:0; cursor:pointer;
  display:inline-flex; align-items:center; gap:7px; padding:0 15px;
  background:var(--mpn-accent); color:var(--mpn-on-accent);
  font-size:.85rem; font-weight:700; line-height:1; box-shadow:none;
}
.quick-ai--hub .quick-ai-btn.mpn-ai-btn:hover{
  background:var(--mpn-accent-hover); transform:none; box-shadow:none;
}
.quick-ai--hub .quick-ai-pop{
  position:absolute; left:0; right:auto; transform:none;
  top:calc(100% + 10px); bottom:auto; width:280px; z-index:1400;
  background:var(--mpn-surface-raised); border:1px solid var(--mpn-border-strong);
  border-radius:12px; box-shadow:var(--mpn-shadow-menu);
}