/* PICKS SHEET UPGRADE (see picks-enhance.js). Display only. */

/* 1. kickoff window headers */
#pickGames>.pk-group{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;
  background:linear-gradient(90deg,#1b2733,#0a1119);border-top:2px solid #b40f13;border-bottom:1px solid rgba(255,255,255,.12);
  font:800 13px/1.2 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.08em;color:#fff}
#pickGames>.pk-group b{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:17px;letter-spacing:.06em}
#pickGames>.pk-group span{color:#f3d77a;font-size:12px;white-space:nowrap}
#pickGames>.pk-group.locked span{color:#9fb3c8}

/* 3. picked side fills with team color, other side dims */
#pickGames .pick-row .pick-side{transition:background .2s,opacity .2s}
#picks #pickGames .pick-row:not(.locked) .pick-side.selected{
  background:linear-gradient(90deg,var(--tc,#2a6),color-mix(in srgb,var(--tc,#2a6) 35%,transparent))!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)!important;color:#fff!important}
#picks #pickGames .pick-row:not(.locked) .pick-side.right.selected{
  background:linear-gradient(270deg,var(--tc,#2a6),color-mix(in srgb,var(--tc,#2a6) 35%,transparent))!important}
#picks #pickGames .pick-row:not(.locked) .pick-side.selected .pick-meta{color:rgba(255,255,255,.85)!important}
/* Impeccable 09-28: only LOCKED games grey out; in open games the other team stays bright so it still looks tappable */
#pickGames .pick-row.locked:has(.pick-side.selected) .pick-side:not(.selected){opacity:.42}
#picks #pickGames .pick-row:not(.locked):has(.pick-side.selected) .pick-side:not(.selected){opacity:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
#picks #pickGames .pick-row:not(.locked) .pick-side:not(.selected):hover{background:rgba(255,255,255,.07)}

/* 4. MNF tiebreaker card attached under the Monday game */
#pickGames>.pick-row.pk-mnf{border-bottom:0}
.pk-mnf-card{margin-top:0!important;border-top:0!important;border-radius:0 0 10px 10px!important}
.pk-mnf-card.pk-needed{box-shadow:0 0 0 2px #e0413a inset}
.pk-mnf-card.pk-needed .ct:after{content:"  • REQUIRED";color:#ffd0cc;font-size:.8em}

/* 2. sticky progress bar with Submit */
#pkBar{position:fixed;left:0;right:0;bottom:0;z-index:400;display:none;align-items:center;gap:16px;padding:10px 18px;
  background:linear-gradient(180deg,rgba(20,30,40,.97),rgba(4,8,13,.98));border-top:2px solid #b40f13;box-shadow:0 -6px 18px rgba(0,0,0,.5);
  font:800 13px/1.2 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;color:#fff}
#pkBar.show{display:flex}
#pkBar .pk-prog{flex:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-width:0}
#pkBar .pk-count{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:18px;letter-spacing:.05em;white-space:nowrap}
#pkBar .pk-track{height:10px;border-radius:5px;background:#2a3a4c;overflow:hidden}
#pkBar .pk-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f3d77a,#c9962f);transition:width .3s}
#pkBar.complete .pk-track i{background:linear-gradient(90deg,#35f28a,#0bbf61)}
#pkBar .pk-mnf{cursor:pointer;color:#ffb3ad;white-space:nowrap}
#pkBar .pk-mnf.ok{color:#7ef0ad;cursor:default}
#pkBar .pk-submit{flex:0 0 auto;padding:12px 22px;border:1px solid #d85658;border-radius:6px;background:linear-gradient(#d01a20,#8e0a0f);
  color:#fff;font:900 14px 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.06em;cursor:pointer}
#pkBar .pk-submit:disabled{opacity:.55;cursor:default}
body.pk-bar-on #chatFab{bottom:84px!important}
body.pk-bar-on #picks .pick-submit-wrap{padding-bottom:90px}
@media(max-width:850px){
  #pkBar{padding:8px 10px;gap:10px}
  #pkBar .pk-prog{grid-template-columns:1fr;gap:4px}
  #pkBar .pk-count{font-size:15px}
  #pkBar .pk-mnf{font-size:11px}
  #pkBar .pk-submit{padding:10px 14px;font-size:12px}
  #pickGames>.pk-group{padding:8px 10px;font-size:11px}
  #pickGames>.pk-group b{font-size:14px}
}
#picks #pickGames .pick-row:not(.locked) .pick-side.selected .pick-team-name,#picks #pickGames .pick-row:not(.locked) .pick-side.selected .pick-team-record{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.6)}

/* Game of the Week pinned at the top of Picks, under a big gold header (picks-enhance.js) */
#pickGames>.pk-group.pk-gotw-head{background:linear-gradient(90deg,#8a6a12,#f1c232 50%,#8a6a12);border-bottom:0;padding:12px 16px}
#pickGames>.pk-group.pk-gotw-head b{color:#140f02;font-size:clamp(15px,1.6vw,22px);letter-spacing:.06em;text-shadow:0 1px 0 rgba(255,255,255,.35)}
#pickGames>.pk-group.pk-gotw-head span{color:#140f02;font-weight:900}
#pickGames>.pk-group.pk-gotw-head.locked span{color:#3a2a00}
#pickGames>.pick-row.game-of-week{border:3px solid #f1c232!important;margin-bottom:14px;box-shadow:0 0 22px rgba(241,194,50,.35),inset 0 0 24px rgba(241,194,50,.12)!important}
#pickGames>.pick-row.game-of-week::before{display:none!important}
#pickGames>.pick-row.game-of-week .pick-side,#pickGames>.pick-row.game-of-week .pick-center{padding-top:14px}

/* game window titles centered, countdown centered underneath (Brian 09-27) */
#pickGames>.pk-group{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:3px}

/* SAVE STATUS + tighter Picks page (Impeccable review 09-28) */
#picks .your-pick-badge.pk-saved{background:#0b3d22!important;color:#bfffd9!important;border:1px solid #6fe3a1!important}
#picks .your-pick-badge.pk-unsaved{background:#4a2d00!important;color:#ffe2a8!important;border:1px solid #ffb23f!important}
#pkBar.saved{border-top-color:#2fbf6a}
#pkBar.saved .pk-count{color:#9ff5c2}
#pkBar.saved .pk-track i{background:linear-gradient(90deg,#35f28a,#0bbf61)}
#picks .page-head{padding-top:14px!important;padding-bottom:12px!important}
#picks .page-head h1{font-size:clamp(28px,3.2vw,44px)!important}
#picks .page-head p{margin:6px auto 0;font-size:14px}
#picks #mnf{max-width:180px;font-size:20px;font-weight:800;text-align:center}
#pickGames .pks-line{padding-top:4px!important;gap:4px!important}
#pickGames .pks-btn{padding:4px 12px!important;font-size:11px!important;letter-spacing:.06em}

/* inline MNF tiebreaker under the Monday game */
#pickGames>.pk-tb{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:10px 16px;margin:-1px 0 14px;
  background:linear-gradient(180deg,#132232,#0b1622);border:1px solid rgba(243,215,122,.45);border-top:0;border-radius:0 0 10px 10px;
  font:700 13px/1.2 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;color:#dbe4ec}
#pickGames>.pk-tb label{display:flex;flex-direction:column;gap:2px;text-align:right}
#pickGames>.pk-tb b{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:17px;letter-spacing:.06em;color:#f3d77a}
#pickGames>.pk-tb input{width:110px;min-height:44px;padding:6px 10px;border:2px solid #f3d77a;border-radius:6px;background:#06101b;color:#fff;
  font:800 22px 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;text-align:center}
#pickGames>.pk-tb input:focus-visible{outline:3px solid #fff;outline-offset:2px}
#pickGames>.pk-tb.pk-needed{border-color:#e0413a;box-shadow:inset 0 0 0 1px #e0413a}
#pickGames>.pk-tb.pk-needed b::after{content:'  • REQUIRED';color:#ffb3ad;font-family:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;font-weight:800;font-size:12px}
body.pk-tb-inline #picks .pk-mnf-card{display:none}
#pickGames>.pick-row.pk-mnf:has(+ .pk-tb){margin-bottom:0!important;border-bottom-left-radius:0;border-bottom-right-radius:0}