/* Recodet V73 — single-row contextual top bar.
   Hub: Team emblem | RECODET | RC + Chat
   Modules: Back | Module title | up to two context actions
   This file is intentionally loaded last and only changes header chrome. */
:root{--v73-topbar-h:66px;--v73-edge:10px;--v73-gold:#e2b83d;--v73-gold2:#f4cf67;--v73-ink:#070604}

.topbar.topbarTwoRow{
  position:sticky!important;top:0!important;z-index:140!important;
  display:block!important;width:100%!important;
  height:var(--v73-topbar-h)!important;min-height:var(--v73-topbar-h)!important;
  padding:0!important;overflow:visible!important;
  background:radial-gradient(circle at 72% -60%,rgba(226,184,61,.12),transparent 48%),linear-gradient(180deg,#0a0906,#050403)!important;
  border:0!important;border-bottom:1px solid rgba(226,184,61,.34)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.32),inset 0 -1px 0 rgba(255,224,128,.035)!important;
  backdrop-filter:blur(18px) saturate(112%)!important;-webkit-backdrop-filter:blur(18px) saturate(112%)!important;
}
.topbar.topbarTwoRow .topbarPrimaryRow,
.topbar.topbarTwoRow .topbarSecondaryRow{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;
  padding:0!important;margin:0!important;background:transparent!important;
}
.topbar.topbarTwoRow .topbarPrimaryRow{display:block!important;pointer-events:none!important}
.topbar.topbarTwoRow .topbarSecondaryRow{display:block!important;pointer-events:none!important}
.topbar.topbarTwoRow .topbarPrimaryRow>* ,
.topbar.topbarTwoRow .topbarSecondaryRow>*{pointer-events:auto}

/* Perfectly centered title regardless of left/right control widths. */
.topbar.topbarTwoRow #pageTitle{
  position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  width:min(42vw,220px)!important;max-width:220px!important;
  margin:0!important;padding:0!important;text-align:center!important;
  color:#f6d465!important;font-size:20px!important;line-height:1!important;font-weight:900!important;
  letter-spacing:.09em!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  text-shadow:0 0 16px rgba(224,174,39,.13)!important;
}

/* Shared controls */
.topbar.topbarTwoRow .globalBackBtn,
.topbar.topbarTwoRow .compactHomeBtn,
.topbar.topbarTwoRow .topicons .iconbtn{
  position:absolute!important;top:50%!important;transform:translateY(-50%)!important;
  display:grid!important;place-items:center!important;
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  padding:0!important;border-radius:14px!important;
  color:var(--v73-gold2)!important;border:1px solid rgba(226,184,61,.28)!important;
  background:linear-gradient(180deg,rgba(31,26,15,.98),rgba(11,9,6,.99))!important;
  box-shadow:inset 0 1px 0 rgba(255,236,171,.07),0 5px 14px rgba(0,0,0,.24)!important;
}
.topbar.topbarTwoRow .globalBackBtn:hover,
.topbar.topbarTwoRow .topicons .iconbtn:hover{transform:translateY(-50%)!important}
.topbar.topbarTwoRow .globalBackBtn:active,
.topbar.topbarTwoRow .topicons .iconbtn:active{transform:translateY(-50%) scale(.96)!important}
.topbar.topbarTwoRow .globalBackBtn svg,
.topbar.topbarTwoRow .topicons .iconbtn svg{width:21px!important;height:21px!important}
.topbar.topbarTwoRow .compactHomeBtn{display:none!important}

.topbar.topbarTwoRow .topbarSecondaryActions,
.topbar.topbarTwoRow .topicons{
  position:static!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;
}

/* ---------------- Hub ---------------- */
.topbar.topbarTwoRow.v73Hub .globalBackBtn,
.topbar.topbarTwoRow.v73Hub .compactHomeBtn{display:none!important}

.topbar.topbarTwoRow.v73Hub .teamTopBadge{
  position:absolute!important;left:var(--v73-edge)!important;right:auto!important;top:50%!important;bottom:auto!important;
  transform:translateY(-50%)!important;display:grid!important;place-items:center!important;
  width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;
  padding:4px!important;margin:0!important;border-radius:16px!important;
  border:1px solid rgba(235,195,74,.46)!important;
  background:linear-gradient(180deg,rgba(32,26,14,.99),rgba(10,8,5,.99))!important;
  box-shadow:inset 0 1px 0 rgba(255,242,190,.1),0 7px 18px rgba(0,0,0,.3)!important;
}
.topbar.topbarTwoRow.v73Hub .teamTopBadge .teamBadgeMark{
  width:100%!important;height:100%!important;border-radius:12px!important;display:grid!important;place-items:center!important;
  overflow:hidden!important;background:linear-gradient(155deg,#f8dc79,#d7a52c)!important;color:#171006!important;
}
.topbar.topbarTwoRow.v73Hub .teamTopBadge .teamBadgeMark img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;border-radius:10px!important}
.topbar.topbarTwoRow.v73Hub .teamBadgeName{display:none!important}

.topbar.topbarTwoRow.v73Hub .premiumCoinButton{
  position:absolute!important;right:57px!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
  display:flex!important;align-items:center!important;gap:5px!important;
  width:auto!important;min-width:76px!important;max-width:90px!important;height:42px!important;min-height:42px!important;
  margin:0!important;padding:4px 8px 4px 4px!important;border-radius:14px!important;
  border:1px solid rgba(233,192,67,.36)!important;background:linear-gradient(180deg,rgba(35,27,13,.99),rgba(12,10,7,.99))!important;
  box-shadow:inset 0 1px 0 rgba(255,239,181,.07),0 5px 14px rgba(0,0,0,.24)!important;
}
.topbar.topbarTwoRow.v73Hub .premiumCoinButton .coinIcon{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:10px!important;display:grid!important;place-items:center!important;color:#f2ca55!important;background:rgba(218,170,39,.08)!important;border:1px solid rgba(240,201,77,.14)!important}
.topbar.topbarTwoRow.v73Hub .premiumCoinButton .coinIcon svg{width:19px!important;height:19px!important}
.topbar.topbarTwoRow.v73Hub .coinAmt{font-size:13px!important;font-weight:900!important;color:#fff0bd!important}
.topbar.topbarTwoRow.v73Hub .coinValueWrap small{font-size:6px!important;color:#ad9a65!important}
.topbar.topbarTwoRow.v73Hub .coinOpenArrow{display:none!important}

.topbar.topbarTwoRow.v73Hub #btnChat{
  display:grid!important;right:var(--v73-edge)!important;left:auto!important;
}
.topbar.topbarTwoRow.v73Hub #btnSearch,
.topbar.topbarTwoRow.v73Hub #btnSort{display:none!important}

/* ---------------- Modules ---------------- */
.topbar.topbarTwoRow.v73Module .teamTopBadge,
.topbar.topbarTwoRow.v73Module .premiumCoinButton,
.topbar.topbarTwoRow.v73Module #btnChat,
.topbar.topbarTwoRow.v73Module .compactHomeBtn{display:none!important}
.topbar.topbarTwoRow.v73Module .globalBackBtn{display:grid!important;left:var(--v73-edge)!important;right:auto!important}
.topbar.topbarTwoRow.v73Module #btnSearch{right:57px!important;left:auto!important}
.topbar.topbarTwoRow.v73Module #btnSort{right:var(--v73-edge)!important;left:auto!important}
.topbar.topbarTwoRow.v73Module.v73OneAction #btnSearch{right:var(--v73-edge)!important}
.topbar.topbarTwoRow.v73Module.v73OneAction #btnSort{display:none!important}
.topbar.topbarTwoRow.v73Module.v73NoActions #btnSearch,
.topbar.topbarTwoRow.v73Module.v73NoActions #btnSort{display:none!important}

/* Onboarding: one small back control and no module utilities. */
body.onboardingActive .topbar.topbarTwoRow{
  display:block!important;height:56px!important;min-height:56px!important;padding:0!important;background:#070604!important;
}
body.onboardingActive .topbar.topbarTwoRow #pageTitle{font-size:16px!important;letter-spacing:.045em!important;color:#f4d16a!important}
body.onboardingActive .topbar.topbarTwoRow .globalBackBtn{left:8px!important;display:grid!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
body.onboardingActive .topbar.topbarTwoRow .teamTopBadge,
body.onboardingActive .topbar.topbarTwoRow .premiumCoinButton,
body.onboardingActive .topbar.topbarTwoRow .topicons,
body.onboardingActive .topbar.topbarTwoRow .compactHomeBtn{display:none!important}

/* Existing sticky Shop tools should start below the new single-row bar. */
.shopContextBar{top:var(--v73-topbar-h)!important}
.shopSearchDock{top:calc(var(--v73-topbar-h) + 58px)!important}

@media(max-width:390px){
  :root{--v73-topbar-h:62px;--v73-edge:7px}
  .topbar.topbarTwoRow #pageTitle{width:min(39vw,150px)!important;font-size:18px!important;letter-spacing:.065em!important}
  .topbar.topbarTwoRow .globalBackBtn,.topbar.topbarTwoRow .topicons .iconbtn{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;border-radius:12px!important}
  .topbar.topbarTwoRow.v73Hub .teamTopBadge{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;border-radius:14px!important}
  .topbar.topbarTwoRow.v73Hub .premiumCoinButton{right:52px!important;min-width:70px!important;max-width:79px!important;height:39px!important;min-height:39px!important;padding-right:6px!important}
  .topbar.topbarTwoRow.v73Hub .premiumCoinButton .coinIcon{width:27px!important;height:27px!important;flex-basis:27px!important}
  .topbar.topbarTwoRow.v73Hub .coinAmt{font-size:12px!important}
  .topbar.topbarTwoRow.v73Module #btnSearch{right:52px!important}
}

@media(max-width:340px){
  .topbar.topbarTwoRow #pageTitle{width:34vw!important;font-size:16px!important}
  .topbar.topbarTwoRow.v73Hub .premiumCoinButton{min-width:65px!important;max-width:70px!important}
  .topbar.topbarTwoRow.v73Hub .coinValueWrap small{display:none!important}
}
.v73FilterPulse{animation:v73FilterPulse .8s ease both}@keyframes v73FilterPulse{0%,100%{box-shadow:none}45%{box-shadow:0 0 0 3px rgba(226,184,61,.18)}}
