/* PASS 93.1 — HEADER POLISH
   Header-only visual correction. No player/audio/PayPal/Worker/builder logic touched. */

body[data-theme] .topbar{
  height:58px!important;
  min-height:58px!important;
  padding:0 max(20px,calc((100vw - 1540px)/2))!important;
  gap:18px!important;
  background:color-mix(in srgb,var(--bg) 84%,transparent)!important;
  color:var(--ink)!important;
  border-bottom:1px solid color-mix(in srgb,var(--line) 84%,transparent)!important;
  box-shadow:0 8px 26px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}

body[data-theme] .topbar .brand{
  gap:9px!important;
  min-width:max-content;
}
body[data-theme] .topbar .brand-mark{
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
  font-size:14px!important;
  box-shadow:0 7px 18px color-mix(in srgb,var(--a1) 18%,transparent)!important;
}
body[data-theme] .topbar .brand-copy strong{
  color:var(--ink)!important;
  font-size:11.5px!important;
  letter-spacing:.145em!important;
  line-height:1.05!important;
}
body[data-theme] .topbar .brand-copy small{
  color:color-mix(in srgb,var(--soft) 88%,var(--ink))!important;
  font-size:7.2px!important;
  letter-spacing:.17em!important;
  margin-top:4px!important;
}

/* Navigation becomes one restrained control island instead of floating text. */
body[data-theme] .topbar .nav-pro{
  gap:2px!important;
  padding:3px!important;
  border:1px solid color-mix(in srgb,var(--line) 84%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--panel) 62%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body[data-theme] .topbar .nav-pro>a,
body[data-theme] .topbar .nav-pro>.nav-menu>summary,
body[data-theme] .topbar .nav-pro>.nav-build{
  min-height:31px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  color:var(--ink)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  opacity:.86!important;
  transition:background .16s,color .16s,opacity .16s,transform .16s!important;
}
body[data-theme] .topbar .nav-pro>a:hover,
body[data-theme] .topbar .nav-pro>.nav-menu>summary:hover{
  opacity:1!important;
  color:var(--ink)!important;
  background:color-mix(in srgb,var(--a1) 10%,transparent)!important;
}
body[data-theme] .topbar .nav-pro>.nav-menu[open]>summary{
  opacity:1!important;
  background:color-mix(in srgb,var(--a1) 12%,transparent)!important;
}
body[data-theme] .topbar .nav-pro>.nav-menu>summary span{
  color:color-mix(in srgb,var(--soft) 85%,var(--ink))!important;
  font-size:8px!important;
}
body[data-theme] .topbar .nav-pro>.nav-build{
  border:0!important;
  color:var(--btnInk)!important;
  background:linear-gradient(100deg,var(--a1),var(--a2) 62%,var(--a3))!important;
  opacity:1!important;
  font-weight:900!important;
  padding-inline:14px!important;
  box-shadow:0 6px 18px color-mix(in srgb,var(--a1) 14%,transparent)!important;
}
body[data-theme] .topbar .nav-pro>.nav-build:hover{
  transform:translateY(-1px)!important;
}

/* Correct dropdown palette for every theme, including light themes. */
body[data-theme] .topbar .nav-pop{
  top:40px!important;
  background:color-mix(in srgb,var(--panel2) 96%,transparent)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.24)!important;
}
body[data-theme] .topbar .nav-pop a,
body[data-theme] .topbar .nav-pop button,
body[data-theme] .topbar .nav-pop b{color:var(--ink)!important}
body[data-theme] .topbar .nav-pop small{color:var(--muted)!important}

body[data-theme] .topbar .top-actions{
  gap:5px!important;
  align-items:center!important;
}
body[data-theme] .topbar .ghost-pill,
body[data-theme] .topbar .theme-pill{
  min-height:34px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--line) 90%,transparent)!important;
  background:color-mix(in srgb,var(--panel) 58%,transparent)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
  font-size:8.5px!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
}
body[data-theme] .topbar .ghost-pill:hover,
body[data-theme] .topbar .theme-pill:hover{
  background:color-mix(in srgb,var(--a1) 9%,var(--panel))!important;
  border-color:color-mix(in srgb,var(--a1) 24%,var(--line))!important;
}
body[data-theme] .topbar .admin-pill{
  opacity:.72!important;
  padding-inline:9px!important;
}
body[data-theme] .topbar .theme-dot{
  width:13px!important;
  height:13px!important;
  box-shadow:0 0 10px color-mix(in srgb,var(--a1) 22%,transparent)!important;
}
body[data-theme] .topbar .theme-pill b{font-size:8px!important;color:var(--soft)!important}

@media(max-width:1180px){
  body[data-theme] .topbar{padding-inline:14px!important;gap:11px!important}
  body[data-theme] .topbar .brand-copy small{display:none!important}
  body[data-theme] .topbar .nav-pro>a,
  body[data-theme] .topbar .nav-pro>.nav-menu>summary,
  body[data-theme] .topbar .nav-pro>.nav-build{padding-inline:9px!important}
}

@media(max-width:980px){
  body[data-theme] .topbar{
    grid-template-columns:auto 1fr!important;
    height:56px!important;
    min-height:56px!important;
  }
  body[data-theme] .topbar .nav{display:none!important}
  body[data-theme] .topbar .top-actions{justify-self:end!important}
}

@media(max-width:700px){
  body[data-theme] .topbar{
    min-height:54px!important;
    height:54px!important;
    padding:0 9px!important;
    gap:8px!important;
  }
  body[data-theme] .topbar .brand-mark{width:34px!important;height:34px!important;border-radius:10px!important}
  body[data-theme] .topbar .brand-copy strong{font-size:10px!important;letter-spacing:.12em!important}
  body[data-theme] .topbar .ghost-pill{display:none!important}
  body[data-theme] .topbar .theme-pill{min-height:32px!important;padding:0 8px!important}
  body[data-theme] .topbar .theme-pill span:nth-child(2){display:none!important}
}