/* gw-sgp.css — SGP Fair Price (/markets/sgp-fair-price.html), sgp112_1016. Mobile first (375 primary), tap targets >= 44px. */
#sg-app{margin-top:6px}
.sg-games{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0 6px;margin:0 0 12px}
.sg-games::-webkit-scrollbar{display:none}
.sg-gm{flex:0 0 auto;display:flex;align-items:center;gap:8px;min-height:52px;padding:6px 12px;border-radius:12px;border:1px solid var(--gw-line);background:var(--gw-surface);color:var(--gw-text-2);font:600 13px/1.2 var(--gw-font);cursor:pointer}
.sg-gm[aria-selected="true"]{border-color:rgba(251,191,36,.6);background:rgba(251,191,36,.08);color:var(--gw-text)}
.sg-gm-t{display:flex;flex-direction:column;align-items:center;gap:2px}
.sg-gm-t b{font-size:13.5px;font-weight:750;white-space:nowrap}
.sg-gm-t small{font-size:12px;color:var(--gw-muted);white-space:nowrap}
.sg-lo-s{width:24px;height:24px;object-fit:contain;flex:0 0 auto}
.sg-lo-l{width:44px;height:44px;object-fit:contain;flex:0 0 auto}
.sg-hd{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px 10px;background:var(--gw-surface);border:1px solid var(--gw-line);border-radius:14px;padding:12px 14px;margin:0 0 12px}
.sg-tm{display:flex;align-items:center;gap:10px;min-width:0}
.sg-tm b{font-size:15px;font-weight:750;color:var(--gw-text);line-height:1.2;overflow-wrap:anywhere}
.sg-tm--h{justify-content:flex-end;text-align:right}
.sg-at{font-size:12px;color:var(--gw-muted);text-transform:uppercase;letter-spacing:.08em}
.sg-when{grid-column:1/-1;margin:0;text-align:center;font-size:12.5px;color:var(--gw-muted)}
.sg-legs{display:flex;flex-direction:column;gap:10px;margin:0 0 12px}
.sg-grp{background:var(--gw-surface);border:1px solid var(--gw-line);border-radius:12px;padding:10px 10px 10px}
.sg-gh{margin:0 0 8px;font-size:11.5px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--gw-slate)}
.sg-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sg-leg{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:56px;padding:8px 12px;border-radius:10px;border:1px solid var(--gw-line);background:var(--gw-surface-2);color:var(--gw-text);font:650 14px/1.2 var(--gw-font);text-align:left;cursor:pointer;min-width:0}
.sg-leg b{font-weight:700;overflow-wrap:anywhere}
.sg-leg small{font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums}
.sg-px{color:var(--gw-text-2)}
.sg-leg--on{border-color:var(--gw-gold);background:rgba(251,191,36,.12);box-shadow:inset 0 0 0 1px var(--gw-gold)}
.sg-leg--on .sg-px{color:var(--gw-gold)}
.sg-leg--na{cursor:not-allowed;opacity:.5;background:transparent;border-style:dashed}
.sg-leg--na b{color:var(--gw-muted)}
.sg-na{color:var(--gw-muted);font-weight:600}
.sg-miss{margin:0;font-size:12.5px;color:var(--gw-muted)}
.sg-hint{margin:0 0 12px;padding:14px;border:1px dashed var(--gw-line-strong);border-radius:12px;font-size:13.5px;color:var(--gw-text-2);text-align:center}
.sg-card{background:var(--gw-surface);border:1px solid var(--gw-line-strong);border-radius:14px;padding:14px;margin:0 0 12px}
.sg-ct{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 12px;font-size:15.5px;font-weight:750;color:var(--gw-text);line-height:1.3}
.sg-kick{margin:0 0 6px;font-size:11.5px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--gw-gold)}
.sg-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sg-tile{display:grid;grid-template-rows:auto 40px auto;align-content:start;align-items:center;gap:2px;background:var(--gw-surface-2);border-radius:10px;padding:10px 8px;text-align:center;min-width:0}
.sg-tl{min-height:2.5em;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gw-muted);line-height:1.2}
.sg-tv{font-size:22px;font-weight:850;color:var(--gw-text);font-variant-numeric:tabular-nums;line-height:1}
.sg-tv--q{color:var(--gw-text-2)}
.sg-tv--chip{display:flex;justify-content:center}
.sg-tile--main{background:rgba(251,191,36,.1);box-shadow:inset 0 0 0 1px rgba(251,191,36,.4)}
.sg-tile--main .sg-tv{color:var(--gw-gold)}
.sg-tf{font-size:12px;color:var(--gw-muted);font-variant-numeric:tabular-nums}
.sg-chip{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border-radius:999px;font:800 12px/1.1 var(--gw-font);font-variant-numeric:tabular-nums;text-align:center}
.sg-chip--lg{min-height:34px;padding:0 12px;font-size:14px}
.sg-c-up{background:var(--gw-good-bg);color:var(--gw-good);border:1px solid rgba(74,222,128,.4)}
.sg-c-dn{background:var(--gw-bad-bg);color:var(--gw-bad);border:1px solid rgba(248,113,113,.4)}
.sg-c-flat{background:var(--gw-slate-bg);color:var(--gw-slate-strong);border:1px solid var(--gw-slate-line)}
.sg-book{display:flex;flex-direction:column;gap:6px;margin:14px 0 0}
.sg-book label{font-size:13px;font-weight:650;color:var(--gw-text-2)}
.sg-book input{min-height:48px;padding:0 14px;border-radius:10px;border:1px solid var(--gw-line-strong);background:var(--gw-surface-2);color:var(--gw-text);font:750 18px/1 var(--gw-font);font-variant-numeric:tabular-nums;width:100%;box-sizing:border-box}
.sg-book input:focus{outline:none;border-color:var(--gw-gold);box-shadow:0 0 0 2px rgba(251,191,36,.25)}
#sg-edge{margin-top:10px}
.sg-edge{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0}
.sg-edge-t{font-size:13px;color:var(--gw-text-2)}
.sg-edge-h{margin:0;font-size:13px;color:var(--gw-muted)}
.sg-bad{color:var(--gw-bad)}
.sg-note{font-size:12.5px;color:var(--gw-faint);line-height:1.5;margin:4px 0 0}
.sg-note a{color:var(--gw-gold)}
.sg-empty{font-size:14px;color:var(--gw-muted);padding:18px 0}
.sg-lock{background:var(--gw-surface);border:1px solid var(--gw-line-strong);border-radius:12px;padding:16px}
.sg-lock p{margin:0 0 12px;color:var(--gw-text-2);font-size:14px;line-height:1.55}
.sg-lock b{color:var(--gw-text)}
.sg-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:10px;background:var(--gw-grad-gold,#fbbf24);color:#0a0505;font-weight:800;text-decoration:none}
.sg-skel{height:58px;border-radius:12px;background:var(--gw-surface-2);border:1px solid var(--gw-line);opacity:.6;margin-bottom:8px}
.sg-skel--t{height:220px}
@media (max-width:380px){.sg-tv{font-size:19px}.sg-tile{padding:10px 6px}.sg-tm b{font-size:14px}.sg-lo-l{width:36px;height:36px}}
@media (min-width:760px){
  .sg-legs{display:grid;grid-template-columns:1fr 1fr}
  .sg-miss{grid-column:1/-1}
  .sg-tv{font-size:26px}
  .sg-book{flex-direction:row;align-items:center;gap:12px}
  .sg-book input{max-width:180px}
}
/* allsports v2: sport chips + "not available yet" banner */
.sg-sports{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0 4px;margin:0 0 10px}
.sg-sports::-webkit-scrollbar{display:none}
.sg-sp{flex:0 0 auto;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--gw-line);background:transparent;color:var(--gw-text-2);font:650 13px/1 var(--gw-font);cursor:pointer}
.sg-sp[aria-selected="true"]{border-color:rgba(251,191,36,.6);color:var(--gw-gold);background:rgba(251,191,36,.08)}
.sg-soon{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:var(--gw-slate-bg);border:1px solid var(--gw-slate-line);color:var(--gw-text-2);font-size:13.5px;line-height:1.45}
.sg-soon b{color:var(--gw-text)}
