/* One shared navigation treatment for every signed-in workspace screen. */
.workspace-shell, .vendor-overview .workspace-shell { grid-template-columns: 240px minmax(0, 1fr); }
.workspace-sidebar { padding: 28px 14px; }
.workspace-switcher { border: 0; padding: 8px; }
.workspace-switcher .avatar { width: 36px; height: 36px; flex: 0 0 36px; }
.workspace-switcher strong { font-size: 13px; }
.workspace-switcher small { font-size: 12px; color: var(--muted); }
.workspace-nav a { font-size: 14px; padding: 14px 12px; color: #4b485a; white-space: nowrap; }
.workspace-nav a.active { color: var(--purple); }
.workspace-help { padding: 18px 14px; }
.workspace-help h4 { font-size: 14px; }
.workspace-help p, .workspace-help .text-link { font-size: 13px; }
body:has(#preview-dark-mode:checked) .workspace-nav a { color: #cbc5d7; }
body:has(#preview-dark-mode:checked) .workspace-nav a:hover { background: #302941; }
body:has(#preview-dark-mode:checked) .workspace-nav a.active { color: var(--purple); background: #302941; }
@media (max-width: 1200px) {
  .workspace-shell, .vendor-overview .workspace-shell { grid-template-columns: 216px minmax(0, 1fr); }
  .workspace-switcher { flex-wrap: wrap; }
  .workspace-nav a { font-size: 13px; }
}
@media (max-width: 850px) {
  .workspace-shell { display: block; }
  .workspace-sidebar { display: block; padding: 10px 20px; border-right: 0; border-bottom: 1px solid var(--line); }
  .workspace-switcher, .workspace-help { display: none; }
  .workspace-nav { display: flex; gap: 5px; overflow-x: auto; }
  .workspace-nav a { flex-shrink: 0; white-space: nowrap; margin-bottom: 0; padding: 10px 13px; gap: 8px; }
  .workspace-nav .icon { width: 16px; height: 16px; }
}