/* Squares Pro premium home — Stadium Lights */
.premiumHomeNav,.premiumHomeUpgrade{display:none;}

.brandShield{
  display:block;
  width:46px;
  height:46px;
  object-fit:cover;
  clip-path:polygon(50% 0,88% 13%,88% 70%,50% 97%,12% 70%,12% 13%);
  filter:drop-shadow(0 0 8px rgba(0,153,255,.38));
}

body:has(#home.active){
  background:#02070d!important;
}

body:has(#home.active) .app{
  display:flex!important;
  min-height:100vh!important;
  background:#02070d!important;
}

body:has(#home.active) .sidebar{
  position:fixed!important;
  inset:0 auto 0 0!important;
  z-index:9500!important;
  width:244px!important;
  height:100vh!important;
  padding:18px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  overflow-y:auto!important;
  background:linear-gradient(180deg,#030a13 0%,#06111d 56%,#02070c 100%)!important;
  border-right:1px solid #a6791c!important;
  border-bottom:0!important;
  box-shadow:10px 0 32px rgba(0,0,0,.46)!important;
}

body:has(#home.active) .sidebar .brand{
  display:block!important;
  margin:0 0 14px!important;
  text-align:center!important;
}

body:has(#home.active) .brand .brandShield{
  width:142px!important;
  height:142px!important;
  margin:0 auto 12px!important;
  object-fit:cover!important;
  filter:drop-shadow(0 0 14px rgba(0,153,255,.58))!important;
}
body:has(#home.active) .brand h1{font-size:26px!important;line-height:.88!important;letter-spacing:2px!important;}
body:has(#home.active) .brand h1 b{display:block!important;margin-top:8px!important;color:#159dff!important;font-size:22px!important;letter-spacing:6px!important;}
body:has(#home.active) .brand small{display:block!important;margin-top:12px;color:#f2c452;font-size:10px;letter-spacing:2px!important;}

body:has(#home.active) .modeSwitcher,
body:has(#home.active) #notificationBell,
body:has(#home.active) #smartAlertBell,
body:has(#home.active) .commandPaletteTrigger,
body:has(#home.active) #primaryNav,
body:has(#home.active) .version{display:none!important;}

body:has(#home.active) .premiumHomeNav{
  display:grid!important;
  gap:3px;
  margin-top:4px;
}

body:has(#home.active) .premiumHomeNav button{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:42px;
  padding:9px 13px;
  color:#e8edf2;
  background:transparent;
  border:1px solid transparent;
  border-radius:4px;
  text-align:left;
  font-size:14px;
  font-weight:800;
  letter-spacing:.03em;
  cursor:pointer;
}

body:has(#home.active) .premiumHomeNav button span{width:24px;color:#d8e0e7;font-size:22px;text-align:center;}
body:has(#home.active) .premiumHomeNav button:hover,
body:has(#home.active) .premiumHomeNav button.active{color:#fff;background:linear-gradient(90deg,#06376a,#087bca);border-color:#1aa9ff;box-shadow:0 0 14px rgba(0,139,238,.32),inset 3px 0 #91dcff;}

body:has(#home.active) .premiumHomeUpgrade{
  display:grid!important;
  gap:10px;
  margin-top:auto;
  padding:15px 12px;
  color:#fff;
  text-align:center;
  border:1px solid #b98a27;
  background:linear-gradient(145deg,#08121d,#12100a);
  clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);
}
body:has(#home.active) .premiumHomeUpgrade b{color:#f2c34c;font-size:15px;letter-spacing:.06em;}
body:has(#home.active) .premiumHomeUpgrade span{font-size:11px;line-height:1.4;color:#d7dce3;}
body:has(#home.active) .premiumHomeUpgrade button{min-height:34px;color:#191306;background:linear-gradient(#e9b83f,#9b6610);border:1px solid #f6cc63;border-radius:4px;font-weight:1000;cursor:pointer;}

body:has(#home.active) main{
  flex:1!important;
  min-width:0!important;
  margin-left:244px!important;
  padding:0!important;
  background:#02070d!important;
}

body:has(#home.active) #workspaceDock{display:none!important;}
body:has(#home.active) #undoLastActionBtn,
body:has(#home.active) #saveStatusIndicator{display:none!important;}

#home.premiumHome{
  min-height:100vh;
  padding:16px 18px 12px;
  color:#eef4f8;
  background:
    linear-gradient(180deg,rgba(1,6,12,.12) 0%,rgba(1,6,12,.34) 30%,rgba(1,6,12,.76) 63%,#02070d 100%),
    url('../themes/stadium-lights-bg.png') center top / 100% 650px no-repeat,
    #02070d;
  font-family:"Arial Narrow",Arial,sans-serif;
}

.premiumHero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:18px;
  min-height:255px;
  padding:4px 0 12px;
  overflow:hidden;
  border-bottom:1px solid rgba(212,158,39,.34);
  background:
    linear-gradient(90deg,rgba(1,7,14,.18),rgba(1,7,14,.42) 32%,rgba(1,7,14,.52) 50%,rgba(1,7,14,.42) 68%,rgba(1,7,14,.18)),
    linear-gradient(180deg,rgba(1,7,14,.08),rgba(1,7,14,.35)),
    url('../themes/stadium-lights-bg.png') center center / 100% 100% no-repeat;
}

.premiumHero::before{content:none;}
.premiumHeroCopy{align-self:center;text-align:center;position:relative;z-index:1;}
.premiumWelcome{color:#f6c44f;font-size:17px;font-style:italic;font-weight:1000;letter-spacing:.15em;}
.premiumHero h2{margin:6px 0 18px;font-size:clamp(38px,5vw,70px);font-style:italic;line-height:.93;letter-spacing:-.035em;text-shadow:0 3px #000,0 0 18px rgba(255,255,255,.18);}
.premiumHero h2 span{display:block;color:transparent;-webkit-background-clip:text;background-clip:text;}
.premiumTitleSilver{background:linear-gradient(#fff,#aeb5be 58%,#fff);}
.premiumTitleGold{background:linear-gradient(#fff0a7,#e8ad2d 52%,#8d5a08 82%,#ffd96b);}
.premiumPromises{display:flex;justify-content:center;gap:34px;}
.premiumPromises>div{display:flex;align-items:center;gap:10px;min-width:170px;text-align:left;border-right:1px solid rgba(255,255,255,.15);}
.premiumPromises>div:last-child{border-right:0;}
.premiumPromises b{color:#f4c44d;font-size:36px;text-shadow:0 0 12px rgba(245,187,45,.4);}
.premiumPromises span{display:grid;color:#dbe3ea;font-size:12px;line-height:1.3;}
.premiumPromises strong{color:#f4c44d;font-size:13px;letter-spacing:.05em;}

.premiumScoreCard,.premiumPanel{position:relative;border:1px solid #ba861f;background:rgba(2,8,14,.9);box-shadow:0 10px 28px rgba(0,0,0,.36);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);}
.premiumScoreCard{align-self:center;padding:12px;}
.premiumScoreCard header,.premiumPanel>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;}
.premiumScoreCard header{font-size:12px;letter-spacing:.06em;}
.premiumScoreCard header i{display:inline-block;width:8px;height:8px;margin-left:5px;background:#f21d21;border-radius:50%;box-shadow:0 0 8px #f21d21;}
.premiumScoreCard>div{display:flex;justify-content:space-between;align-items:center;margin:5px 0;padding:9px 12px;border:1px solid #164774;background:linear-gradient(90deg,#07192a,#06121e);font-size:20px;}
.premiumScoreCard>div:nth-of-type(2){border-color:#68180e;background:linear-gradient(90deg,#310707,#170607);}
.premiumScoreCard>div strong{font-size:32px;}
.premiumScoreCard button,.premiumPanel>button,.premiumWideButton{width:100%;min-height:34px;color:#fff;background:linear-gradient(#0b4f80,#05213a);border:1px solid #168bd0;border-radius:3px;font-weight:1000;letter-spacing:.05em;cursor:pointer;}

.premiumTopGrid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(390px,1fr);gap:12px;margin-top:10px;}
.premiumActionGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.premiumActionCard{display:flex;flex-direction:column;align-items:center;min-height:290px;padding:14px 11px 10px;color:#fff;background:linear-gradient(180deg,rgba(5,20,32,.98),rgba(2,9,14,.98));border:1px solid currentColor;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);cursor:pointer;box-shadow:inset 0 0 22px rgba(0,0,0,.7);}
.premiumActionCard.cyan{color:#22c7ff}.premiumActionCard.green{color:#58e82f}.premiumActionCard.purple{color:#b96cff}.premiumActionCard.gold{color:#f1ba2f}
.premiumActionCard i{display:grid;place-items:center;width:78px;height:78px;margin:6px 0 13px;border:2px solid currentColor;border-radius:50%;font-size:50px;font-style:normal;text-shadow:0 0 12px currentColor;box-shadow:0 0 16px rgba(31,195,255,.18);}
.premiumActionCard strong{font-size:18px;line-height:1.05;text-align:center;color:#fff;}
.premiumActionCard span{min-height:52px;margin-top:8px;color:#e0e4e8;font-size:12px;line-height:1.45;text-align:center;}
.premiumActionCard>b{width:100%;margin-top:auto;padding:10px 5px;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,currentColor 35%,#06101b),#06101b);border:1px solid currentColor;border-radius:3px;font-size:12px;text-align:center;}

.premiumPanel{padding:10px 12px;}
.premiumPanel h3{margin:0;color:#f0ba3b;font-size:18px;font-style:italic;letter-spacing:.05em;}
.premiumPanel>header>button{color:#d7dde3;background:none;border:0;font-size:10px;cursor:pointer;}
.premiumLivePanel>header span{color:#67db48;font-size:11px;letter-spacing:.08em;}
.premiumBoardTitle{text-align:center;margin:3px 0 7px;font-size:13px;color:#e8edf2;}
.premiumMiniBoard{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));border:1px solid #658099;background:#dce3e8;overflow:hidden;}
.premiumMiniCell{display:grid;place-items:center;min-width:0;height:17px;border-right:1px solid #82909a;border-bottom:1px solid #82909a;color:#101820;background:#f2f4f5;font-family:Arial,sans-serif;font-size:5px;line-height:1;text-align:center;overflow:hidden;}
.premiumMiniCell.head{color:#fff;background:#0b2940;font-size:9px;font-weight:900;}.premiumMiniCell.side{color:#fff;background:#5c1515;font-size:9px;font-weight:900;}
.premiumLivePanel>button{margin-top:8px;}

.premiumBottomGrid{display:grid;grid-template-columns:1.22fr .84fr 1.3fr;gap:12px;margin-top:10px;}
.premiumBottomGrid>.premiumPanel{min-height:220px;}
.premiumRecentPanel .homeListItem{margin:5px 0;padding:8px 9px;color:#eaf0f5;background:#07131f;border:1px solid #1b3448;border-radius:3px;box-shadow:none;}
.premiumRecentPanel .homeListItem b{color:#f4f6f8;font-size:12px;}.premiumRecentPanel .homeListItem .sub{color:#9daebc;font-size:9px;}.premiumRecentPanel .homeListItem strong{color:#58d552;font-size:10px;}.premiumRecentPanel .homeListBar{height:3px;background:#172839;}
.premiumStatGrid{display:grid;grid-template-columns:1fr 1fr;height:145px;margin-bottom:7px;}
.premiumStatGrid>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:9px;border:1px solid #273947;}
.premiumStatGrid i{grid-row:1/3;margin-right:9px;color:#18aef2;font-size:28px;font-style:normal;}.premiumStatGrid b{font-size:25px;align-self:end;}.premiumStatGrid span{color:#b7c2ca;font-size:9px;align-self:start;}
.premiumThemes{display:grid;grid-template-columns:1.5fr .72fr .72fr;grid-template-rows:1fr 1fr;gap:6px;height:145px;margin-bottom:7px;}
.premiumThemes button{position:relative;overflow:hidden;padding:8px;color:#fff;background:radial-gradient(circle at 50% 15%,#145a89,#07111c 62%);border:1px solid #6d8494;text-align:left;cursor:pointer;}
.premiumThemes button:nth-child(1){grid-row:1/3;border-color:#1ca7ee;background:linear-gradient(rgba(1,10,18,.2),rgba(1,10,18,.7)),url('../themes/stadium-lights-bg.png') center/cover}.premiumThemes button:nth-child(2){background:radial-gradient(circle at 50% 10%,#a25113,#190d05 70%)}.premiumThemes button:nth-child(3){background:radial-gradient(circle at 50% 10%,#829eb0,#10212d 70%)}.premiumThemes button:nth-child(4){background:radial-gradient(circle at 50% 10%,#7416b2,#160622 70%)}
.premiumThemes button i{display:block;height:42px;background:linear-gradient(165deg,transparent 55%,rgba(38,148,73,.75) 56%);}.premiumThemes button b{display:block;font-size:10px;}.premiumThemes button:first-child b{font-size:18px;}.premiumThemes button span{display:block;margin-top:4px;color:#d3dae0;font-size:9px;}
.premiumHomeFooter{display:flex;justify-content:space-around;gap:20px;margin-top:7px;padding:10px;color:#d7a83d;border:1px solid #aa7616;font-size:13px;font-style:italic;letter-spacing:.13em;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);}

@media(max-width:1250px){
  .premiumTopGrid{grid-template-columns:1fr}.premiumActionGrid{grid-template-columns:repeat(4,1fr)}.premiumBottomGrid{grid-template-columns:1fr 1fr}.premiumThemePanel{grid-column:1/-1}.premiumHero{grid-template-columns:1fr 300px}.premiumPromises{gap:14px}.premiumPromises>div{min-width:0}
}

@media(max-width:1500px){
  #home.premiumHome{background-size:auto,100% 610px,auto;}
}

@media(max-width:900px){
  body:has(#home.active) .app{display:block!important}body:has(#home.active) .sidebar{position:relative!important;width:100%!important;height:auto!important;max-height:none!important}body:has(#home.active) main{margin-left:0!important}.premiumHomeNav{grid-template-columns:repeat(5,1fr)!important}.premiumHomeUpgrade{display:none!important}.premiumHero{grid-template-columns:1fr}.premiumScoreCard{width:100%}.premiumActionGrid{grid-template-columns:1fr 1fr}.premiumBottomGrid{grid-template-columns:1fr}.premiumThemePanel{grid-column:auto}.premiumHomeFooter{flex-direction:column;text-align:center}
}

@media(max-width:560px){
  #home.premiumHome{padding:10px}.premiumHomeNav{grid-template-columns:1fr 1fr!important}.premiumHero h2{font-size:38px}.premiumPromises{display:grid}.premiumActionGrid{grid-template-columns:1fr}.premiumBottomGrid{grid-template-columns:1fr}.premiumThemes{grid-template-columns:1fr 1fr}.premiumThemes button:first-child{grid-column:1/-1;grid-row:auto}.premiumThemes{height:auto}.premiumThemes button{min-height:85px}
}