/* ═══════════════════════════════════════════════════════════════════
   Fretly — Scales Page v2 — ROUTE-SPECIFIC overrides
   ═══════════════════════════════════════════════════════════════════

   Phase 8P slimmed this file down: everything that applies to BOTH
   #route-scales AND #route-chords was moved to routes-v2.css (the
   shared vocabulary).  Only scales-route-specific rules stay here.

   routes-v2.css MUST load before this file (already enforced in
   app.php) so the shared rules exist first and any scale-only overrides
   in this file layer on top correctly.

   These rules apply UNCONDITIONALLY (v2 is the only style now; the
   v1↔v2 toggle was removed 2026-07-10).  Base rules live in site.css,
   which loads first; this file wins by load order.
   =================================================================== */


/* ─────────────────────────────────────────────────────────────────
   Scales toolbar — Path-driven cell visibility (v2)
   ───────────────────────────────────────────────────────────────── */

/* Mirrors the v1 rules in site.css but re-scoped under the v2 selector
   chain so the shared .form-group{display:flex} rule in routes-v2.css
   doesn't override them.  PARENT SCALE is permanently hidden under v2
   — the "Scale search" button label now carries the parent-scale
   context (see route-search-drawer.js). */
#route-scales .toolbar#scalesToolbar #parentRow { display: none; }
#route-scales .toolbar#scalesToolbar #modeRow   { display: none; }
#route-scales .toolbar#scalesToolbar[data-path="mode"] #modeRow { display: flex; }


/* ─────────────────────────────────────────────────────────────────
   Scales-only: hide the original Scale dropdown row in v2
   (the Scale List drawer fully replaces it)
   ───────────────────────────────────────────────────────────────── */

/* Kept in DOM so scales.js's getElementById wiring still finds
   #scaleSelect and #scaleRow.  Wins over scales.js's own inline display
   toggling via the !important flag. */
#route-scales #scaleRow.is-v2-replaced {
  display: none !important;
}


/* ─────────────────────────────────────────────────────────────────
   Scales-only: drop chord/rel toolbar show/hide toggles under v2
   ───────────────────────────────────────────────────────────────── */

/* Rationale: the info panels now render SE-style accordions that own
   their own show/hide affordance via .rel-acc-toggle.  The toolbar
   duplicates of those controls are therefore redundant.  v1 retains
   them (no rule applied outside the v2 scope). */
#route-scales .toolbar#scalesToolbar #scInfoPanelRow,
#route-scales .toolbar#scalesToolbar #scSubScalesPanelRow {
  display: none !important;
}