/* Direct desktop destinations. Mobile keeps its full-screen menu. */
.desktopStudioNav, .studioSystemStatus { display: none; }
@media (min-width: 768px) {
  body.sickosNavV2 { --sickos-nav-height: 72px; }
  body.sickosNavV2.workspaceMenuOpen { overflow: auto; }
  body.sickosNavV2.workspaceMenuOpen::after { display: none !important; }
  body.sickosNavV2 .workspaceSwitcher { display: none !important; }
  body.sickosNavV2 .topbar {
    display: flex !important; flex-wrap: wrap; align-items: center;
    gap: 8px !important; min-height: 72px !important; height: auto !important;
    padding: 10px clamp(14px, 1.6vw, 28px) !important;
    border-bottom: 1px solid #e7e7eb !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 1px 0 rgba(20,20,22,.02) !important;
    backdrop-filter: saturate(160%) blur(24px) !important;
  }
  body.sickosNavV2 .brand {
    flex: 0 0 auto; width: auto !important; min-width: 122px !important;
    min-height: 44px; margin-right: 7px; padding: 0 !important;
    border: 0 !important; border-radius: 0 !important;
  }
  body.sickosNavV2 .brand:hover { opacity: .75; }
  body.sickosNavV2 .topbarLockup { min-width: 115px !important; gap: 8px !important; }
  body.sickosNavV2 .topbarLockup > img { width: 34px !important; height: 34px !important; }
  body.sickosNavV2 .topbarLockup > .officialType { display: grid !important; }
  body.sickosNavV2 .topbarLockup > .officialType > img { width: 67px !important; }
  body.sickosNavV2 .topbarLockup b { font-size: 10px !important; }
  .desktopStudioNav {
    display: flex; flex: 1 1 auto; align-items: center; justify-content: center;
    flex-wrap: wrap; gap: 8px; min-width: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;
  }
  .studioNavGroup { display: flex; align-items: center; gap: 1px; }
  .studioNavGroup + .studioNavGroup { padding-left: 8px; border-left: 1px solid #e5e5ea; }
  .studioDestination {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    min-height: 42px; padding: 0 9px; border: 0; border-radius: 10px;
    color: #515157; background: transparent; box-shadow: none;
    font: 560 13px/1.2 -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;
    letter-spacing: -.015em; white-space: nowrap; cursor: pointer;
    transition: color .18s, background .18s, transform .18s;
  }
  .studioDestination:hover { color: #1d1d1f; background: #f1f1f4; }
  .studioDestination:active { transform: scale(.97); }
  .studioDestination.active { color: #ce161d; background: #fff0f1; font-weight: 680; }
  .studioDestination.active::after { content: ""; position: absolute; bottom: 2px; left: 12px; right: 12px; height: 2px; border-radius: 2px; background: #e81717; }
  .studioDestination:focus-visible { outline: 3px solid #e8171760; outline-offset: 2px; }
  .studioDestination:disabled { color: #95959d; cursor: not-allowed; background: transparent; }
  .studioDestination[data-guest-locked]::after { content: ""; position: static; margin-left: 5px; width: 7px; height: 6px; border-radius: 2px; background: currentColor; opacity: .45; }
  .studioNavGroup[hidden], .studioDestination[hidden] { display: none !important; }
  body.sickosNavV2 #refreshLibrary { display: none !important; }
  .studioSystemStatus { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 18px; width: 18px; height: 40px; }
  .studioSystemStatus > i { width: 7px; height: 7px; border-radius: 50%; background: #c99531; box-shadow: 0 0 0 4px #c9953110; }
  .studioSystemStatus.ready > i { background: #25855b; box-shadow: 0 0 0 4px #25855b10; }
  .studioSystemStatus > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  body.sickosNavV2 #sidebarToggle.quietIcon { flex: 0 0 38px; width: 38px; height: 38px; border: 1px solid #e6e6eb !important; border-radius: 10px !important; color: #515157 !important; background: #fff !important; }
  body.sickosNavV2 #accountProfile.accountProfile { flex: 0 0 36px; width: 36px !important; min-width: 36px !important; height: 36px; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #1d1d1f !important; }
  body.sickosNavV2 #accountProfile.accountProfile > i { width: 36px !important; height: 36px !important; border-radius: 50% !important; }
  body.sickosNavV2 #accountProfile.accountProfile > span { display: none !important; }
  body.sickosNavV2 #accountProfile.accountProfile:hover { box-shadow: 0 0 0 4px #e8171714; }
  body.sickosNavV2 #logout.ownerSignOut { flex: 0 0 36px; width: 36px !important; min-width: 36px !important; height: 36px; padding: 0 !important; border: 0 !important; border-radius: 10px !important; color: #515157 !important; background: transparent !important; }
  body.sickosNavV2 #logout.ownerSignOut:hover { color: #d71920 !important; background: #fff0f1 !important; }
  body.sickosNavV2 #logout.ownerSignOut span { display: none !important; }
  body.sickosNavV2 .sidebar { top: var(--sickos-nav-height); height: calc(100dvh - var(--sickos-nav-height)); }
}
@media (min-width: 768px) and (max-width: 1379px) {
  body.sickosNavV2 .brand { margin-right: auto; }
  .desktopStudioNav { order: 10; flex-basis: 100%; justify-content: flex-start; padding-top: 7px; border-top: 1px solid #efeff2; }
  .studioDestination { padding-inline: 10px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .studioDestination { transition: none; } }