/* REV-0050: Help is scoped to its own controls, with mobile and theme support. */
.zyo-help-open{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border:1px solid currentColor;border-radius:.7rem;font:inherit;color:inherit;background:transparent;cursor:pointer;margin-top:.8rem}
.sidebar nav .zyo-help-open{width:100%;text-align:left}
.zyo-help-dialog{--help-bg:var(--panel,#171b23);--help-fg:var(--text,#f5f6fa);--help-line:var(--line,#454b59);--help-note:var(--panel2,#252d3b);--help-accent:var(--accent,#b4a0ff);width:min(960px,calc(100vw - 32px));max-width:960px;max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--help-line);border-radius:18px;background:var(--help-bg);color:var(--help-fg);position:fixed;margin:auto;overflow:auto;z-index:2147483000;box-sizing:border-box;font-family:inherit}
.zyo-help-dialog::backdrop{background:rgba(0,0,0,.7)}
.zyo-help-dialog .zyo-help-frame{padding:clamp(16px,3vw,30px)}
.zyo-help-dialog .zyo-help-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:2;background:var(--help-bg);border:0;padding:10px 0;margin:0 0 12px}
.zyo-help-dialog h2{font-size:clamp(23px,4vw,32px);line-height:1.2;margin:0}
.zyo-help-dialog button,.zyo-help-dialog input{font:inherit;color:inherit;background:transparent;border:1px solid var(--help-line);border-radius:8px;padding:9px 12px;box-sizing:border-box;min-width:0}
.zyo-help-dialog button{cursor:pointer;min-height:42px}
.zyo-help-dialog .zyo-help-close{flex-shrink:0;font-size:25px;line-height:1;padding:6px 12px}
.zyo-help-dialog .zyo-help-intro{line-height:1.6;margin:0 0 20px}
.zyo-help-dialog .zyo-help-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:16px 0}
.zyo-help-tools label{grid-column:1/-1}
.zyo-help-dialog input{width:100%}
.zyo-help-dialog .zyo-help-visual{margin:20px 0;padding:16px;border:1px solid var(--help-line);border-radius:12px}
.zyo-help-visual figcaption{font-size:13px;margin-bottom:14px;opacity:.8}
.zyo-help-dialog .zyo-help-visual ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:help-step}
.zyo-help-visual li{counter-increment:help-step;padding:12px;background:var(--help-note);border-radius:8px;line-height:1.5}
.zyo-help-visual li::before{content:counter(help-step);display:block;font-weight:700;font-size:22px;margin-bottom:6px}
.zyo-help-dialog .zyo-help-contents{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:12px 0 22px}
.zyo-help-contents button{text-align:left}
.zyo-help-dialog .zyo-help-topic{border:1px solid var(--help-line);border-radius:12px;padding:15px;margin:12px 0;scroll-margin-top:16px}
.zyo-help-topic summary{cursor:pointer;font-weight:650;line-height:1.5}
.zyo-help-topic ol{padding-left:25px;margin:18px 0}
.zyo-help-topic li{padding-left:5px;margin-bottom:12px;line-height:1.65}
.zyo-help-dialog .zyo-help-note{background:var(--help-note);border-left:3px solid currentColor;padding:12px;line-height:1.6;margin:12px 0 0}
.zyo-help-count{opacity:.75;font-size:14px}
.zyo-help-dialog [hidden]{display:none!important}
.zyo-help-dialog :focus-visible,.zyo-help-open:focus-visible{outline:3px solid var(--help-accent,var(--accent,#b4a0ff));outline-offset:3px}
@media(max-width:480px){.zyo-help-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 20px);border-radius:12px}.zyo-help-dialog .zyo-help-visual ol{grid-template-columns:1fr}.zyo-help-dialog .zyo-help-tools{grid-template-columns:1fr}.zyo-help-dialog .zyo-help-tools label{grid-column:auto}}

/* Match public-site theme aliases; the distributor panel uses shared UI tokens. */
body:not(.admin) .zyo-help-dialog{--help-bg:var(--site-panel,var(--panel));--help-fg:var(--c6,var(--text,#f5f6fa));--help-line:var(--site-line,var(--line));--help-note:var(--c17,var(--panel2,#252d3b));--help-accent:var(--site-purple,var(--accent))}
.zyo-help-dialog .zyo-help-topic[open]{border-color:var(--help-accent)}
.zyo-help-dialog button:hover{background:color-mix(in srgb,var(--help-accent) 14%,var(--help-bg));border-color:var(--help-accent)}
.zyo-help-open{color:var(--site-purple,var(--accent,inherit))}

/* Distributor Help follows the same sidebar item geometry as Branding. */
.sidebar nav .zyo-help-open{display:flex;justify-content:flex-start;align-items:center;gap:9px;width:100%;border:0;border-radius:10px;padding:13px;margin:0;background:transparent;color:var(--muted);font:inherit;text-align:left}
.sidebar nav .zyo-help-open svg{width:21px;height:21px;flex:none}
.sidebar nav .zyo-help-open:hover{background:var(--panel2);color:var(--text)}