/* Optional desktop rail. The same navigation nodes remain mounted in both
   states; small screens keep the full-label mobile drawer. */
.workspace-generate .workspace-generate-label { font: inherit; }
.workspace-nav-label { min-width: 0; }
.workspace-nav-toggle {
  display: flex; align-items: center; gap: 10px; width: 100%; min-height: 36px;
  margin-bottom: 8px; padding: 8px 10px; border: 1px solid transparent; border-radius: 8px;
  background: none; color: var(--text-dim); cursor: pointer; font: inherit; font-size: 11px; text-align: left;
}
.workspace-nav-toggle:hover { background: var(--surface-2); color: var(--accent-strong); }
.workspace-nav-toggle svg { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; transform: rotate(180deg); }
@media (min-width: 769px) {
  html.workspace-nav-collapsed { --workspace-nav-w: 72px; }
  .workspace-nav-collapsed .workspace-nav { padding: 20px 10px 12px; gap: 22px; }
  .workspace-nav-collapsed .workspace-brand,
  .workspace-nav-collapsed .workspace-generate-label,
  .workspace-nav-collapsed .workspace-nav-label,
  .workspace-nav-collapsed .workspace-nav-group h2,
  .workspace-nav-collapsed .workspace-user-identity,
  .workspace-nav-collapsed .workspace-nav-toggle span { display: none; }
  .workspace-nav-collapsed .workspace-generate { position: sticky; top: 0; z-index: 1; width: 50px; height: 50px; min-height: 50px; padding: 0; gap: 0; }
  .workspace-nav-collapsed .workspace-generate > span:first-child { font-size: 30px; }
  .workspace-nav-collapsed .workspace-nav .mode-btn { justify-content: center; min-height: 46px; padding: 10px; gap: 0; }
  .workspace-nav-collapsed .workspace-nav-group + .workspace-nav-group { padding-top: 16px; }
  .workspace-nav-collapsed .workspace-nav .mode-btn.active { border-left: 2px solid var(--accent-strong); }
  /* Secondary destinations stay in the expanded menu, not tiny unlabeled
     text links. The expand control is always reachable above the user card. */
  .workspace-nav-collapsed .workspace-nav-footer > .mode-btn:not(.workspace-profile) { display: none !important; }
  .workspace-nav-collapsed .workspace-nav-footer .workspace-profile { padding: 6px; margin-top: 4px; }
  .workspace-nav-collapsed .workspace-nav-toggle { justify-content: center; padding: 8px; min-height: 44px; }
  .workspace-nav-collapsed .workspace-nav-toggle svg { transform: none; }
}
@media (max-width: 768px) {
  .workspace-nav-toggle { display: none; }
}