/* CENTRUM NAPOVEDY - styly, verze 2 (23. 8. 2026, zadani Romana).

   v1 byla 1:1 port palety z fakturaci s barvami NATVRDO - ve Tmavem a NOIR
   proto svitila bila karta na cernem pozadi. v2 nema jedinou pevnou barvu:

   - stranky napovedy (.help-scope) jedou VYHRADNE na --pmc-* tokenech
     (public/assets/pmc/tokens/) - kazdy skin Svetly / Tmavy / NOIR i osobni
     barevny profil je prebarvi sam, bez reloadu;
   - pravy panel (#pmcNapovedaPanel) jede VYHRADNE na --ui-* promennych
     .pmc-settings-panel (components.css) - ty jsou zamerne imunni vuci
     osobnim barvam, aby si operator neoslepil ovladani;
   - zadne pevne font-size (data-pmc-font meni celou skalu --pmc-fs-*),
     zadne pevne vysky radku (data-pmc-density), pohyb jen pres
     var(--pmc-motion) (prefers-reduced-motion ho nuluje);
   - fokus je box-shadow: var(--pmc-focus) - token JE stinovy zapis
     (0 0 0 2px surface, 0 0 0 4px accent), ne barva, proto ne outline.

   Rozvrzeni (zadani, kap. 9): zadna vycentrovana max-width - Centrum,
   detail clanku i Sprava jedou pres celou sirku obsahove plochy a skladaji
   se z .pmc-card jako ostatni obrazovky; tenhle soubor resi jen vnitrky.

   Soubor je samostatny (linkuje ho hlavicka layout.php za components.css),
   do sdilenych CSS se nesaha. Vse scopovane pres .help-scope /
   #pmcNapovedaPanel. Tlacitko '? Napoveda' horni listy je zrusene
   (23. 8. 2026, nevracet) - jeho styly v2 uz nema. */

/* ===== 1. Tlacitka napovedy (obsah clanku + pravy panel) =====
   Ve strankach se pouzivaji uz jen doplnkove (hero, ODKAZ bloky jedou na
   .pmc-btn); v panelu je vykresluje serverove HTML context_panel. */
.help-scope .help-btn,
#pmcNapovedaPanel .help-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--pmc-s2, 8px);
  border: var(--pmc-border-w, 1px) solid var(--pmc-accent, #1c62d6);
  background: var(--pmc-accent, #1c62d6);
  color: var(--pmc-accent-contrast, #ffffff);
  border-radius: var(--pmc-radius, 10px);
  padding: var(--pmc-s2, 8px) var(--pmc-s4, 16px);
  font: inherit;
  font-size: var(--pmc-fs-md, 14px);
  font-weight: var(--pmc-fw-bold, 700);
  line-height: var(--pmc-lh-tight, 1.2);
  text-decoration: none;
  cursor: pointer;
}
.help-scope .help-btn:hover { background: var(--pmc-accent-hover, #1751b0); border-color: var(--pmc-accent-hover, #1751b0); text-decoration: none; }
.help-scope .help-btn--secondary { background: var(--pmc-surface-1, #ffffff); border-color: var(--pmc-border-strong, #cfd7de); color: var(--pmc-text, #141922); }
.help-scope .help-btn--secondary:hover { background: var(--pmc-surface-2, #f0f3f6); }
.help-scope .help-btn--ghost { background: transparent; border-color: transparent; color: var(--pmc-text, #141922); }
.help-scope .help-btn--ghost:hover { background: var(--pmc-surface-2, #f0f3f6); }
.help-scope .help-btn--small,
#pmcNapovedaPanel .help-btn--small { padding: var(--pmc-s1, 4px) var(--pmc-s3, 12px); font-size: var(--pmc-fs-sm, 13px); border-radius: var(--pmc-radius-sm, 8px); }

/* Panel: stejne tridy, ale --ui-* paleta panelu (imunni vuci osobnim barvam). */
#pmcNapovedaPanel .help-btn { background: var(--ui-akcent); border-color: var(--ui-akcent); color: var(--ui-akcent-text); }
#pmcNapovedaPanel .help-btn:hover { filter: brightness(0.94); text-decoration: none; }
#pmcNapovedaPanel .help-btn--secondary { background: var(--ui-bg); border-color: var(--ui-border); color: var(--ui-text); }
#pmcNapovedaPanel .help-btn--secondary:hover { background: var(--ui-hover); filter: none; }

/* ===== 2. Pomocne prvky stranky ===== */
.help-scope .help-muted { color: var(--pmc-text-muted, #596677); font-size: var(--pmc-fs-sm, 13px); }
.help-scope .help-empty {
  border: 1px dashed var(--pmc-border-strong, #cfd7de);
  border-radius: var(--pmc-radius, 10px);
  padding: var(--pmc-s4, 16px);
  color: var(--pmc-text-muted, #596677);
}

/* ===== 3. Hero vyhledavani =====
   Akcentovy prechod ze skinu - v kazdem skinu i osobnim profilu jina,
   ale vzdy JEHO barva. Vstup a tlacitko sedi na surface tokenech. */
.help-scope .help-search-hero {
  background: var(--pmc-accent-gradient, linear-gradient(135deg, #1c62d6, #7c5cf0));
  border-radius: var(--pmc-radius-lg, 14px);
  padding: var(--pmc-s5, 24px);
  margin-bottom: var(--pmc-s4, 16px);
  box-shadow: var(--pmc-shadow-2, 0 6px 20px rgba(20, 25, 40, 0.07));
}
.help-scope .help-search-hero form { display: grid; grid-template-columns: 1fr auto; gap: var(--pmc-s3, 12px); align-items: center; }
.help-scope .help-search-hero input {
  border: var(--pmc-border-w, 1px) solid transparent;
  border-radius: var(--pmc-radius, 10px);
  padding: var(--pmc-s3, 12px) var(--pmc-s4, 16px);
  font: inherit;
  font-size: var(--pmc-fs-lg, 16px);
  background: var(--pmc-surface-1, #ffffff);
  color: var(--pmc-text, #141922);
  min-width: 0;
}
.help-scope .help-search-hero input::placeholder { color: var(--pmc-text-muted, #596677); }
.help-scope .help-btn--hero {
  border: var(--pmc-border-w, 1px) solid transparent;
  background: var(--pmc-surface-1, #ffffff);
  color: var(--pmc-text, #141922);
  border-radius: var(--pmc-radius, 10px);
  padding: var(--pmc-s3, 12px) var(--pmc-s4, 16px);
  font: inherit;
  font-size: var(--pmc-fs-md, 14px);
  font-weight: var(--pmc-fw-bold, 700);
  cursor: pointer;
}
.help-scope .help-btn--hero:hover { background: var(--pmc-surface-2, #f0f3f6); }

/* ===== 4. Prouzek kontextu ===== */
.help-scope .help-context-strip {
  border: var(--pmc-border-w, 1px) solid var(--pmc-border, #e3e8ee);
  background: var(--pmc-accent-soft, #e8f1fe);
  border-radius: var(--pmc-radius, 10px);
  padding: var(--pmc-s3, 12px) var(--pmc-s4, 16px);
  margin-bottom: var(--pmc-s4, 16px);
  color: var(--pmc-text, #141922);
}
.help-scope .help-context-strip a { float: right; font-weight: var(--pmc-fw-bold, 700); color: var(--pmc-accent, #1c62d6); text-decoration: none; }
.help-scope .help-context-strip a:hover { text-decoration: underline; }

/* ===== 5. Domovska mrizka: kategorie + nejcastejsi ===== */
.help-scope .help-home-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr); gap: var(--pmc-s4, 16px); margin-bottom: var(--pmc-s4, 16px); }
.help-scope .help-home-grid > .pmc-card { margin-bottom: 0; }
.help-scope .help-category-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--pmc-s2, 8px); }
.help-scope .help-category {
  border: var(--pmc-border-w, 1px) solid var(--pmc-border, #e3e8ee);
  border-radius: var(--pmc-radius, 10px);
  background: var(--pmc-surface-1, #ffffff);
  padding: var(--pmc-s3, 12px);
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: var(--pmc-s2, 8px);
  align-items: center;
  color: var(--pmc-text, #141922);
  text-decoration: none;
  min-width: 0;
}
.help-scope .help-category:hover,
.help-scope .help-category.active { border-color: var(--pmc-accent, #1c62d6); background: var(--pmc-accent-soft, #e8f1fe); text-decoration: none; }
.help-scope .help-category span {
  width: 34px; height: 34px;
  border-radius: var(--pmc-radius-sm, 8px);
  background: var(--pmc-surface-2, #f0f3f6);
  display: grid; place-items: center;
  font-weight: var(--pmc-fw-black, 900);
  color: var(--pmc-accent, #1c62d6);
}
.help-scope .help-category strong { display: block; font-size: var(--pmc-fs-md, 14px); min-width: 0; overflow-wrap: anywhere; }
.help-scope .help-category small { display: block; color: var(--pmc-text-muted, #596677); font-size: var(--pmc-fs-xs, 12px); grid-column: 2; }
.help-scope .help-quick-list,
.help-scope .help-related-list { display: flex; flex-direction: column; gap: var(--pmc-s2, 8px); }
.help-scope .help-quick-list a,
.help-scope .help-related-list a {
  display: block;
  border: var(--pmc-border-w, 1px) solid var(--pmc-border, #e3e8ee);
  border-radius: var(--pmc-radius, 10px);
  padding: var(--pmc-s3, 12px);
  text-decoration: none;
  color: var(--pmc-text, #141922);
  background: var(--pmc-surface-1, #ffffff);
  min-width: 0;
}
.help-scope .help-quick-list a:hover,
.help-scope .help-related-list a:hover { border-color: var(--pmc-accent, #1c62d6); background: var(--pmc-accent-soft, #e8f1fe); }
.help-scope .help-quick-list strong,
.help-scope .help-related-list strong { display: block; font-size: var(--pmc-fs-md, 14px); overflow-wrap: anywhere; }
.help-scope .help-quick-list span,
.help-scope .help-related-list span { display: block; color: var(--pmc-text-muted, #596677); font-size: var(--pmc-fs-xs, 12px); margin-top: var(--pmc-s1, 4px); line-height: var(--pmc-lh-base, 1.45); }

/* ===== 6. Seznam clanku + stitky ===== */
.help-scope .help-article-list { display: flex; flex-direction: column; gap: var(--pmc-s2, 8px); }
.help-scope .help-list-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--pmc-s4, 16px);
  border: var(--pmc-border-w, 1px) solid var(--pmc-border, #e3e8ee);
  border-radius: var(--pmc-radius, 10px);
  padding: var(--pmc-s3, 12px) var(--pmc-s4, 16px);
  color: var(--pmc-text, #141922);
  background: var(--pmc-surface-1, #ffffff);
  text-decoration: none;
}
.help-scope a.help-list-item:hover { border-color: var(--pmc-accent, #1c62d6); background: var(--pmc-accent-soft, #e8f1fe); text-decoration: none; }
.help-scope .help-list-item > div { min-width: 0; }
.help-scope .help-list-item strong { font-size: var(--pmc-fs-md, 15px); overflow-wrap: anywhere; }
.help-scope .help-list-item p { margin: var(--pmc-s1, 4px) 0 0; color: var(--pmc-text-muted, #596677); line-height: var(--pmc-lh-base, 1.45); }
.help-scope .help-chip {
  font-size: var(--pmc-fs-xs, 12px);
  color: var(--pmc-accent, #1c62d6);
  background: var(--pmc-accent-soft, #e8f1fe);
  border-radius: var(--pmc-radius-pill, 999px);
  padding: var(--pmc-s1, 4px) var(--pmc-s2, 8px);
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 0 auto;
}
.help-scope .help-fb-yes { font-size: var(--pmc-fs-xs, 12px); color: var(--pmc-success, #1b7f4d); background: var(--pmc-success-soft, #e2f6ec); border-radius: var(--pmc-radius-pill, 999px); padding: var(--pmc-s1, 4px) var(--pmc-s2, 8px); white-space: nowrap; flex: 0 0 auto; }
.help-scope .help-fb-no { font-size: var(--pmc-fs-xs, 12px); color: var(--pmc-danger, #c22f3e); background: var(--pmc-danger-soft, #fbe7ea); border-radius: var(--pmc-radius-pill, 999px); padding: var(--pmc-s1, 4px) var(--pmc-s2, 8px); white-space: nowrap; flex: 0 0 auto; }

/* ===== 7. Karta prezentace (vnitrek .pmc-card) ===== */
.help-scope .help-presentation-card { display: flex; align-items: center; justify-content: space-between; gap: var(--pmc-s4, 16px); }
.help-scope .help-presentation-main { display: flex; align-items: center; gap: var(--pmc-s3, 12px); min-width: 0; }
.help-scope .help-presentation-icon {
  width: 48px; height: 48px;
  border-radius: var(--pmc-radius, 10px);
  background: var(--pmc-accent, #1c62d6);
  color: var(--pmc-accent-contrast, #ffffff);
  display: grid; place-items: center;
  font-weight: var(--pmc-fw-black, 900);
  font-size: var(--pmc-fs-sm, 13px);
  flex: 0 0 auto;
}
.help-scope .help-presentation-main strong { display: block; }
.help-scope .help-presentation-main p { margin: var(--pmc-s1, 4px) 0 0; color: var(--pmc-text-muted, #596677); font-size: var(--pmc-fs-sm, 13px); }

/* ===== 8. Detail clanku =====
   Cela sirka obsahove plochy (zadani kap. 9): levy sloupec s metadaty,
   vpravo clanek v .pmc-card pres zbytek. Zadna max-width uprostred. */
.help-scope .help-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: var(--pmc-s4, 16px); align-items: start; }
.help-scope .help-side { position: sticky; top: 84px; display: flex; flex-direction: column; gap: var(--pmc-s2, 8px); }
.help-scope .help-side .pmc-card { margin-bottom: 0; }
.help-scope .help-meta-card strong { display: block; font-size: var(--pmc-fs-xs, 12px); text-transform: uppercase; letter-spacing: 0.05em; color: var(--pmc-text-muted, #596677); }
.help-scope .help-meta-card span { display: block; margin-top: var(--pmc-s1, 4px); font-weight: var(--pmc-fw-bold, 700); overflow-wrap: anywhere; }
.help-scope .help-article-card { margin-bottom: 0; }
.help-scope .help-article h2 { font-size: var(--pmc-fs-xl, 20px); margin: var(--pmc-s5, 24px) 0 var(--pmc-s2, 8px); color: var(--pmc-text, #141922); }
.help-scope .help-article h2:first-child { margin-top: 0; }
.help-scope .help-article h3 { font-size: var(--pmc-fs-lg, 16px); margin: var(--pmc-s4, 16px) 0 var(--pmc-s2, 8px); color: var(--pmc-text, #141922); }
.help-scope .help-article p { line-height: var(--pmc-lh-base, 1.6); }
.help-scope .help-steps { counter-reset: helpstep; list-style: none; padding: 0; margin: var(--pmc-s4, 16px) 0; display: flex; flex-direction: column; gap: var(--pmc-s2, 8px); }
.help-scope .help-steps li {
  position: relative;
  border: var(--pmc-border-w, 1px) solid var(--pmc-border, #e3e8ee);
  background: var(--pmc-surface-1, #ffffff);
  border-radius: var(--pmc-radius, 10px);
  padding: var(--pmc-s3, 12px) var(--pmc-s3, 12px) var(--pmc-s3, 12px) 48px;
  line-height: var(--pmc-lh-base, 1.45);
}
.help-scope .help-steps li::before {
  counter-increment: helpstep;
  content: counter(helpstep);
  position: absolute;
  left: 12px;
  top: 10px;
  width: 24px; height: 24px;
  border-radius: 50%;
  background: var(--pmc-accent, #1c62d6);
  color: var(--pmc-accent-contrast, #ffffff);
  display: grid; place-items: center;
  font-size: var(--pmc-fs-xs, 12px);
  font-weight: var(--pmc-fw-black, 900);
}
.help-scope .help-callout {
  border: var(--pmc-border-w, 1px) solid var(--pmc-border, #e3e8ee);
  border-left: 5px solid var(--pmc-text-muted, #596677);
  border-radius: var(--pmc-radius, 10px);
  background: var(--pmc-surface-2, #f0f3f6);
  padding: var(--pmc-s3, 12px) var(--pmc-s4, 16px);
  margin: var(--pmc-s4, 16px) 0;
}
.help-scope .help-callout strong { display: block; margin-bottom: var(--pmc-s1, 4px); }
.help-scope .help-callout p { margin: 0; }
.help-scope .help-callout.tip { border-left-color: var(--pmc-accent, #1c62d6); background: var(--pmc-accent-soft, #e8f1fe); }
.help-scope .help-callout.warning { border-left-color: var(--pmc-warning, #9a5b00); background: var(--pmc-warning-soft, #fdf3e0); }
.help-scope .help-callout.note { border-left-color: var(--pmc-text-muted, #596677); background: var(--pmc-surface-2, #f0f3f6); }
.help-scope .help-list { line-height: var(--pmc-lh-base, 1.6); }
.help-scope .help-figure { margin: var(--pmc-s4, 16px) 0; border: var(--pmc-border-w, 1px) solid var(--pmc-border, #e3e8ee); border-radius: var(--pmc-radius-lg, 14px); overflow: hidden; background: var(--pmc-surface-1, #ffffff); }
.help-scope .help-figure img { display: block; width: 100%; height: auto; }
.help-scope .help-figure figcaption { padding: var(--pmc-s2, 8px) var(--pmc-s3, 12px); font-size: var(--pmc-fs-xs, 12px); color: var(--pmc-text-muted, #596677); background: var(--pmc-surface-2, #f0f3f6); }
.help-scope .help-related { border-top: var(--pmc-border-w, 1px) solid var(--pmc-panel-divider, #e3e8ee); margin-top: var(--pmc-s6, 32px); padding-top: var(--pmc-s4, 16px); }
.help-scope .help-feedback { border-top: var(--pmc-border-w, 1px) solid var(--pmc-panel-divider, #e3e8ee); margin-top: var(--pmc-s5, 24px); padding-top: var(--pmc-s4, 16px); display: flex; align-items: center; gap: var(--pmc-s2, 8px); flex-wrap: wrap; }
.help-scope .help-feedback span { font-weight: var(--pmc-fw-bold, 700); margin-right: var(--pmc-s1, 4px); }

/* ===== 9. Pravy panel napovedy (SIRSI dle zadani Romana) =====
   VYHRADNE --ui-* (viz hlavicka souboru). Sirka min(520px, 100vw-22px)
   prebiji zakladnich 252 px pmc panelu - JEN u napovedy, ostatni panely
   zustavaji. */
#pmcNapovedaPanel { width: min(520px, calc(100vw - 22px)); }
#pmcNapovedaPanel .pmc-settings-panel__body { padding: var(--pmc-s4, 16px) var(--pmc-s4, 20px); }
#pmcNapovedaPanel .help-panel-kicker { text-transform: uppercase; letter-spacing: 0.12em; font-size: var(--pmc-fs-xs, 11px); font-weight: var(--pmc-fw-black, 900); color: var(--ui-akcent); }
#pmcNapovedaPanel .help-panel-title { font-size: var(--pmc-fs-2xl, 24px); line-height: var(--pmc-lh-tight, 1.15); margin: var(--pmc-s1, 6px) 0 var(--pmc-s4, 16px); letter-spacing: -0.02em; color: var(--ui-text); overflow-wrap: anywhere; }
#pmcNapovedaPanel .help-panel-note {
  border: 1px dashed var(--ui-border);
  border-radius: var(--pmc-radius, 10px);
  background: var(--ui-hover);
  color: var(--ui-muted);
  padding: var(--pmc-s2, 8px) var(--pmc-s3, 12px);
  margin: 0 0 var(--pmc-s3, 12px);
  font-size: var(--pmc-fs-sm, 13px);
  line-height: var(--pmc-lh-base, 1.45);
}
#pmcNapovedaPanel .help-panel-search { display: grid; grid-template-columns: 1fr auto; gap: var(--pmc-s2, 8px); margin-bottom: var(--pmc-s4, 16px); }
#pmcNapovedaPanel .help-panel-search input {
  border: 1px solid var(--ui-border);
  border-radius: var(--pmc-radius, 10px);
  padding: var(--pmc-s2, 10px) var(--pmc-s3, 12px);
  min-width: 0;
  min-height: 0;
  background: var(--ui-bg);
  color: var(--ui-text);
  font: inherit;
  font-size: var(--pmc-fs-md, 14px);
}
#pmcNapovedaPanel .help-panel-search input::placeholder { color: var(--ui-muted); }
#pmcNapovedaPanel .help-panel-section { margin-top: var(--pmc-s4, 16px); }
#pmcNapovedaPanel .help-panel-section h3 { font-size: var(--pmc-fs-sm, 13px); text-transform: uppercase; letter-spacing: 0.06em; color: var(--ui-muted); margin: 0 0 var(--pmc-s2, 8px); }
#pmcNapovedaPanel .help-panel-list,
#pmcNapovedaPanel .help-panel-compact { display: flex; flex-direction: column; gap: var(--pmc-s2, 8px); }
#pmcNapovedaPanel .help-panel-list a {
  display: block;
  border: 1px solid var(--ui-border);
  border-radius: var(--pmc-radius, 10px);
  background: var(--ui-bg);
  padding: var(--pmc-s3, 12px);
  text-decoration: none;
  color: var(--ui-text);
  min-width: 0;
}
#pmcNapovedaPanel .help-panel-list a:hover { border-color: var(--ui-akcent); background: var(--ui-hover); }
#pmcNapovedaPanel .help-panel-list a strong { display: block; font-size: var(--pmc-fs-md, 14px); color: var(--ui-text); overflow-wrap: anywhere; }
#pmcNapovedaPanel .help-panel-list a span { display: block; margin-top: var(--pmc-s1, 4px); color: var(--ui-muted); font-size: var(--pmc-fs-xs, 12px); line-height: var(--pmc-lh-base, 1.4); }
#pmcNapovedaPanel .help-panel-compact a { display: block; border-bottom: 1px solid var(--ui-border); padding: var(--pmc-s2, 8px) 0; color: var(--ui-text); text-decoration: none; font-weight: var(--pmc-fw-bold, 700); min-width: 0; overflow-wrap: anywhere; }
#pmcNapovedaPanel .help-panel-compact a:hover { color: var(--ui-akcent); }
#pmcNapovedaPanel .help-panel-empty { border: 1px solid var(--ui-border); background: var(--ui-hover); border-radius: var(--pmc-radius, 10px); padding: var(--pmc-s3, 14px); color: var(--ui-text); }
#pmcNapovedaPanel .help-panel-empty strong { display: block; color: var(--ui-text); }
#pmcNapovedaPanel .help-panel-empty p { margin: var(--pmc-s1, 6px) 0 0; line-height: var(--pmc-lh-base, 1.45); color: var(--ui-muted); }
#pmcNapovedaPanel .help-panel-foot { position: sticky; bottom: 0; background: linear-gradient(180deg, transparent, var(--ui-bg) 26%); padding: var(--pmc-s5, 28px) 0 var(--pmc-s1, 4px); margin-top: var(--pmc-s2, 10px); }
#pmcNapovedaPanel .help-panel-foot .help-btn { width: 100%; }
#pmcNapovedaPanel .help-drawer-loading { border: 1px solid var(--ui-border); background: var(--ui-hover); border-radius: var(--pmc-radius, 10px); padding: var(--pmc-s4, 16px); color: var(--ui-muted); }

/* ===== 10. Sprava napovedy ===== */
.help-scope .help-admin-tabs { margin-bottom: var(--pmc-s3, 12px); }
.help-scope .help-admin-tabs .pmc-tab { text-decoration: none; }
.help-scope .help-admin-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--pmc-s3, 12px); margin-bottom: var(--pmc-s3, 12px); }
.help-scope .help-admin-form .pmc-label { display: flex; flex-direction: column; gap: var(--pmc-s1, 5px); font-size: var(--pmc-fs-xs, 12px); font-weight: var(--pmc-fw-bold, 700); color: var(--pmc-text-muted, #596677); min-width: 0; }
.help-scope .help-admin-full { display: flex; margin-bottom: var(--pmc-s3, 12px); }
.help-scope .help-admin-body { line-height: var(--pmc-lh-base, 1.55); resize: vertical; padding-top: var(--pmc-s2, 8px); padding-bottom: var(--pmc-s2, 8px); }
.help-scope .help-admin-contexts {
  border: var(--pmc-border-w, 1px) solid var(--pmc-border, #e3e8ee);
  border-radius: var(--pmc-radius, 10px);
  padding: var(--pmc-s3, 12px) var(--pmc-s4, 16px);
  margin: var(--pmc-s3, 12px) 0;
}
.help-scope .help-admin-contexts legend { font-size: var(--pmc-fs-xs, 12px); font-weight: var(--pmc-fw-bold, 800); color: var(--pmc-text-muted, #596677); padding: 0 var(--pmc-s2, 6px); }
.help-scope .help-admin-contexts__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--pmc-s1, 6px) var(--pmc-s3, 14px); }
.help-scope .help-admin-contexts label { display: flex; flex-direction: row; align-items: center; gap: var(--pmc-s2, 7px); font-weight: var(--pmc-fw-normal, 500); font-size: var(--pmc-fs-sm, 13px); color: var(--pmc-text, #141922); min-width: 0; }
.help-scope .help-admin-contexts input[type="checkbox"] { min-height: 0; width: auto; flex: 0 0 auto; }
.help-scope .help-admin-contexts code { font-family: var(--pmc-font-mono, monospace); font-size: var(--pmc-fs-xs, 12px); background: var(--pmc-surface-2, #f0f3f6); border-radius: var(--pmc-radius-sm, 6px); padding: 0 var(--pmc-s1, 4px); }
.help-scope .help-admin-blockgroup { border: var(--pmc-border-w, 1px) solid var(--pmc-border, #e3e8ee); border-radius: var(--pmc-radius, 10px); margin: 0 0 var(--pmc-s2, 8px); background: var(--pmc-surface-1, #ffffff); }
.help-scope .help-admin-blockgroup summary { cursor: pointer; padding: var(--pmc-s2, 8px) var(--pmc-s3, 12px); font-weight: var(--pmc-fw-med, 600); color: var(--pmc-text, #141922); border-radius: var(--pmc-radius, 10px); }
.help-scope .help-admin-blockgroup summary:hover { background: var(--pmc-surface-2, #f0f3f6); }
.help-scope .help-admin-blockgroup[open] summary { border-bottom: var(--pmc-border-w, 1px) solid var(--pmc-border, #e3e8ee); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.help-scope .help-admin-blockgroup .help-admin-contexts__grid { padding: var(--pmc-s2, 8px) var(--pmc-s3, 12px); }
.help-scope .help-admin-actions { display: flex; gap: var(--pmc-s2, 10px); flex-wrap: wrap; margin-top: var(--pmc-s2, 6px); }
.help-scope .help-admin-statusforms { margin-top: var(--pmc-s3, 12px); display: flex; gap: var(--pmc-s2, 8px); }
.help-scope .help-admin-listactions { display: flex; gap: var(--pmc-s2, 10px); align-items: center; flex-wrap: wrap; }
.help-scope .help-admin-search { display: flex; gap: var(--pmc-s2, 8px); }
.help-scope .help-admin-search .pmc-input { width: auto; }
.help-scope .help-admin-newcat { margin: var(--pmc-s4, 18px) 0 var(--pmc-s2, 8px); font-size: var(--pmc-fs-lg, 16px); }
.help-scope .help-admin-catrow {
  display: grid;
  grid-template-columns: 64px 1.2fr 1fr 1.6fr 80px auto auto;
  gap: var(--pmc-s2, 8px);
  align-items: center;
  border: var(--pmc-border-w, 1px) solid var(--pmc-border, #e3e8ee);
  border-radius: var(--pmc-radius, 10px);
  padding: var(--pmc-s2, 10px);
  background: var(--pmc-surface-1, #ffffff);
}
.help-scope .help-admin-active { display: flex; align-items: center; gap: var(--pmc-s1, 5px); font-size: var(--pmc-fs-xs, 12px); color: var(--pmc-text-muted, #596677); white-space: nowrap; }
.help-scope .help-admin-active input[type="checkbox"] { min-height: 0; width: auto; }
.help-scope .help-list-item--static { cursor: default; }

/* ===== 11. Fokus a pohyb =====
   --pmc-focus / obdoba v panelu je STINOVY zapis (surface + accent
   prstenec) - fokus je proto box-shadow; outline zustava pruhledny kvuli
   rezimum vysokeho kontrastu. Zadne vlastni animace; jedine prechody jedou
   na var(--pmc-motion), ktery prefers-reduced-motion nuluje v base.css. */
.help-scope a:focus-visible,
.help-scope button:focus-visible,
.help-scope input:focus-visible,
.help-scope select:focus-visible,
.help-scope textarea:focus-visible,
.help-scope summary:focus-visible {
  outline: 2px solid transparent;
  box-shadow: var(--pmc-focus, 0 0 0 2px #ffffff, 0 0 0 4px #1c62d6);
}
#pmcNapovedaPanel a:focus-visible,
#pmcNapovedaPanel button:focus-visible,
#pmcNapovedaPanel input:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 2px var(--ui-bg), 0 0 0 4px var(--ui-akcent);
}
.help-scope .help-category,
.help-scope .help-list-item,
.help-scope .help-quick-list a,
.help-scope .help-related-list a,
#pmcNapovedaPanel .help-panel-list a {
  transition: background-color var(--pmc-motion, 160ms) var(--pmc-ease, ease), border-color var(--pmc-motion, 160ms) var(--pmc-ease, ease);
}

/* ===== 12. Responzivita ===== */
@media (max-width: 1100px) {
  .help-scope .help-home-grid,
  .help-scope .help-layout { grid-template-columns: 1fr; }
  .help-scope .help-side { position: static; order: 2; }
  .help-scope .help-search-hero form { grid-template-columns: 1fr; }
  .help-scope .help-context-strip a { float: none; display: block; margin-top: var(--pmc-s1, 6px); }
  .help-scope .help-admin-catrow { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .help-scope .help-list-item { flex-direction: column; }
  .help-scope .help-list-item > span { white-space: normal; align-self: flex-start; max-width: 100%; }
  .help-scope .help-category-grid { grid-template-columns: 1fr; }
  #pmcNapovedaPanel { width: 100vw; }
  #pmcNapovedaPanel .pmc-settings-panel__body { padding: var(--pmc-s4, 16px); }
  #pmcNapovedaPanel .help-panel-search { grid-template-columns: 1fr; }
}