/* Squares Pro Stadium Lights — Settings & Commissioner Tools */
body:has(#settings.active){color:#edf4f8;background:linear-gradient(rgba(0,5,9,.28),rgba(0,5,9,.88)),url('../themes/stadium-lights-bg.png') center top/cover fixed!important;}
body:has(#settings.active) .app,body:has(#settings.active) main{background:transparent!important;}
body:has(#settings.active) main{width:100%!important;margin-left:0!important;padding:0 28px 38px!important;}
body:has(#settings.active) #workspaceDock,body:has(#settings.active) #saveStatusIndicator,body:has(#settings.active) #undoLastActionBtn,body:has(#settings.active) .footerNote{display:none!important;}

/* Stadium navigation drawer */
body:has(#settings.active) .sidebar{position:fixed!important;left:0!important;top:0!important;z-index:5000!important;width:min(290px,86vw)!important;height:100vh!important;display:flex!important;flex-direction:column!important;align-items:stretch!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,.99),rgba(1,6,11,.99))!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:has(#settings.active) .sidebar{transform:translateX(0)!important;}
body:has(#settings.active) .sidebar .brand,body:has(#settings.active) .sidebar .navReorg,body:has(#settings.active) .sidebar .modeSwitcher,body:has(#settings.active) .sidebar .notificationBell,body:has(#settings.active) .sidebar .smartAlertBell,body:has(#settings.active) .sidebar .commandPaletteTrigger,body:has(#settings.active) .sidebar .premiumHomeUpgrade{display:none!important;}
body:has(#settings.active) .sidebar .premiumHomeNav{display:grid!important;gap:4px!important;margin:0!important;padding:0!important;}
body:has(#settings.active) .sidebar .premiumHomeNav button{display:flex!important;align-items:center!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;font-size:13px!important;font-weight:850!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important;}
body:has(#settings.active) .sidebar .premiumHomeNav button span{flex:0 0 23px!important;width:23px!important;color:#bcd9e9!important;font-size:19px!important;text-align:center!important;}
body:has(#settings.active) .sidebar .premiumHomeNav button:hover{color:#fff!important;background:rgba(20,105,159,.35)!important;border-color:rgba(67,181,247,.42)!important;}
body:has(#settings.active) .sidebar .premiumHomeNav button.active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
body:has(#settings.active) .sidebar .premiumHomeNav button:nth-child(13){color:#fff!important;background:linear-gradient(90deg,#324457,#60798d)!important;border-color:#b5cedd!important;box-shadow:0 0 14px rgba(164,213,242,.24),inset 3px 0 #d6edf8!important;}
body:has(#settings.active) .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:has(#settings.active) .sidebar .premiumDashThemePanel>span{color:#efbe40!important;font-size:8px!important;font-weight:1000!important;letter-spacing:.14em!important;}
body:has(#settings.active) .sidebar .premiumDashThemePanel>b{font-size:12px!important;}
body:has(#settings.active) .sidebar .premiumDashThemePreview{display:block!important;width:100%!important;height:48px!important;border:1px solid #31546b!important;}
body:has(#settings.active) .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;}

#settings{max-width:1720px;margin:0 auto;padding:0!important;}
#settings>.pageBackRow{display:none!important;}
#settings .stadiumSettingsHeader{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;min-height:104px;padding:2px 42px 0;}
#settings .stadiumHeaderButton{display:grid;place-items:center;width:52px;height:52px;padding:0;color:#dce9f0;background:linear-gradient(145deg,rgba(25,39,50,.88),rgba(2,7,12,.95));border:1px solid #8299a7;border-radius:8px;box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 20px rgba(0,0,0,.6);cursor:pointer;}
#settings .stadiumMenuButton{gap:5px;padding:14px;}
#settings .stadiumMenuButton span{display:block;width:25px;height:3px;background:#d8e3e8;border-radius:2px;box-shadow:0 0 5px rgba(159,221,255,.42);}
#settings .stadiumHomeButton{font-size:31px;line-height:1;}
#settings .stadiumBrandLockup{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.2vw,34px);min-width:0;}
#settings .stadiumBrandLockup>img{width:clamp(70px,5.8vw,88px);height:clamp(70px,5.8vw,88px);object-fit:contain;clip-path:polygon(50% 0,88% 10%,94% 28%,92% 70%,72% 89%,50% 100%,28% 89%,8% 70%,6% 28%,12% 10%);filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 15px rgba(38,150,255,.9));}
#settings .stadiumBrandWords{text-align:center;white-space:nowrap;}
#settings .stadiumMetalTitle{display:block;width:clamp(390px,41vw,620px);height:auto;filter:drop-shadow(0 7px 3px rgba(0,0,0,.84));}
#settings .stadiumBrandWords small{display:block;margin-top:1px;color:#d9e7ef;font-size:10px;font-weight:1000;font-style:italic;letter-spacing:.38em;text-shadow:0 2px 4px #000,0 0 9px rgba(121,193,235,.5);}

#settings .stadiumSettingsStrip{display:grid;grid-template-columns:1fr 1.2fr 1fr;min-height:58px;margin:0 0 14px;color:#edf3f6;background:linear-gradient(180deg,rgba(12,23,32,.96),rgba(1,6,10,.98));border:1px solid #526571;border-left-color:#93b7ca;border-right-color:#93b7ca;box-shadow:0 8px 20px rgba(0,0,0,.66);}
#settings .stadiumSettingsStrip>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:8px 14px;border-right:1px solid rgba(113,139,155,.32);}
#settings .stadiumSettingsStrip>div:last-child{border-right:0;}
#settings .stadiumSettingsStrip small{color:#8fd8ff;font-size:8px;font-weight:1000;letter-spacing:.14em;}
#settings .stadiumSettingsStrip>div>b{overflow:hidden;max-width:100%;color:#fff;font-size:14px;font-style:italic;text-overflow:ellipsis;white-space:nowrap;}
#settings .stadiumSettingsStripCenter{flex-direction:row!important;gap:18px!important;}
#settings .stadiumSettingsStripCenter strong{color:#fff;font-size:20px;font-style:italic;letter-spacing:.08em;text-shadow:0 0 9px rgba(55,176,255,.65);}
#settings .stadiumSettingsStripCenter span{color:#efbd3a;font-size:10px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;}

#settings .stadiumSettingsTopbar{margin:0 0 10px;padding:12px 16px;color:#edf4f8;background:linear-gradient(180deg,rgba(8,22,33,.96),rgba(2,9,15,.97));border:1px solid #537487;border-radius:0!important;}
#settings .stadiumSettingsTopbar h2{color:#fff;font-size:22px;font-style:italic;text-transform:uppercase;}
#settings .stadiumSettingsTopbar .tag{color:#93aabd;}
#settings .stadiumSettingsTopbar>.btn{min-width:145px;min-height:39px;color:#fff!important;background:linear-gradient(#1178e8,#06459a)!important;border:1px solid #2caeff!important;border-radius:3px!important;box-shadow:0 0 12px rgba(31,145,255,.3)!important;font-size:10px!important;font-weight:1000!important;text-transform:uppercase;}

#settings .stadiumSettingsSummary{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:8px;margin:0 0 12px;}
#settings .stadiumSettingsSummary>div{min-width:0;padding:12px 14px;background:linear-gradient(150deg,#0d293b,#061019);border:1px solid #31566d;border-top:3px solid #78b8da;box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.38);}
#settings .stadiumSettingsSummary small{display:block;color:#76ceff;font-size:7px;font-weight:1000;letter-spacing:.13em;}
#settings .stadiumSettingsSummary b{display:block;overflow:hidden;margin:3px 0;color:#fff;font-size:19px;font-style:italic;text-overflow:ellipsis;white-space:nowrap;}
#settings .stadiumSettingsSummary span{display:block;overflow:hidden;color:#8da3b0;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;}

#settings .settingsControlGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch;}
#settings .stadiumSettingsPanel{min-width:0;margin:0 0 12px!important;padding:15px!important;color:#eaf2f6!important;background:linear-gradient(180deg,rgba(5,17,27,.97),rgba(1,7,12,.98))!important;border:1px solid #349fe3!important;border-radius:0!important;box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 0 30px rgba(28,126,190,.08),0 12px 28px rgba(0,0,0,.56)!important;}
#settings .stadiumGameResetPanel{border-color:#b78928!important;}
#settings .stadiumDataSafetyPanel{border-color:#36c985!important;}
#settings .stadiumUtilityPanel{border-color:#7b86cf!important;}
#settings .stadiumSettingsSectionTitle{display:flex;align-items:center;gap:11px;margin:0 0 12px;padding-bottom:9px;border-bottom:1px solid #29495d;}
#settings .stadiumSettingsSectionTitle>span{display:grid;place-items:center;width:34px;height:34px;color:#06101a;background:linear-gradient(145deg,#f7cc55,#a96e05);border:1px solid #ffe285;font-size:12px;font-weight:1000;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);}
#settings .stadiumSettingsSectionTitle h3{margin:0;color:#f3bd3b;font-size:15px;font-style:italic;letter-spacing:.08em;text-transform:uppercase;}
#settings .stadiumSettingsSectionTitle small{color:#8fa6b5;font-size:10px;font-weight:700;}

#settings .settingsThemeCard{display:grid;grid-template-columns:minmax(210px,.8fr) 1.2fr;gap:12px;align-items:stretch;}
#settings .settingsThemePreview{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:145px;overflow:hidden;color:#fff;background:linear-gradient(rgba(0,7,13,.2),rgba(0,7,13,.85)),url('../themes/stadium-lights-bg.png') center/cover;border:1px solid #4d7186;box-shadow:inset 0 0 30px #000;}
#settings .settingsThemePreview::before{content:"";position:absolute;inset:15px;border:1px solid rgba(72,190,255,.38);box-shadow:0 0 12px rgba(38,166,239,.2);}
#settings .settingsThemePreview i{width:42px;height:42px;margin-bottom:5px;background:url('../icons/squares-pro-shield.png') center/contain no-repeat;filter:drop-shadow(0 0 7px #4dadff);}
#settings .settingsThemePreview b{font-size:18px;font-style:italic;letter-spacing:.05em;text-shadow:0 3px 4px #000;}
#settings .settingsThemePreview span{color:#efbd3a;font-size:8px;font-weight:1000;letter-spacing:.17em;}
#settings .settingsThemeInfo{padding:13px;background:linear-gradient(145deg,#0d293b,#061019);border:1px solid #31566d;}
#settings .settingsThemeInfo>small{color:#75d0ff;font-size:7px;font-weight:1000;letter-spacing:.13em;}
#settings .settingsThemeInfo h4{margin:4px 0 7px;color:#fff;font-size:20px;font-style:italic;text-transform:uppercase;}
#settings .settingsThemeInfo p{margin:0 0 10px;color:#a1b4bf;font-size:10px;line-height:1.5;}
#settings .settingsThemeInfo>span{display:block;padding:6px 8px;color:#d4b65d;background:#251c07;border:1px solid #72591d;font-size:8px;font-weight:800;}

#settings .settingsBoardReadout{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;}
#settings .settingsBoardReadout>div{min-width:0;padding:11px;background:linear-gradient(145deg,#0d293b,#061019);border:1px solid #31566d;}
#settings .settingsBoardReadout small{display:block;color:#76ceff;font-size:7px;font-weight:1000;letter-spacing:.1em;}
#settings .settingsBoardReadout b{display:block;overflow:hidden;margin-top:3px;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap;}
#settings .settingsWideButton{width:100%;min-height:38px;color:#fff!important;background:linear-gradient(#1178e8,#06459a)!important;border:1px solid #2caeff!important;border-radius:2px!important;font-size:10px!important;font-weight:1000!important;text-transform:uppercase;}

#settings .settingsResetGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
#settings .settingsActionCard{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto auto;gap:2px 10px;min-height:120px;padding:12px;color:#eaf2f6;background:linear-gradient(145deg,#0d293b,#061019);border:1px solid #31566d;text-align:left;cursor:pointer;}
#settings .settingsActionCard:hover{transform:translateY(-2px);filter:brightness(1.12);}
#settings .settingsActionCard i{grid-row:1/4;display:grid;place-items:center;width:40px;height:40px;color:#7bd3ff;background:#06131d;border:1px solid #376c8b;border-radius:50%;font-size:21px;font-style:normal;}
#settings .settingsActionCard b{color:#fff;font-size:13px;text-transform:uppercase;}
#settings .settingsActionCard span{color:#8fa6b5;font-size:9px;line-height:1.4;}
#settings .settingsActionCard strong{align-self:end;margin-top:7px;color:#71d1ff;font-size:8px;letter-spacing:.1em;}
#settings .cautionAction{border-color:#88691c;background:linear-gradient(145deg,#302507,#120e03);}
#settings .cautionAction i,#settings .cautionAction strong{color:#ffc94a;}
#settings .dangerAction{border-color:#8a3636;background:linear-gradient(145deg,#351112,#140506);}
#settings .dangerAction i,#settings .dangerAction strong{color:#ff7168;}

#settings .settingsToolList{display:grid;gap:7px;}
#settings .settingsToolList>button{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:58px;padding:8px 10px;color:#eaf2f6;background:linear-gradient(90deg,rgba(15,43,61,.88),rgba(4,13,20,.94));border:1px solid #31566d;text-align:left;cursor:pointer;}
#settings .settingsToolList>button:hover{border-color:#47baff;background:linear-gradient(90deg,rgba(17,62,88,.92),rgba(5,19,29,.96));}
#settings .settingsToolList>button>i{display:grid;place-items:center;width:34px;height:34px;color:#78d4ff;background:#06131d;border:1px solid #376c8b;font-size:18px;font-style:normal;}
#settings .settingsToolList>button span{min-width:0;}
#settings .settingsToolList>button b{display:block;color:#fff;font-size:11px;text-transform:uppercase;}
#settings .settingsToolList>button small{display:block;overflow:hidden;margin-top:2px;color:#8fa6b5;font-size:8px;text-overflow:ellipsis;white-space:nowrap;}
#settings .settingsToolList>button>strong{color:#efbd3a;font-size:13px;}

@media(max-width:1050px){#settings .stadiumSettingsSummary{grid-template-columns:repeat(3,1fr);}#settings .settingsControlGrid{grid-template-columns:1fr;}}
@media(max-width:700px){
  body:has(#settings.active) main{padding-inline:10px!important;}
  #settings .stadiumSettingsHeader{padding-inline:4px;grid-template-columns:48px minmax(0,1fr) 48px;}
  #settings .stadiumHeaderButton{width:44px;height:44px;}
  #settings .stadiumBrandLockup>img:last-child{display:none;}
  #settings .stadiumBrandLockup>img{width:54px;height:54px;}
  #settings .stadiumMetalTitle{width:clamp(205px,55vw,360px);}
  #settings .stadiumBrandWords small{font-size:7px;letter-spacing:.2em;}
  #settings .stadiumSettingsStrip{grid-template-columns:1fr;}
  #settings .stadiumSettingsStrip>div:not(.stadiumSettingsStripCenter){display:none;}
  #settings .stadiumSettingsTopbar{display:grid!important;gap:10px;}
  #settings .stadiumSettingsTopbar>.btn{width:100%;}
  #settings .stadiumSettingsSummary{grid-template-columns:1fr 1fr;}
  #settings .stadiumSettingsSummary>div:first-child{grid-column:1/3;}
  #settings .settingsThemeCard{grid-template-columns:1fr;}
  #settings .settingsResetGrid{grid-template-columns:1fr;}
  #settings .settingsBoardReadout{grid-template-columns:1fr 1fr;}
}