.fos-nav { position: sticky; top: 0; z-index: var(--fos-z-nav); border-bottom: 1px solid var(--fos-color-border-subtle); background: color-mix(in srgb, var(--fos-color-background) 90%, transparent); backdrop-filter: blur(16px); }
.fos-nav-inner { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: var(--fos-space-5); }
.fos-nav-brand { display: grid; gap: 0; color: var(--fos-color-text); text-decoration: none; line-height: 1; }
.fos-nav-brand strong { font-size: 1.05rem; font-weight: 900; letter-spacing: -0.055em; }
.fos-nav-brand span { margin-top: 4px; font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--fos-color-text-muted); }
.fos-nav-links, .fos-nav-actions { display: flex; align-items: center; gap: var(--fos-space-2); }
.fos-nav-link { display: inline-flex; align-items: center; min-height: 36px; padding-inline: var(--fos-space-3); border: 0; border-radius: var(--fos-radius-md); background: transparent; font: inherit; font-size: .875rem; font-weight: 700; color: var(--fos-color-text-muted); text-decoration: none; cursor: pointer; }
.fos-nav-link:hover, .fos-nav-link.is-active { color: var(--fos-color-text); background: var(--fos-color-surface-muted); }
.fos-nav-link[aria-current="page"] { color: var(--fos-color-text); background: var(--fos-color-surface-muted); }
.fos-nav-action, .fos-button { display: inline-flex; align-items: center; min-height: 38px; padding-inline: var(--fos-space-4); border-radius: var(--fos-radius-md); border: 0; font-size: .875rem; font-weight: 800; text-decoration: none; cursor: pointer; }
.fos-nav-action, .fos-button--primary { background: var(--fos-color-text); color: var(--fos-color-background); }
.fos-mobile-nav-toggle, .fos-mobile-nav { display: none; }
.fos-workspace-switcher { display: flex; flex-wrap: wrap; gap: var(--fos-space-2); margin-top: var(--fos-space-5); }
.fos-workspace-tab { display: inline-flex; align-items: center; min-height: 34px; padding-inline: var(--fos-space-3); border: 1px solid var(--fos-color-border-subtle); border-radius: var(--fos-radius-full); background: var(--fos-color-background); color: var(--fos-color-text-muted); font: inherit; font-size: .82rem; font-weight: 800; cursor: pointer; }
.fos-workspace-tab:hover, .fos-workspace-tab.is-active { color: var(--fos-color-text); border-color: var(--fos-color-border-strong); background: var(--fos-color-surface); }
@media (max-width: 900px) {
  .fos-nav-links, .fos-nav-actions { display: none; }
  .fos-mobile-nav-toggle { display: inline-flex; align-items: center; min-height: 36px; padding-inline: var(--fos-space-3); border: 1px solid var(--fos-color-border-subtle); border-radius: var(--fos-radius-md); background: var(--fos-color-surface); color: var(--fos-color-text); font-weight: 800; }
  .fos-mobile-nav[hidden] { display: none; }
  .fos-mobile-nav { display: grid; gap: var(--fos-space-2); padding: var(--fos-space-4); border-top: 1px solid var(--fos-color-border-subtle); background: var(--fos-color-background); }
  .fos-mobile-nav button { width: 100%; text-align: left; padding: var(--fos-space-3); border: 0; border-radius: var(--fos-radius-md); background: transparent; color: var(--fos-color-text); font: inherit; font-weight: 750; }
}