/* Sidebar alignment · 2026-10-04
   Navigation only. Keep existing routes, shortcuts, theme and responsive widths.
   Scoped !important rules intentionally win over the accumulated legacy skins. */
@media (min-width: 721px) {
  body[data-theme="gold"] nav.tabs.sidebar {
    --side-row: 36px;
    --side-module-row: 52px;
    --side-icon: 24px;
    --side-gap: 10px;
    --side-pad: 10px;
    --side-text: #d4d1c9;
    --side-muted: #96938a;
    --side-gold: #d4bb79;
    padding: 14px 12px 12px !important;
    gap: 0 !important;
    background: #101211 !important;
    border-right: 1px solid rgba(216, 191, 132, .12) !important;
    box-shadow: none !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar *,
  body[data-theme="gold"] nav.tabs.sidebar *::before,
  body[data-theme="gold"] nav.tabs.sidebar *::after { box-sizing: border-box; }

  body[data-theme="gold"] nav.tabs.sidebar .sb-scroll {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 4px 8px 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overflow-anchor: none !important;
    scrollbar-gutter: stable;
    scrollbar-width: thin !important;
    scrollbar-color: #4b4b41 transparent !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .sb-scroll:hover {
    scrollbar-color: #686354 transparent !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .sb-scroll::-webkit-scrollbar { width: 4px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-track { background: transparent !important; }
  body[data-theme="gold"] nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-thumb {
    border: 0 !important; border-radius: 4px !important; background: #4b4b41 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-button {
    display: none !important; width: 0 !important; height: 0 !important;
  }

  /* Search and personal shortcuts are one quiet, aligned list, not a second card. */
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcuts {
    flex: none !important; width: 100% !important; min-width: 0 !important;
    padding: 0 0 12px !important; margin: 0 0 10px !important;
    border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, .065) !important;
    border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcuts::before { display: none !important; content: none !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-search-entry {
    display: grid !important; grid-template-columns: var(--side-icon) minmax(0, 1fr) auto;
    align-items: center !important; gap: var(--side-gap) !important;
    width: 100% !important; height: 38px !important; min-height: 38px !important;
    margin: 0 !important; padding: 0 var(--side-pad) !important;
    border: 1px solid rgba(255, 255, 255, .085) !important; border-radius: 8px !important;
    background: #191c1a !important; box-shadow: none !important;
    color: #bcbab2 !important; font-family: inherit !important;
    font-size: 13px !important; font-weight: 400 !important; line-height: 20px !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-search-entry > .studio-nav-icon {
    width: 18px !important; height: 18px !important; justify-self: center; color: #a89a70 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-search-entry:hover {
    background: #20231f !important; border-color: rgba(212, 187, 121, .3) !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-search-keys { gap: 2px !important; opacity: .8 !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-search-keys kbd {
    padding: 0 2px !important; min-width: 0 !important; height: 18px !important;
    background: transparent !important; border: 0 !important; font-size: 10px !important; color: #929188 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-mini-heading {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    min-height: 24px !important; margin: 10px 0 4px !important; padding: 0 var(--side-pad) !important;
    gap: 6px !important; color: var(--side-muted) !important; letter-spacing: 0 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-favorite-heading {
    font-size: 11px !important; font-weight: 500 !important; gap: 5px !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-favorite-heading > .studio-nav-icon { display: none !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-favorite-toggle {
    min-height: 24px !important; padding: 2px 0 !important; gap: 3px !important;
    font-size: 10px !important; font-weight: 400 !important; color: #b5a271 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-chips,
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent-list {
    display: flex !important; flex-direction: column !important; gap: 2px !important;
  }

  /* A shared 24px icon column and text start across every navigation row. */
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link {
    position: relative !important; display: grid !important;
    grid-template-columns: var(--side-icon) minmax(0, 1fr) 12px;
    align-items: center !important; gap: var(--side-gap) !important;
    width: 100% !important; min-width: 0 !important;
    min-height: var(--side-row) !important; margin: 0 !important; padding: 5px var(--side-pad) !important;
    border: 1px solid transparent !important; border-radius: 8px !important;
    background: transparent !important; box-shadow: none !important;
    color: var(--side-text) !important; font-family: inherit !important; font-size: 13px !important;
    font-weight: 500 !important; line-height: 20px !important; letter-spacing: 0 !important;
    text-align: left !important; transform: none !important; filter: none !important;
    transition: background .15s ease, color .15s ease !important;
    cursor: pointer;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini { grid-template-columns: var(--side-icon) minmax(0, 1fr); }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home { min-height: 40px !important; margin-bottom: 8px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home .tb-txt { font-size: 13px !important; font-weight: 600 !important; }
  body[data-theme="gold"] nav.tabs.sidebar .tb-ico,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-icon {
    width: var(--side-icon) !important; height: var(--side-icon) !important;
    min-width: var(--side-icon) !important; padding: 2px !important; margin: 0 !important;
    border: 0 !important; border-radius: 0 !important;
    background: transparent !important; box-shadow: none !important; filter: none !important;
    color: #b5a478 !important; opacity: 1 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-icon {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-icon .studio-nav-icon { width: 20px !important; height: 20px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-label { font-size: 13px !important; font-weight: 500 !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-arrow {
    width: 12px !important; height: 12px !important; opacity: .75 !important;
    color: #858378 !important; transform: none !important;
  }

  body[data-theme="gold"] nav.tabs.sidebar .sb-section-title {
    flex: none !important; min-height: 24px !important; margin: 0 0 4px !important;
    padding: 0 var(--side-pad) !important; font-size: 11px !important;
    line-height: 18px !important; font-weight: 500 !important; letter-spacing: 0 !important;
    color: var(--side-muted) !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .sb-section-title::after { display: none !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mods {
    display: flex !important; flex-direction: column !important; gap: 4px !important;
    flex: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod {
    min-height: var(--side-module-row) !important; padding-top: 7px !important; padding-bottom: 7px !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod .pn-copy {
    display: flex !important; flex-direction: column !important;
    min-width: 0 !important; gap: 2px !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod .pn-copy b {
    font-size: 13px !important; line-height: 18px !important; font-weight: 600 !important; letter-spacing: 0 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod .pn-copy small {
    font-size: 11px !important; line-height: 15px !important; font-weight: 400 !important; color: var(--side-muted) !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod .pn-count { display: none !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod .pn-chevron {
    width: 12px !important; font-size: 18px !important; line-height: 24px !important;
    color: #858378 !important; text-align: center !important; transform: none !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-extra {
    flex: none !important; display: flex !important; flex-direction: column !important; gap: 2px !important;
    margin: 0 !important; padding: 10px 4px 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .065) !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-extra > .sb-section-title { margin-bottom: 2px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini { color: #bfbcb2 !important; font-weight: 500 !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  /* Recent history remains expandable, inside the same scrolling area. */
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent {
    margin: 6px 0 0 !important; padding: 0 !important; border: 0 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent summary {
    display: grid !important; grid-template-columns: var(--side-icon) minmax(0, 1fr) auto 12px;
    align-items: center !important; gap: var(--side-gap) !important;
    min-height: var(--side-row) !important; padding: 6px 11px !important; border-radius: 8px !important;
    color: #bfbcb2 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 20px !important;
    cursor: pointer;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent summary > .studio-nav-icon:not(.studio-recent-arrow) {
    width: 20px !important; height: 20px !important; justify-self: center; color: #b5a478 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent summary .studio-recent-arrow { width: 12px !important; height: 12px !important; color: #858378 !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent-count { font-size: 10px !important; color: var(--side-muted) !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent-list { padding: 4px 0 0 !important; }

  /* Selection is a quiet flat fill plus a short gold rail; hover never shifts text. */
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home::after,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod::after,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini::after,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link::after { display: none !important; content: none !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home::before,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod::before,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini::before,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link::before {
    content: "" !important; position: absolute !important; display: block !important;
    left: 0 !important; top: 9px !important; bottom: 9px !important;
    width: 2px !important; border-radius: 2px !important; background: var(--side-gold) !important;
    opacity: 0 !important; transform: none !important; pointer-events: none;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home:hover,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod:hover,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini:hover,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link:hover,
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent summary:hover {
    background: rgba(255, 255, 255, .045) !important; border-color: transparent !important;
    color: #ede7d8 !important; box-shadow: none !important; transform: none !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home.active,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod.active,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini.active,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link.is-current {
    background: rgba(212, 187, 121, .09) !important; border-color: transparent !important;
    color: #e8d9ac !important; box-shadow: none !important; transform: none !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home.active::before,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod.active::before,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini.active::before,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link.is-current::before { opacity: 1 !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home.active .tb-ico,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod.active .tb-ico,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini.active .tb-ico,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link.is-current .studio-shortcut-icon {
    background: transparent !important; border-color: transparent !important; color: var(--side-gold) !important; box-shadow: none !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod.active .pn-copy small { color: #b3a686 !important; }
  body[data-theme="gold"] nav.tabs.sidebar button:focus-visible,
  body[data-theme="gold"] nav.tabs.sidebar summary:focus-visible {
    outline: 2px solid var(--side-gold) !important; outline-offset: -2px !important; box-shadow: none !important;
  }

  /* Keep system links and the service state anchored, with the same inner edge. */
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-foot {
    flex: none !important; margin: 8px 4px 0 0 !important; padding: 8px 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .065) !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-state-card {
    display: flex !important; align-items: center !important; gap: 10px !important;
    min-height: 36px !important; padding: 2px 11px !important;
    border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .ps-dot {
    flex: none !important; width: 6px !important; height: 6px !important; margin: 0 9px !important;
    background: #b5a478 !important; box-shadow: none !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .ps-txt { display: flex !important; flex-direction: column !important; gap: 2px !important; min-width: 0 !important; }
  body[data-theme="gold"] nav.tabs.sidebar .ps-txt b { color: #b4b2a7 !important; font-size: 11px !important; font-weight: 500 !important; line-height: 15px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .ps-txt small { color: #94928a !important; font-size: 10px !important; font-weight: 400 !important; line-height: 14px !important; }
}
@media (min-width: 721px) and (max-width: 920px) {
  body[data-theme="gold"] nav.tabs.sidebar { padding-left: 10px !important; padding-right: 10px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-search-entry { gap: 8px !important; }
}
@media (min-width: 721px) and (max-height: 800px) {
  body[data-theme="gold"] nav.tabs.sidebar { --side-row: 32px; --side-module-row: 48px; padding-top: 10px !important; padding-bottom: 10px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .sb-scroll { padding-bottom: 6px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcuts { padding-bottom: 6px !important; margin-bottom: 6px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-mini-heading { min-height: 20px !important; margin-top: 6px !important; margin-bottom: 2px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link { padding-top: 3px !important; padding-bottom: 3px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home { min-height: 36px !important; margin-bottom: 2px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod { padding-top: 5px !important; padding-bottom: 5px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mods { gap: 2px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent { margin-top: 4px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .sb-section-title { min-height: 22px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-extra { padding-top: 6px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-foot { margin-top: 6px !important; padding-top: 6px !important; }
}
/* Short desktop windows keep five primary groups visible with default shortcuts. */
@media (min-width: 721px) and (max-height: 740px) {
  body[data-theme="gold"] nav.tabs.sidebar { --side-row: 30px; --side-module-row: 44px; padding-top: 8px !important; padding-bottom: 8px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link { padding-top: 2px !important; padding-bottom: 2px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home { min-height: 32px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod { padding-top: 3px !important; padding-bottom: 3px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-search-entry { height: 34px !important; min-height: 34px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent summary { padding-top: 5px !important; padding-bottom: 5px !important; }
}
@media (min-width: 721px) and (prefers-reduced-motion: reduce) {
  body[data-theme="gold"] nav.tabs.sidebar button,
  body[data-theme="gold"] nav.tabs.sidebar summary { transition: none !important; }
}