/* Comandi di navigazione: geometria uguale ai comandi di modifica. */
#sf-page-navigation { display:flex; align-items:center; gap:4px; min-width:0; }
#sf-page-navigation .sf-page-step { min-width:44px; width:44px; padding:8px; }
#sf-page-navigation svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.sf-page-position { display:flex; align-items:center; gap:6px; white-space:nowrap; font-size:.875rem; color:var(--sf-muted); }
.sf-page-position input { width:56px; min-height:44px; padding:6px; text-align:center; border:1px solid var(--sf-line); border-radius:8px; background:white; color:var(--sf-ink); font-variant-numeric:tabular-nums; }
#sf-mobile-navigation { display:none; }
@media(max-width:860px) {
  body[data-editor-view="editor"].sf-editor-navigation-ready #sf-mobile-navigation { display:flex; gap:4px; width:100%; scroll-margin-top:12px; }
  #sf-mobile-navigation .sf-btn { flex:1; }
  #sf-mobile-navigation [aria-pressed="true"] { background:#f9edf0; color:#941c37; border-color:#b82040; font-weight:700; }
  body[data-editor-view="editor"].sf-editor-navigation-ready[data-inspector-open="false"] .sf-panel { display:none; }
  body[data-editor-view="editor"].sf-editor-navigation-ready[data-inspector-open="true"] .sf-stage,
  body[data-editor-view="editor"].sf-editor-navigation-ready[data-inspector-open="true"] .sf-pages { display:none; }
  body[data-editor-view="editor"].sf-editor-navigation-ready[data-inspector-open="true"] .sf-panel { display:flex; min-height:60vh; }
}
@media(max-width:420px) {
  #sf-page-navigation { gap:0; }
  .sf-page-position { gap:4px; }
  .sf-page-position input { width:48px; }
}
@media(min-width:861px) {
  .sf-utility-strip .sf-help-menu > summary.sf-btn { display:none; }
}
body[data-editor-view="library"] .sf-help-menu { display:none; }
#sf-toggle-pages::after { content:""; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin-left:5px; margin-top:-3px; }
#sf-toggle-pages[aria-expanded="true"]::after { transform:rotate(225deg); margin-top:3px; }