/* Whole-App Consistency v1 — scoped fit-and-finish fixes. Loaded last.
   Each rule fixes one specific inconsistency; nothing here restyles an
   approved composition. */

/* 1. Signed-out screens never show the app's bottom nav.
   polish-v0514.css already says this, but it only reaches the page when the
   service worker stitches it into styles.css, so a first visit (no
   controlling worker yet: a fresh invite link, a private tab) showed a
   dead Home / Picks / Standings / Hub / Profile bar under Log In. */
body:has(#auth:not(.hidden)) .footer{display:none!important}

/* 2. Hub › News filter chips use the Hub's gold selection language (the Today
   chips right next to them), not a stray solid blue from studio-final.css.
   Size and shape are unchanged. */
#hub .newsTab{
  border-color:#30363e!important;
  background:#0a0c0f!important;
  color:#9a9ca1!important;
}
#hub .newsTab.active{
  border-color:#b48d29!important;
  background:rgba(243,199,77,.08)!important;
  color:#ffe08a!important;
  box-shadow:inset 0 0 0 1px rgba(255,199,44,.035)!important;
}

/* 3. Game Details tabs (opened from Picks rows and the GOTW card): the
   selected tab uses the same gold selection treatment, not solid blue. */
.studioDetailsTabs button.active{
  border-color:#b48d29!important;
  background:rgba(243,199,77,.08)!important;
  color:#ffe08a!important;
}

/* 4. Week Recap: the current-user row used the retired green highlight.
   Match the Standings v3 "you" row (cyan North Star highlight). */
.recapRow.me{
  background:linear-gradient(90deg,rgba(0,150,255,.22),rgba(0,110,210,.10))!important;
  box-shadow:0 0 0 1.5px rgba(92,200,255,.9) inset,0 0 18px rgba(0,190,255,.18);
  border-bottom-color:transparent;
}

/* 5. League welcome: the "30 PICK'EM" tile sat on the retired dark-green
   gradient. Same tile, navy like every other premium tile. */
.leagueWelcomeMark{
  background:radial-gradient(circle at 50% 10%,rgba(255,199,44,.2),transparent 55%),linear-gradient(145deg,#0f2552,#07132c)!important;
}


/* 6. v0.9.30 — iOS/PWA bottom nav lives outside #app and is anchored directly
   to the viewport. Keeping the nav as a body child prevents iOS from treating
   it as part of a long screen/scroll container on Commissioner, Picks, etc. */
@media(max-width:899px){
  body>.footer{
    position:fixed!important;
    inset:auto 0 0 0!important;
    left:0!important;right:0!important;top:auto!important;bottom:0!important;
    width:100%!important;max-width:none!important;
    height:auto!important;min-height:78px!important;
    margin:0!important;
    transform:none!important;-webkit-transform:none!important;
    z-index:1000!important;
    padding:8px max(8px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))!important;
    background:rgba(2,7,14,.985)!important;
    border-top:1px solid rgba(243,199,77,.16)!important;
    box-shadow:0 -12px 28px rgba(0,0,0,.38)!important;
    -webkit-backface-visibility:hidden!important;
    backface-visibility:hidden!important;
    isolation:isolate!important;
  }
  #app#app{
    padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;
  }
  #app#app>.screen{
    padding-bottom:16px!important;
  }
  body>.footer .nav{
    min-height:58px!important;
  }
}