/* 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:#29496f;
    --side-muted:#7185a3;
    --side-gold:#7768df;
    padding:14px 12px 12px !important;
    gap:0 !important;
    background:#f7faff !important;
    border-right:1px solid rgba(109,113,230, .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:#f7faff !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:#f7faff !important; box-shadow:none !important;
    color:#7185a3 !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:#7768df !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-search-entry:hover {
    background:#f7faff !important; border-color:rgba(109,113,230, .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:#7185a3 !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:#7768df !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:#7768df !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:#7185a3 !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:#7185a3 !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:#7185a3 !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:#7185a3 !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:#7768df !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent summary .studio-recent-arrow { width:12px !important; height:12px !important; color:#7185a3 !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:#29496f !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(109,113,230, .09) !important; border-color:transparent !important;
    color:#7768df !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:#7768df !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:#eeeaff !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:#7185a3 !important; font-size:11px !important; font-weight:500 !important; line-height:15px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .ps-txt small { color:#7185a3 !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; }
}