/* Squares Pro — one shield-branded navigation drawer on every page. */
body .sidebar{
  position:fixed!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;z-index:5000!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  width:min(290px,86vw)!important;height:100vh!important;padding:20px 14px!important;
  overflow-x:hidden!important;overflow-y:auto!important;transform:translateX(-105%)!important;
  transition:transform .24s ease!important;
  background:linear-gradient(180deg,rgba(4,14,24,.995),rgba(1,6,11,.995))!important;
  border-right:1px solid rgba(155,211,248,.58)!important;
  box-shadow:18px 0 50px rgba(0,0,0,.78),inset -1px 0 rgba(255,255,255,.08)!important;
}
body.dashboardNavOpen .sidebar{transform:translateX(0)!important;}
body.dashboardNavOpen::after{content:"";position:fixed;inset:0;z-index:4900;background:rgba(0,4,8,.66);backdrop-filter:blur(3px);}
body .sidebar .brand{display:block!important;width:100%!important;margin:0 0 12px!important;padding:4px 6px 13px!important;text-align:center!important;border-bottom:1px solid rgba(91,165,210,.35)!important;}
body .sidebar .brandShield{display:block!important;width:76px!important;height:76px!important;margin:0 auto 5px!important;object-fit:contain!important;filter:drop-shadow(0 0 8px rgba(65,172,255,.62))!important;}
body .sidebar .brand h1{display:block!important;margin:0!important;color:#f2f6f8!important;font-size:18px!important;line-height:1.1!important;letter-spacing:.1em!important;white-space:normal!important;}
body .sidebar .brand h1 b{color:#19a8ff!important;}
body .sidebar .brand small{display:block!important;margin-top:5px!important;color:#75c9ff!important;font-size:8px!important;font-weight:900!important;letter-spacing:.18em!important;}
body .sidebar .modeSwitcher,body .sidebar #notificationBell,body .sidebar #smartAlertBell,body .sidebar .commandPaletteTrigger,body .sidebar #primaryNav,body .sidebar .navReorg,body .sidebar .premiumHomeUpgrade,body .sidebar .version{display:none!important;}
body .sidebar .premiumHomeNav{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;width:100%!important;margin:0 0 12px!important;padding:0!important;}
body .sidebar .premiumHomeNav button{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;min-height:39px!important;margin:0!important;padding:8px 11px!important;color:#dce8ef!important;background:transparent!important;border:1px solid transparent!important;border-radius:3px!important;box-shadow:none!important;font-size:13px!important;font-weight:850!important;text-align:left!important;cursor:pointer!important;}
body .sidebar .premiumHomeNav button span{flex:0 0 23px!important;width:23px!important;color:#bcd9e9!important;font-size:19px!important;text-align:center!important;}
body .sidebar .premiumHomeNav button:hover{color:#fff!important;background:rgba(20,105,159,.35)!important;border-color:rgba(67,181,247,.42)!important;}
body .sidebar .premiumHomeNav button.active{color:#fff!important;background:linear-gradient(90deg,#06477f,#0a88d9)!important;border-color:#35b9ff!important;box-shadow:0 0 14px rgba(0,148,239,.34),inset 3px 0 #a4e5ff!important;}
body .sidebar .premiumDashThemePanel{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;width:100%!important;margin:auto 0 0!important;padding:10px!important;color:#fff!important;background:linear-gradient(180deg,#0a1b29,#02090e)!important;border:1px solid #9e7624!important;}
body .sidebar .premiumDashThemePanel>span{color:#efbe40!important;font-size:8px!important;font-weight:1000!important;letter-spacing:.14em!important;}
body .sidebar .premiumDashThemePanel>b{font-size:12px!important;}
body .sidebar .premiumDashThemePreview{display:block!important;width:100%!important;height:48px!important;border:1px solid #31546b!important;}
body .sidebar .premiumDashThemePanel>button{min-height:32px!important;color:#fff!important;background:linear-gradient(#19364c,#07131d)!important;border:1px solid #159dea!important;font-size:11px!important;font-weight:1000!important;cursor:pointer!important;}

/* Shared stadium header controls. */
:is(#home,#dashboard,#league,#boards,#quick,#players,#ownership,#revenue,#results,#snapshots,#importExport,#reports,#actions,#settings) .stadiumHeaderButton{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:0!important;line-height:1!important;text-align:center!important;}
:is(#home,#dashboard,#league,#boards,#quick,#players,#ownership,#revenue,#results,#snapshots,#importExport,#reports,#actions,#settings) .stadiumMenuButton{flex-direction:column!important;gap:5px!important;}
:is(#home,#dashboard,#league,#boards,#quick,#players,#ownership,#revenue,#results,#snapshots,#importExport,#reports,#actions,#settings) .stadiumMenuButton span{display:block!important;flex:0 0 3px!important;width:25px!important;height:3px!important;margin:0!important;padding:0!important;transform:none!important;border-radius:2px!important;}
:is(#home,#dashboard,#league,#boards,#quick,#players,#ownership,#revenue,#results,#snapshots,#importExport,#reports,#actions,#settings) .stadiumSettingsButton{font-size:28px!important;line-height:1!important;}

/* Home uses exactly three columns: menu, truly centered brand, settings. */
html body #home .stadiumHomeHeader{position:relative!important;display:grid!important;grid-template-columns:58px minmax(0,1fr) 58px!important;align-items:center!important;min-height:104px!important;overflow:visible!important;}
html body #home .stadiumHomeHeader .stadiumMenuButton{grid-column:1!important;grid-row:1!important;justify-self:center!important;}
html body #home .stadiumHomeHeader .stadiumBrandLockup{grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;width:max-content!important;max-width:calc(100vw - 240px)!important;transform:none!important;margin:0!important;}
html body #home .stadiumHomeHeader .stadiumSettingsButton{grid-column:3!important;grid-row:1!important;justify-self:center!important;}

/* Never allow page-specific CSS to hide the drawer branding. */
html body:has(.page.active) .sidebar>.brand{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;inset:auto!important;flex:0 0 auto!important;min-height:116px!important;height:auto!important;max-height:none!important;overflow:visible!important;transform:none!important;clip:auto!important;clip-path:none!important;pointer-events:auto!important;}
html body:has(.page.active) .sidebar>.brand .brandShield,html body:has(.page.active) .sidebar>.brand h1,html body:has(.page.active) .sidebar>.brand small{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;transform:none!important;}

/* iPad Game Center rail alignment. */
@media (hover:none) and (pointer:coarse) and (min-width:900px) and (max-width:1600px){#dashboard .dashboardBoardStatus{align-self:start!important;transform:translateY(-82px)!important;}}
@media(max-width:900px){html body #home .stadiumHomeHeader{grid-template-columns:46px minmax(0,1fr) 46px!important;min-height:88px!important;}html body #home .stadiumHomeHeader .stadiumBrandLockup{max-width:calc(100vw - 130px)!important;}}

/* Board Editor: let the preview frame grow around the entire board on laptop and iPad. */
#quick .stadiumEditorBoardStage{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
#quick .stadiumBoardEditorPreview{
  height:auto!important;
  min-height:650px!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding-bottom:28px!important;
}
#quick .stadiumBoardEditorPreview .teams{margin-bottom:8px!important;}

/* Game Center: keep the generated top-number row fully visible on laptop displays. */
#dashboard .dashBoardTable tr:first-child{
  height:38px!important;
}
#dashboard .dashBoardTable tr:first-child>td{
  height:38px!important;
  min-height:38px!important;
  padding:3px 2px!important;
  overflow:visible!important;
  line-height:1!important;
}
#dashboard .dashBoardTable tr:first-child .dashHeader{
  display:table-cell!important;
  line-height:1!important;
  text-align:center!important;
  vertical-align:middle!important;
}