/* Phase 7 - Dashboard Workflow Polish */
#dashboard .commissionerHero,
#dashboard .dashboardGameHero{
  margin-bottom:16px;
  padding:24px;
  border-radius:24px;
  box-shadow:0 18px 42px rgba(2,8,23,.18);
}

#dashboard .heroTitle{
  font-size:clamp(28px,4vw,44px);
  letter-spacing:-.04em;
}

#dashboard .dashboardGameDayShell{
  display:grid;
  grid-template-columns:minmax(360px,1.15fr) minmax(340px,.85fr);
  gap:16px;
  align-items:start;
}

#dashboard .commissionerCard{
  border-radius:22px;
  border:1px solid rgba(148,163,184,.28);
  box-shadow:0 12px 30px rgba(15,23,42,.08);
}

#dashboard .dashboardBoardStatus{
  position:relative;
  overflow:hidden;
}

#dashboard .dashboardBoardStatus::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,var(--orange),#facc15,#38bdf8);
}

#dashboard .dashboardStatusHeader h3{
  font-size:26px;
  letter-spacing:-.03em;
}

#dashboard .dashboardProgressPrimary{
  margin:14px 0 16px;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(180deg,#f8fafc,#eef4ff);
  border:1px solid rgba(148,163,184,.24);
}

#dashboard .dashboardProgress{
  height:20px;
  background:#e2e8f0;
}

#dashboard .progressFill{
  transition:width .22s ease;
}

#dashboard .dashboardProgressMeta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:8px;
  font-size:13px;
}

#dashboard .dashboardStatusTiles{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

#dashboard .dashboardStatusTiles > div,
#dashboard .dashboardStatusTiles > button{
  min-height:82px;
  border-radius:18px;
  padding:14px;
  background:#fff;
  border:1px solid rgba(148,163,184,.24);
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}

#dashboard .dashboardStatusTiles span{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}

#dashboard .dashboardStatusTiles b{
  display:block;
  margin-top:6px;
  font-size:20px;
  letter-spacing:-.02em;
}

#dashboard .dashboardActionRow,
#dashboard .dashboardPlayerHighlightRow{
  gap:8px;
}

#dashboard .dashboardLiveBoard{
  max-height:calc(100vh - 260px);
  overflow:auto;
}

#dashboard .liveSessionCard{
  border:1px solid rgba(148,163,184,.26);
  border-radius:20px;
  padding:16px;
  background:linear-gradient(180deg,#ffffff,#f8fafc);
}

#dashboard .sessionHero{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:12px;
}

#dashboard .sessionHero > div,
#dashboard .sessionDetails > div{
  border-radius:14px;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.22);
  padding:12px;
}

#dashboard .sessionHero span,
#dashboard .sessionDetails span{
  display:block;
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}

#dashboard .sessionHero b,
#dashboard .sessionDetails b{
  display:block;
  margin-top:4px;
  font-size:15px;
}

#dashboard .sessionDetails{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.boardCard{
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.boardCard:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(15,23,42,.12);
}
.boardCard.activeBoard{
  border-color:var(--orange)!important;
  box-shadow:0 14px 32px rgba(255,122,0,.20)!important;
}
.statusPill.statusOpen,
.statusOpen{background:#dcfce7;color:#166534;}
.statusPill.statusFilling,
.statusFilling{background:#fef3c7;color:#92400e;}
.statusPill.statusLocked,
.statusLocked{background:#dbeafe;color:#1e40af;}
.statusPill.statusFinal,
.statusFinal{background:#ede9fe;color:#5b21b6;}
.statusPill.statusArchived,
.statusArchived{background:#e5e7eb;color:#374151;}

.navToolsGroup{
  border-radius:16px;
}
.navToolsGroup.open{
  background:rgba(15,23,42,.16);
  padding:6px;
  margin:0 -6px;
}
.navToolMenu button{
  border-radius:12px!important;
}

@media(max-width:1100px){
  #dashboard .dashboardGameDayShell{grid-template-columns:1fr;}
  #dashboard .dashboardLiveBoard{max-height:none;}
}
@media(max-width:760px){
  #dashboard .dashboardStatusTiles,
  #dashboard .sessionDetails,
  #dashboard .sessionHero{grid-template-columns:1fr;}
  #dashboard .dashboardProgressMeta{display:block;}
}