/* Shell layout. Visual styling is owned by the shared token/components files. */
@import url('./design-tokens.css');
@import url('./consumer-ui.css');
:root{--going-header-height:76px}
body[data-going-workspace]{-webkit-font-smoothing:antialiased}
body[data-going-workspace] :focus-visible{outline:3px solid var(--g-accent);outline-offset:3px}
#going-shell{position:sticky;top:0;z-index:45;width:100%;border-bottom:1px solid var(--g-border);padding:0;margin:0;box-sizing:border-box}
#going-shell *{box-sizing:border-box}
#going-shell .going-shell-inner{max-width:1440px;min-height:76px;padding:var(--g-space-3) var(--g-space-5);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--g-space-5)}
#going-shell .going-wordmark{position:relative;display:inline-flex;align-items:baseline;gap:var(--g-space-2);min-height:44px;padding:var(--g-space-2) 0;flex-shrink:0;color:var(--g-text);text-decoration:none;font:var(--g-weight-display) var(--g-text-xl)/1.15 var(--g-font);letter-spacing:-1.5px;margin:0;border:0;background:none}
#going-shell .going-wordmark-sport{color:var(--g-accent)}
#going-shell .going-wordmark i{position:absolute;left:1px;bottom:0;width:28px;height:3px;background:var(--g-accent);transform:skewX(-20deg)}
#going-shell .going-global-nav{display:flex;align-items:center;gap:var(--g-space-1);flex-wrap:nowrap;margin:0;padding:0;border:0;background:none}
#going-shell .going-global-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:var(--g-space-2) var(--g-space-3);border:1px solid transparent;border-radius:var(--g-radius-md);font:var(--g-weight-bold) var(--g-text-sm)/1.2 var(--g-font);text-decoration:none;color:var(--g-muted);white-space:nowrap;box-sizing:border-box}
#going-shell .going-global-nav a:hover{background:var(--g-raised);color:var(--g-text)}
body[data-going-workspace=home] .top,body[data-going-workspace=long] .bt-brand,body[data-going-workspace=long] #glNav .ic,body[data-going-workspace=yard] .brand-mark,body[data-going-workspace=yard] .going-platform-nav .going-logo{display:none!important}
body[data-going-workspace=long] .bt-head,body[data-going-workspace=yard]>header{top:var(--going-header-height);background:var(--g-bg);border-color:var(--g-border)}
body[data-going-workspace=long] #glNav,body[data-going-workspace=yard] #tabbar{background:var(--g-bg);border-color:var(--g-border)}
body[data-going-workspace=long] #btTabGroup{display:flex;flex-wrap:wrap;flex:1;width:auto;overflow:visible}
body[data-going-workspace=long] #btToolGroup{display:flex;gap:var(--g-space-2);max-width:1440px;margin:var(--g-space-3) auto var(--g-space-1);overflow-x:auto;scrollbar-width:none}
body[data-going-workspace=long] #btToolGroup[hidden]{display:none}
body[data-going-workspace=long] :is(#btTabGroup,#btToolGroup) button{flex:0 0 auto;white-space:nowrap}
body[data-going-workspace=yard] .going-platform-nav{max-width:1440px;margin:auto;padding:var(--g-space-3) var(--g-space-5);border-bottom:1px solid var(--g-border);background:var(--g-bg)}
body[data-going-workspace=yard] .going-platform-nav>div{display:flex;gap:var(--g-space-2);flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none}
body[data-going-workspace=yard] .going-platform-nav button{flex:none;white-space:nowrap}
body[data-going-workspace=yard] .brand-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body[data-going-workspace=yard] .brand .stamp{margin-right:auto}
body[data-going-workspace=yard] .thead{top:calc(var(--hh,200px) + var(--going-header-height))}
body[data-going-workspace] :is(.drawer-scroll,.bt-sheet-scroll){overscroll-behavior:contain}
body[data-going-workspace] :is(.drawer-x,.sheet-close,.cfg-close){min-width:44px;min-height:44px}
body[data-going-workspace=yard] .sheet-card{max-height:85dvh;overflow-y:auto;overscroll-behavior:contain}
body[data-yard-view="pregame-record"] #welcome,body[data-yard-view="market-disagreement"] #welcome,body[data-yard-view="fantasy-research"] #welcome,body[data-yard-view="opportunities"] #welcome{display:none}
#btPromoPanel{max-width:1100px;margin:auto;line-height:1.65}#btPromoPanel textarea{display:block;width:100%;min-height:160px}#btPromoPanel label{display:block;margin:var(--g-space-3) 0}#btPromoPanel button{margin:var(--g-space-3) var(--g-space-2) 0 0}
@media(min-width:760px){body[data-going-workspace=long] #glNav{top:var(--going-header-height)}body[data-going-workspace=long] #btOddsDialog{width:min(900px,calc(100vw - 64px));max-width:900px;margin:auto}body[data-going-workspace=yard] .sheet{align-items:center}}
@media(min-width:700px){body[data-going-workspace=long] .cfg-sheet{top:calc(var(--going-header-height) + 60px);max-height:calc(100vh - var(--going-header-height) - 90px)}}
@media(max-width:600px){#going-shell .going-shell-inner{padding:var(--g-space-2) var(--g-space-4);min-height:104px;gap:var(--g-space-1);flex-wrap:wrap}#going-shell .going-global-nav{width:100%;justify-content:space-between;gap:0}#going-shell .going-global-nav a{padding:var(--g-space-2);font-size:var(--g-text-xs)}body[data-going-workspace=yard] .going-platform-nav{padding:var(--g-space-2) var(--g-space-3)}body[data-going-workspace=long] .bt-head{display:flex;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){body[data-going-workspace] *{transition:none!important;animation:none!important}}
@media(max-width:760px){body[data-going-workspace=long] #btTabGroup{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));flex-basis:100%;width:100%}body[data-going-workspace=long] #btTabGroup>button{min-width:0;padding:10px 5px!important;font-size:12px!important}}