/* ===========================
   Commissioner Home Workspace
   v3.0.0
=========================== */

.homeHero{
  background:linear-gradient(135deg,#07111f,#123d73);
  color:white;
  border-radius:24px;
  padding:26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  box-shadow:0 14px 36px rgba(0,0,0,.18);
  margin-bottom:18px;
}

/* Premium Stadium Lights home */
.homePremiumHero{
  position:relative;
  overflow:hidden;
  min-height:210px;
  padding:34px 38px;
  border:1px solid rgba(101,183,255,.34);
  background:
    radial-gradient(circle at 14% -20%,rgba(80,187,255,.42),transparent 34%),
    radial-gradient(circle at 86% -25%,rgba(255,181,67,.24),transparent 31%),
    linear-gradient(135deg,#020817 0%,#07172d 53%,#0b2745 100%);
  box-shadow:0 24px 55px rgba(1,8,23,.30),inset 0 1px rgba(255,255,255,.12);
}

.homePremiumHero::before,
.homePremiumHero::after{
  content:"";
  position:absolute;
  top:-42px;
  width:150px;
  height:150px;
  opacity:.72;
  background:repeating-linear-gradient(90deg,#fff 0 7px,transparent 7px 15px);
  filter:blur(1px);
  transform:perspective(180px) rotateX(58deg);
  pointer-events:none;
}

.homePremiumHero::before{left:7%;}
.homePremiumHero::after{right:7%;}

.homeStadiumGlow{
  position:absolute;
  inset:auto 6% -110px;
  height:170px;
  border-radius:50%;
  background:rgba(34,142,91,.42);
  filter:blur(34px);
  pointer-events:none;
}

.homeHeroCopy,.homePremiumHero .heroActions{position:relative;z-index:1;}
.homePremiumHero .heroLabel{color:#ffb33f;letter-spacing:.16em;font-weight:1000;}
.homePremiumHero .heroTitle{font-size:clamp(30px,4vw,50px);line-height:1.02;letter-spacing:-.045em;}
.homePremiumHero .heroSub{max-width:660px;margin-top:10px;color:#c9d9ed;font-size:16px;}
.homePremiumHero .heroActions{align-self:flex-end;}
.homeResumeBtn{background:linear-gradient(135deg,#ff9f1c,#ffbe4d)!important;color:#171009!important;border-color:#ffc96e!important;box-shadow:0 10px 28px rgba(255,159,28,.28);}
.homeSearchBtn{background:rgba(8,20,38,.76)!important;color:#eef7ff!important;border-color:rgba(170,211,246,.32)!important;}

.homeModeGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:18px 0;
}

.homeModeCard{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:"icon eyebrow" "icon title" "icon copy" "icon action";
  column-gap:18px;
  min-height:220px;
  padding:26px;
  overflow:hidden;
  text-align:left;
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  cursor:pointer;
  box-shadow:0 16px 34px rgba(4,12,24,.20);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.homeModeCard:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(4,12,24,.28);border-color:rgba(255,190,78,.58);}
.homeQuickModeCard{background:linear-gradient(145deg,#0a2a4d,#0c5790);}
.homeLeagueModeCard{background:linear-gradient(145deg,#171d2a,#343b49);}
.homeModeCard::after{content:"";position:absolute;right:-60px;bottom:-90px;width:230px;height:230px;border:36px solid rgba(255,255,255,.045);border-radius:50%;}
.homeModeIcon{grid-area:icon;display:grid;place-items:center;width:66px;height:66px;border-radius:19px;background:rgba(255,255,255,.11);font-size:32px;box-shadow:inset 0 1px rgba(255,255,255,.18);}
.homeModeEyebrow{grid-area:eyebrow;color:#ffba4d;font-size:11px;font-weight:1000;letter-spacing:.14em;}
.homeModeCard strong{grid-area:title;margin-top:5px;font-size:28px;letter-spacing:-.03em;}
.homeModeCard > span:not(.homeModeIcon):not(.homeModeEyebrow){grid-area:copy;max-width:460px;margin-top:8px;color:#d6e3f1;font-size:14px;line-height:1.5;}
.homeModeCard > b{grid-area:action;align-self:end;margin-top:24px;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.05em;}
.homeModeCard > b i{margin-left:6px;color:#ffba4d;font-style:normal;font-size:18px;}
.homeGrid.homeContinueGrid{grid-template-columns:minmax(0,2fr) minmax(230px,1fr);}

@media(max-width:850px){
  .homeModeGrid{grid-template-columns:1fr;}
  .homePremiumHero{padding:28px 24px;}
  .homePremiumHero .heroActions{align-self:stretch;}
  .homeGrid.homeContinueGrid{grid-template-columns:1fr;}
}

@media(max-width:560px){
  .homeModeCard{grid-template-columns:1fr;grid-template-areas:"icon" "eyebrow" "title" "copy" "action";row-gap:7px;padding:22px;}
  .homeModeIcon{margin-bottom:8px;}
}

.homeGrid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:14px;
  margin-bottom:18px;
}

.homeCard{
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  padding:18px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

.homePrimary{
  grid-row:span 1;
}

.homeContinueBox{
  display:flex;
  gap:14px;
  align-items:flex-start;
  border:1px solid #e0e6ef;
  background:#f8fafc;
  border-radius:16px;
  padding:14px;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease;
}

.homeContinueBox:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.10);
}

.homeContinueIcon{
  width:46px;
  height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eef4ff;
  font-size:24px;
  flex:0 0 auto;
}

.homeMiniStats{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}

.homeMiniStats span{
  background:#eef4ff;
  color:#123d73;
  border-radius:999px;
  padding:6px 9px;
  font-size:12px;
  font-weight:900;
}

.homeSplit{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.homeListItem{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  border:1px solid #e0e6ef;
  border-radius:14px;
  padding:12px;
  margin-bottom:8px;
  background:#fff;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease;
}

.homeListItem:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
}

.homeListItem:last-child{
  margin-bottom:0;
}

.homeListItem strong{
  color:#123d73;
  font-size:12px;
  white-space:nowrap;
}

.homeListBar{
  height:8px;
  background:#e5e7eb;
  border-radius:999px;
  overflow:hidden;
  margin-top:8px;
}

.homeListBar span{
  display:block;
  height:100%;
  background:var(--orange);
  border-radius:999px;
}

.homeQuickLaunch{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:10px;
}

.homeActivityItem{
  display:flex;
  gap:10px;
  align-items:flex-start;
  border:1px solid #e0e6ef;
  border-radius:12px;
  padding:10px;
  margin-bottom:8px;
  background:#fff;
}

.homeActivityItem:last-child{
  margin-bottom:0;
}

@media(max-width:1100px){
  .homeGrid{
    grid-template-columns:1fr 1fr;
  }

  .homePrimary{
    grid-column:1 / -1;
  }
}

@media(max-width:850px){
  .homeHero{
    flex-direction:column;
    align-items:stretch;
  }

  .homeGrid,
  .homeSplit{
    grid-template-columns:1fr;
  }
}


/* ===========================
   Home Personalization
   v3.0.1
=========================== */

.homeStatsGrid{
  grid-template-columns:1fr 1.2fr 1fr;
}

.homeStatTiles{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.homeStatTiles div{
  border:1px solid #e0e6ef;
  border-radius:14px;
  padding:12px;
  background:#f8fafc;
}

.homeStatTiles span{
  display:block;
  font-size:11px;
  color:#68778a;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:1000;
  margin-bottom:4px;
}

.homeStatTiles b{
  font-size:20px;
  color:#07111f;
}

.homeHealthList{
  display:grid;
  gap:8px;
}

.homeHealthItem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid #e0e6ef;
  border-radius:12px;
  padding:10px;
  background:#fff;
}

.homeHealthItem span{
  font-weight:1000;
  color:#123d73;
}

.homeHealth-good{
  background:#f0fdf4;
  border-color:#bbf7d0;
}

.homeHealth-warn{
  background:#fffbeb;
  border-color:#fde68a;
}

.homeHealth-bad{
  background:#fff1f2;
  border-color:#fecdd3;
}

.homeFavoriteActions{
  display:grid;
  gap:12px;
}

.homeFavoriteGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:8px;
}

.homeFavoriteBtn{
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #e0e6ef;
  border-radius:12px;
  padding:10px;
  background:#fff;
  cursor:pointer;
  text-align:left;
  font-weight:900;
}

.homeFavoriteBtn:hover{
  background:#f8fbff;
  border-color:#c6d7f2;
}

.homeFavoriteBtn span{
  font-size:20px;
}

.homeFavoritePicker{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  border-top:1px solid #e0e6ef;
  padding-top:10px;
}

.homeFavoriteToggle{
  border:1px solid #e0e6ef;
  background:#f8fafc;
  color:#475569;
  border-radius:999px;
  padding:6px 9px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}

.homeFavoriteToggle.active{
  background:#eef4ff;
  color:#123d73;
  border-color:#c6d7f2;
}

.homeHealthCard{
  min-height:100%;
}

@media(max-width:1100px){
  .homeStatsGrid{
    grid-template-columns:1fr;
  }
}

@media(max-width:650px){
  .homeStatTiles{
    grid-template-columns:1fr;
  }
}


/* ===========================
   Smart Dashboard Widgets
   v3.0.2
=========================== */

.homeWidgetGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-bottom:18px;
}

.homeWidget{
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  padding:18px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  min-height:210px;
}

.homeWidgetRow{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  border:1px solid #e0e6ef;
  border-radius:12px;
  padding:10px;
  margin-bottom:8px;
  background:#fff;
  cursor:pointer;
}

.homeWidgetRow:hover{
  background:#f8fbff;
  border-color:#c6d7f2;
}

.homeWidgetRow:last-child{
  margin-bottom:0;
}

.homeWidgetRow span{
  background:#eef4ff;
  color:#123d73;
  border-radius:999px;
  padding:5px 8px;
  font-size:11px;
  font-weight:1000;
  white-space:nowrap;
}

.homeRevenueBig{
  font-size:34px;
  line-height:1;
  font-weight:1000;
  color:#07111f;
  margin-bottom:6px;
}

.homeWidgetProgress{
  height:12px;
  background:#e5e7eb;
  border-radius:999px;
  overflow:hidden;
  margin:12px 0;
}

.homeWidgetProgress span{
  display:block;
  height:100%;
  background:var(--orange);
  border-radius:999px;
  transition:width .22s ease;
}

.homeInsightGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.homeInsightGrid div{
  border:1px solid #e0e6ef;
  border-radius:12px;
  padding:10px;
  background:#f8fafc;
  min-width:0;
}

.homeInsightGrid span{
  display:block;
  font-size:10px;
  color:#68778a;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:1000;
  margin-bottom:4px;
}

.homeInsightGrid b{
  color:#07111f;
  font-size:14px;
  word-break:break-word;
}

.homeLeagueCard{
  border:1px solid #e0e6ef;
  border-radius:14px;
  padding:12px;
  background:#f8fbff;
  margin-bottom:10px;
}

@media(max-width:1200px){
  .homeWidgetGrid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:760px){
  .homeWidgetGrid,
  .homeInsightGrid{
    grid-template-columns:1fr;
  }
}