:root { --workspace-header-height: 142px; }
#workspaceHeader { position: fixed; inset: 0 0 auto; z-index: 500; margin: 0; padding: 8px 16px 0; background: #f4f7f4; color: #203e32; border-bottom: 1px solid #b8c8be; box-sizing: border-box; width: 100%; }
#workspaceHeader .topbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 0; padding: 0; min-height: 48px; }
#workspaceHeader .eyebrow, #workspaceHeader .music-control label { display: none; }
#workspaceHeader h1 { font-size: 24px; line-height: 1.2; margin: 0; }
#workspaceHeader .topbar-actions { display: flex; gap: 6px; }
#workspaceHeader nav { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 2px; }
#workspaceHeader nav button { min-width: 0; min-height: 48px; padding: 8px 2px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: #466252; font-size: 16px; white-space: nowrap; }
#workspaceHeader nav button[aria-current="page"] { border-bottom-color: #316848; color: #173f2a; font-weight: bold; }
body { padding-top: var(--workspace-header-height); }
#mobileWorkspaceNav, .stall-dock, #productWorkbench > .stall-header { display: none !important; }
#productWorkbench { padding-top: var(--workspace-header-height) !important; }
#productWorkbench #workspaceHeader { display: block; }
.reward-modal, .community-modal { top: var(--workspace-header-height) !important; }
body.mobile-panel-open .seed-panel, body[data-mobile-panel="soil"].mobile-panel-open .soil-lab { top: var(--workspace-header-height) !important; max-height: calc(100dvh - var(--workspace-header-height)); }
@media(max-width: 699px) {
  #workspaceHeader { padding-inline: 8px; }
  #workspaceHeader h1 { font-size: 20px; }
  #workspaceHeader .visual-mode-button { display: none; }
  #workspaceHeader .music-button { min-width: 44px; }
  #workspaceHeader .music-action-label { display: none; }
  #workspaceHeader nav button { font-size: 15px; }
}