/* esc-roster-fix.css — the roster panel vs the icon rail (2026-10-20)
 *
 * Corey's screenshot: with the Roster open, the fixed icon rail (#ui4Nav,
 * left:8px + 6px padding + 64px buttons ≈ 86px wide, z-index 120) covers
 * the left of #leftPanel — the ROSTER panel tab clipped to "…ER", the
 * search box reading "earch artists…", filter labels cut mid-word.
 * The only protection was merge-195's padding-left:44px on the panel,
 * sized for the OLD ~30px side tabs (which ui4-nav hides) — content
 * started at ~57px, still ~29px under the rail.
 *
 * The fix follows the codebase's own convention (#ui4More sits at
 * left:84px, #escRadioDrawer at left:88px under ui4-nav): move the whole
 * panel right of the rail instead of padding its insides, and retire the
 * 44px band-aid so the panel gets its width back.
 * Desktop only — on phone sizes the rail becomes a bottom bar and the
 * panel is a bottom sheet; that geometry is handled elsewhere.
 */
@media (min-width:821px) and (min-height:501px) {
  body.ui4-nav #leftPanel.left-panel {
    margin-left: 92px; /* panel box starts right of the 86px rail, 6px air */
  }
  body #leftPanel.left-panel {
    padding-left: 12px !important; /* was 44px !important (merge 195) */
  }
}