/* Global utilities sit beside the brand. Main navigation remains uninterrupted. */
header.topbar.has-studio-toolbar { gap:12px !important; overflow:visible; }
.studio-nav-toolbar { display:flex; align-items:center; gap:8px; flex:0 1 350px; min-width:248px; max-width:350px; margin-left:18px; }
.studio-nav-toolbar .studio-search-entry,
.studio-nav-toolbar .studio-history-entry {
  display:flex; align-items:center; gap:8px; height:36px; min-height:36px;
  margin:0; padding:0 11px; border:1px solid #d6e2f314; border-radius:8px;
  background:#f7faff; color:#7185a3; font-family:inherit;
  font-size:12px; line-height:1.4; cursor:pointer; white-space:nowrap; box-shadow:none;
  transition:background .15s, border-color .15s, color .15s;
}
.studio-nav-toolbar .studio-search-entry { flex:1 1 210px; min-width:122px; width:auto; text-align:left; }
.studio-nav-toolbar .studio-search-label { flex:1; min-width:0; }
.studio-nav-toolbar .studio-search-entry > .studio-nav-icon { width:16px; height:16px; color:#7768df; }
.studio-nav-toolbar .studio-search-keys { gap:2px; opacity:.75; }
.studio-nav-toolbar .studio-search-keys kbd { height:17px; min-width:0; padding:0 2px; border:0; background:transparent; font-size:10px; color:#7185a3; }
.studio-history-wrap { position:relative; flex:none; }
.studio-nav-toolbar .studio-history-entry { background:transparent; border-color:transparent; }
.studio-history-entry > .studio-nav-icon { width:16px; height:16px; color:#7185a3; }
.studio-history-entry > .studio-history-chevron { width:11px; height:11px; transform:rotate(90deg); transition:transform .15s; }
.studio-history-entry[aria-expanded="true"] > .studio-history-chevron { transform:rotate(-90deg); }
.studio-nav-toolbar .studio-search-entry:hover,
.studio-nav-toolbar .studio-history-entry:hover,
.studio-nav-toolbar .studio-history-entry[aria-expanded="true"] { background:#f7faff; border-color:#c8cdf640; color:#29496f; }
.studio-nav-toolbar button:focus-visible,
.studio-history-pop:focus-visible { outline:2px solid #c8cdf6; outline-offset:3px; }
.studio-history-pop {
  position:absolute; top:calc(100% + 10px); left:0; z-index:100;
  box-sizing:border-box; width:320px; max-width:calc(100vw - 24px); overflow-y:auto;
  padding:12px 8px 8px; border:1px solid #c8cdf63d; border-radius:12px;
  background:#f7faff; color:#29496f; box-shadow:0 12px 32px #d6e2f388;
  scrollbar-width:thin; scrollbar-color:#7768df transparent;
}
.studio-history-pop[hidden] { display:none !important; }
.studio-history-head { display:flex; flex-direction:column; gap:4px; padding:0 8px 10px; margin-bottom:4px; border-bottom:1px solid #d6e2f30f; }
.studio-history-head strong { font-size:13px; line-height:20px; font-weight:600; }
.studio-history-head > span { color:#7185a3; font-size:11px; line-height:18px; }
.studio-history-list { display:flex; flex-direction:column; gap:3px; }
.studio-history-list .studio-history-link {
  position:relative; display:grid; grid-template-columns:24px minmax(0, 1fr) 12px;
  align-items:center; gap:8px; width:100%; min-height:40px; padding:6px 8px;
  background:transparent; border:1px solid transparent; border-radius:7px;
  color:#29496f; font:inherit; font-size:12px; line-height:20px; text-align:left; cursor:pointer;
}
.studio-history-list .studio-shortcut-icon { width:24px; height:24px; padding:2px; background:transparent; border:0; border-radius:0; color:#7768df; }
.studio-history-list .studio-shortcut-icon .studio-nav-icon { width:20px; height:20px; }
.studio-history-list .studio-shortcut-arrow { width:12px; height:12px; color:#7185a3; }
.studio-history-list .studio-shortcut-link:hover { background:#ffffff08; color:#29496f; }
.studio-history-list .studio-shortcut-link.is-current { background:#eeeaff14; color:#7768df; }
.studio-history-list .studio-shortcut-link.is-current::before { display:none; }
.studio-history-pop .studio-history-empty { display:flex; flex-direction:column; gap:5px; padding:14px 8px; margin:0; color:#29496f; font-size:12px; }
.studio-history-empty span { color:#7185a3; font-size:11px; line-height:1.7; }

/* A small disclosure after the five modules, not a block ahead of Home. */
body nav.tabs.sidebar .studio-shortcuts.studio-favorites { flex:none; padding:9px 0 0 !important; margin:8px 0 0 !important; border-top:1px solid #d6e2f30d !important; border-bottom:0 !important; }
body nav.tabs.sidebar .studio-favorites-summary {
  display:grid; grid-template-columns:24px minmax(0,1fr) auto 12px; align-items:center;
  gap:10px; min-height:36px; padding:5px 10px; list-style:none; border-radius:8px;
  color:#7185a3; font-size:12px; line-height:20px; font-weight:500; cursor:pointer;
}
.studio-favorites-summary::-webkit-details-marker { display:none; }
.studio-favorites-summary > .studio-nav-icon { width:20px; height:20px; color:#7768df; }
.studio-favorites-summary .studio-favorites-chevron { width:12px; height:12px; color:#7185a3; transition:transform .15s; }
.studio-favorites[open] .studio-favorites-chevron { transform:rotate(90deg); }
.studio-favorites-count { color:#7185a3; font-size:11px; font-variant-numeric:tabular-nums; }
body nav.tabs.sidebar .studio-favorites-summary:hover { background:#ffffff05; color:#29496f; }
body nav.tabs.sidebar .studio-favorites .studio-mini-heading { margin-top:4px !important; }
body nav.tabs.sidebar .studio-favorites .studio-note { padding:0 10px; line-height:1.7; }
body nav.tabs.sidebar .studio-favorites:not([open]) > .studio-shortcut-list { display:none !important; }
.studio-favorites-summary:focus-visible { outline:2px solid #c8cdf6; outline-offset:-2px; }
@media (max-width:1320px) {
  .studio-nav-toolbar { flex-basis:260px; min-width:226px; margin-left:6px; }
  .studio-nav-toolbar .studio-search-keys { display:none; }
  header.topbar.has-studio-toolbar { gap:10px !important; }
}
@media (max-width:1100px) {
  header.topbar.has-studio-toolbar { flex-wrap:wrap !important; height:auto !important; row-gap:8px !important; }
  .studio-nav-toolbar { order:10; flex:1 1 calc(100% - 280px); min-width:226px; max-width:none; margin-left:0; }
  header.has-studio-toolbar #topbarBalance.topbar-bal { order:11; flex:0 1 260px; margin-left:0; justify-content:flex-end; }
  header.has-studio-toolbar .acct-group { margin-left:auto; }
}
@media (max-width:650px) {
  header.topbar.has-studio-toolbar { padding:10px 12px !important; gap:8px !important; }
  .studio-nav-toolbar { flex-basis:100%; width:100%; }
  header.has-studio-toolbar #topbarBalance.topbar-bal { order:12; flex:1 1 100%; justify-content:flex-start; padding:0; }
  header.has-studio-toolbar .brand h1 { font-size:16px !important; }
  header.has-studio-toolbar .brand .logo { width:34px !important; height:34px !important; }
}
@media (prefers-reduced-motion:reduce) {
  .studio-nav-toolbar *, .studio-favorites-summary, .studio-favorites-chevron { transition:none !important; }
}

/* Keep Home visible below a multi-row header, overriding the old fixed 58px skin. */
@media (min-width:721px) {
  body[data-theme="gold"] nav.tabs.sidebar {
    top:var(--studio-topbar-height, 58px) !important;
    height:calc(100vh - var(--studio-topbar-height, 58px)) !important;
    min-height:calc(100vh - var(--studio-topbar-height, 58px)) !important;
  }
}