/* ===========================
   App Mode: Quick Board / League
=========================== */

.modeSwitcher{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  padding:6px;
  margin:0 0 14px;
}

.modeSwitcher button{
  border:0;
  border-radius:10px;
  padding:9px 6px;
  font-size:12px;
  font-weight:1000;
  cursor:pointer;
  color:#d8e6f7;
  background:transparent;
}

.modeSwitcher button.activeMode{
  background:#ff7a00;
  color:#fff;
  box-shadow:0 5px 12px rgba(255,122,0,.28);
}

.modeChoice{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:14px;
  margin-bottom:18px;
}

.modeChoiceCard{
  background:#fff;
  border:1px solid #d7e0ec;
  border-radius:18px;
  padding:18px;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.07);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.modeChoiceCard:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(0,0,0,.12);
  border-color:#ff7a00;
}

.modeIcon{
  font-size:32px;
  margin-bottom:8px;
}

.modeChoiceCard h3{
  margin:0 0 6px;
  font-size:20px;
}

.modeChoiceCard p{
  color:#5d6b7c;
  font-weight:700;
  min-height:38px;
}

body.quickMode .leagueOnlyText{
  display:none!important;
}

body.quickMode .dashboardHero{
  display:none!important;
}

body.quickMode #dashBoardCount,
body.quickMode #dashActiveBoardName{
  display:none!important;
}

body.quickMode .quickChoice{
  border:2px solid #ff7a00;
  background:linear-gradient(135deg,#fff7ed,#fff);
}

body.leagueMode .leagueChoice{
  border:2px solid #123d73;
  background:linear-gradient(135deg,#eef4ff,#fff);
}

body.quickMode .version::after{
  content:"Quick Board Mode";
  display:block;
  color:#ffb347;
  margin-top:4px;
  font-weight:900;
}

body.leagueMode .version::after{
  content:"League Mode";
  display:block;
  color:#93c5fd;
  margin-top:4px;
  font-weight:900;
}

.commissionerUpgradeBackdrop{
  position:fixed;
  inset:0;
  z-index:120000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(3,12,25,.82);
  backdrop-filter:blur(8px);
}

.commissionerUpgradeCard{
  position:relative;
  width:min(620px,100%);
  max-height:calc(100vh - 32px);
  overflow:auto;
  padding:30px;
  border:1px solid #8ba8bd;
  border-radius:22px;
  background:linear-gradient(145deg,#fff,#edf3f6);
  color:#102c3f;
  box-shadow:0 30px 90px rgba(0,0,0,.45);
}

.commissionerUpgradeClose{
  position:absolute;
  top:12px;
  right:14px;
  width:40px;
  height:40px;
  border:0;
  border-radius:50%;
  background:#dce6ec;
  color:#102c3f;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}

.commissionerUpgradeEyebrow{color:#c47b00;font-size:13px;font-weight:1000;letter-spacing:.12em;}
.commissionerUpgradeCard h2{margin:8px 36px 8px 0;font-size:clamp(28px,5vw,42px);line-height:1.05;}
.commissionerUpgradeLead{margin:0 0 18px;color:#4e6777;font-size:17px;font-weight:700;line-height:1.45;}
.commissionerFeatureList{display:grid;gap:9px;margin:0 0 22px;padding:0;list-style:none;font-weight:850;}
.commissionerFeatureList li::before{content:"✓";margin-right:10px;color:#1478c9;font-weight:1000;}
.commissionerPlans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;}
.commissionerPlans>div{display:grid;justify-items:center;gap:3px;padding:16px;border:2px solid #c5d4de;border-radius:15px;background:#fff;}
.commissionerPlans>div.recommended{border-color:#c18400;box-shadow:0 8px 22px rgba(193,132,0,.14);}
.commissionerPlans b{color:#9b6500;font-size:11px;letter-spacing:.08em;}
.commissionerPlans strong{font-size:29px;}
.commissionerPlans span{color:#5d7180;font-weight:800;}
.commissionerTrialButton,.commissionerPaymentButton{width:100%;min-height:50px;margin-top:9px;border:0;border-radius:12px;font-size:16px;font-weight:1000;cursor:pointer;}
.commissionerTrialButton{background:linear-gradient(135deg,#f2a900,#d37a00);color:#fff;box-shadow:0 9px 24px rgba(211,122,0,.26);}
.commissionerTrialButton:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.65;}
.commissionerPaymentButton{background:#dce5ea;color:#71818c;cursor:not-allowed;}
.commissionerFinePrint,.commissionerTrialNotice{font-size:12px;font-weight:750;line-height:1.4;text-align:center;}
.commissionerFinePrint{color:#687d8b;}
.commissionerTrialNotice{padding:10px;border-radius:10px;background:#fff0df;color:#8d4f00;}

@media(max-width:600px){
  .commissionerUpgradeCard{padding:24px 18px;}
  .commissionerPlans{grid-template-columns:1fr;}
}


/* Quick Board is a standalone workspace. League-only surfaces stay completely out of sight. */
.quickIsolationHidden{display:none !important;}
body.quickMode #league,
body.quickMode #boards,
body.quickMode [data-mode-scope="league"]{display:none !important;}
body.quickMode #commissionerToolsGroup button[data-page="reports"]{display:none !important;}
body.quickMode .workspaceDock{grid-template-columns:repeat(4,minmax(0,1fr));}