/* gw-teampage.css — the Team page (streamline1007 phase 2): /analytics/<sport>/teams/<slug>.html, every sport.
   Same look as the unified Game page: the game card's surfaces, the tonecolor1005 green / red / neutral (gw-base
   --gw-good / --gw-bad), pill values, thin rank bars, tabular numbers, Inter. No new colours, no new type scale.
   Mobile first: one column at 375 px, nothing wider than the viewport (every row wraps; no fixed-width tables). */
.tp{--tp-surf:rgba(255,255,255,.035);--tp-line:rgba(255,255,255,.06);--tp-mute:#9a8e8a;--tp-dim:#8a7f7b;
  --tp-good:var(--gw-good,#4ade80);--tp-bad:var(--gw-bad,#f87171);--tp-gold:#fbbf24;min-width:0}
.tp *{box-sizing:border-box}
.tp a.in,.tp-about a{color:var(--tp-gold);border-bottom:1px dotted rgba(212,160,23,.45)}

/* ── hero: rating, rank, luck ── */
.tp-hero{border:1px solid #2a1919;border-radius:20px;padding:18px 16px 12px;margin:6px 0 10px;
  background:radial-gradient(120% 70% at 50% 0%,rgba(98,28,45,.42) 0%,rgba(98,28,45,0) 62%),linear-gradient(180deg,#160c0c 0%,#120909 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 18px 40px -24px rgba(0,0,0,.7)}
.tp-id{display:flex;align-items:center;gap:14px;min-width:0}
.tp-logo{width:56px;height:56px;object-fit:contain;flex:none}
.tp-idt{min-width:0}
.tp-kick{font-size:10.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--tp-gold)}
.tp-h1{font-size:26px;line-height:1.15;font-weight:900;color:#fff;letter-spacing:-.4px;margin:2px 0 3px;overflow-wrap:anywhere}
.tp-idsub{font-size:13px;color:#cbc3bf;font-variant-numeric:tabular-nums}
.tp-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 4px}
.tp-tile-k{background:var(--tp-surf);border:1px solid var(--tp-line);border-radius:14px;padding:9px 11px 8px;min-width:0;display:flex;flex-direction:column;gap:1px}
.tp-tile-k span{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--tp-mute)}
.tp-tile-k b{font-size:20px;font-weight:800;color:#f2ece9;font-variant-numeric:tabular-nums;line-height:1.2}
.tp-tile-k em{font-style:normal;font-size:11px;color:var(--tp-dim);line-height:1.3}
.tp-tile-k.t-g{background:rgba(74,222,128,.08);border-color:rgba(74,222,128,.28)}.tp-tile-k.t-g b{color:var(--tp-good)}
.tp-tile-k.t-b{background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.28)}.tp-tile-k.t-b b{color:var(--tp-bad)}
.tp-main{grid-column:1/-1}
.tp-main b{font-size:28px}
.tp-main .tp-rb{margin-top:6px}
.tp-asof{font-size:11.5px;color:var(--tp-mute);margin:8px 0 0;line-height:1.4}
@media(min-width:640px){.tp-hero{padding:22px 22px 14px}.tp-logo{width:72px;height:72px}.tp-h1{font-size:32px}
  .tp-tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.tp-main{grid-column:auto}}

/* rank bar (same as the game card's) */
.tp-rb{display:block;width:100%;height:4px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}
.tp-rb>i{display:block;height:100%;border-radius:3px;background:#8a7068}
.tp-rb.t-g>i{background:var(--tp-good)}.tp-rb.t-b>i{background:var(--tp-bad)}

/* ── section bar (sticky chips, the game page's bar) ── */
.tp-bar{position:sticky;top:var(--gw-nav-h,64px);z-index:30;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;
  padding:9px 0;margin:0 0 6px;background:rgba(10,5,5,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #2c1b1b}
.tp-bar::-webkit-scrollbar{display:none}
.tp-bar a{flex:none;font-size:12.5px;font-weight:600;color:#cbc3bf;background:#1c1010;border:1px solid #2c1b1b;border-radius:20px;padding:6px 12px;white-space:nowrap}
.tp-bar a:hover{color:#fff;border-color:rgba(212,160,23,.45)}
.tp [id^="t-"]{scroll-margin-top:calc(var(--gw-nav-h,64px) + 58px)}
.tp-labh{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#9a8e8a;margin:18px 0 6px;scroll-margin-top:calc(var(--gw-nav-h,64px) + 58px)}

/* ── cards ── */
.tp-card{background:linear-gradient(180deg,#140a0a 0%,#110808 100%);border:1px solid #2a1919;border-radius:18px;padding:14px 14px 10px;margin:12px 0;min-width:0}
.tp-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.tp-h h2{font-size:17px;font-weight:800;color:#fff;margin:0;letter-spacing:-.2px}
.tp-hs{font-size:12px;color:var(--tp-mute);font-variant-numeric:tabular-nums}
.tp-gh{font-size:10.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--tp-gold);margin:12px 0 6px}
.tp-gh:first-child{margin-top:2px}
.tp-note{font-size:11.5px;color:var(--tp-mute);line-height:1.5;margin:10px 0 2px}
.tp-empty{font-size:13.5px;color:#cbc3bf;margin:4px 0 6px}
@media(min-width:640px){.tp-card{padding:16px 18px 12px}}

/* ── stats: label | pill + rank + bar ── */
.tp-sts{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 18px}
@media(min-width:720px){.tp-sts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tp-st{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 4px;border-top:1px solid rgba(255,255,255,.045);min-width:0}
.tp-stl{font-size:13px;color:#e7e2df;font-weight:600;min-width:0;overflow-wrap:anywhere}
.tp-stv{display:flex;align-items:center;gap:10px;flex:none}
.tp-pill{display:inline-block;min-width:62px;text-align:center;font-size:14px;font-weight:700;color:#f2ece9;font-variant-numeric:tabular-nums;
  background:rgba(255,255,255,.05);border-radius:999px;padding:4px 10px;line-height:1.3}
.tp-pill.t-g{background:rgba(74,222,128,.13);box-shadow:inset 0 0 0 1px rgba(74,222,128,.32);color:var(--tp-good)}
.tp-pill.t-b{background:rgba(248,113,113,.12);box-shadow:inset 0 0 0 1px rgba(248,113,113,.32);color:var(--tp-bad)}
.tp-stm{display:inline-flex;flex-direction:column;gap:3px;width:64px}
.tp-stm small{font-size:10.5px;color:var(--tp-mute);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}

/* ── schedule ── */
.tp-gl{list-style:none;margin:0;padding:0}
.tp-g{display:grid;grid-template-columns:52px auto minmax(0,1fr) auto;grid-template-areas:"d o o go" "d r c c";align-items:center;gap:3px 10px;
  padding:8px 4px;border-top:1px solid rgba(255,255,255,.045);font-variant-numeric:tabular-nums}
.tp-gd{grid-area:d;font-size:12px;color:#cbc3bf;font-weight:600;display:flex;flex-direction:column;gap:2px;align-self:start;padding-top:2px}
.tp-post{font-size:9.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--tp-gold)}
.tp-o{grid-area:o;display:flex;align-items:center;gap:6px;min-width:0;color:#f2ece9}
.tp-o img{width:20px;height:20px;object-fit:contain;flex:none}
a.tp-o:hover .tp-on{color:#fff;text-decoration:underline;text-decoration-color:rgba(212,160,23,.5)}
.tp-ha{font-size:11px;color:var(--tp-mute);width:16px;flex:none}
.tp-on{font-size:13.5px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-gr{grid-area:r;display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:#fff}
.tp-res{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;font-size:11px;font-weight:800}
.tp-res.r-W{background:rgba(74,222,128,.15);color:var(--tp-good)}.tp-res.r-L{background:rgba(248,113,113,.14);color:var(--tp-bad)}
.tp-res.r-T{background:rgba(255,255,255,.08);color:#cbc3bf}
.tp-upc{font-size:11.5px;color:var(--tp-mute);font-weight:500}
.tp-gc{grid-area:c;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;min-width:0}
.tp-gc>span{font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;background:rgba(255,255,255,.06);color:#e7e2df;white-space:nowrap}
.tp-gc>.c-W{background:rgba(74,222,128,.12);color:var(--tp-good)}.tp-gc>.c-L{background:rgba(248,113,113,.11);color:var(--tp-bad)}
.tp-go{grid-area:go;font-size:12px;font-weight:700;color:var(--tp-gold);white-space:nowrap;justify-self:end}
.tp-older{margin-top:4px}
.tp-older summary{cursor:pointer;list-style:none;font-size:12.5px;font-weight:700;color:var(--tp-gold);padding:9px 4px;border-top:1px solid rgba(255,255,255,.045)}
.tp-older summary::-webkit-details-marker{display:none}
.tp-older[open] summary{color:var(--tp-mute)}
@media(max-width:420px){.tp-on[data-ab]:not([data-ab=""]){font-size:0}.tp-on[data-ab]:not([data-ab=""])::after{content:attr(data-ab);font-size:13.5px}}
@media(min-width:720px){
  .tp-g{grid-template-columns:96px minmax(0,1fr) 92px minmax(0,auto) 72px;grid-template-areas:"d o r c go";padding:7px 6px}
  .tp-gd{flex-direction:row;align-items:center;gap:6px;align-self:center;padding:0;white-space:nowrap}}

/* ── players ── */
.tp-pgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
@media(min-width:560px){.tp-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:980px){.tp-pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tp-pc{background:var(--tp-surf);border:1px solid var(--tp-line);border-radius:14px;padding:10px 12px 9px;min-width:0}
.tp-pk{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--tp-mute)}
.tp-pn{font-size:15px;font-weight:800;color:#fff;margin:2px 0 6px;line-height:1.25;overflow-wrap:anywhere}
.tp-pn a{color:#fff;border-bottom:1px dotted rgba(212,160,23,.45)}
.tp-pline{font-size:12.5px;color:#cbc3bf;font-variant-numeric:tabular-nums}
.tp-pst{font-size:11px;color:var(--tp-gold);margin:-3px 0 5px}
.tp-pps{display:flex;flex-wrap:wrap;gap:5px}
.tp-pp{display:inline-flex;flex-direction:column;padding:4px 9px 3px;border-radius:10px;background:rgba(255,255,255,.05);min-width:0}
.tp-pp b{font-size:13.5px;font-weight:700;color:#f2ece9;font-variant-numeric:tabular-nums;line-height:1.25}
.tp-pp em{font-style:normal;font-size:10px;color:var(--tp-mute);white-space:nowrap;line-height:1.3}
.tp-pp.t-g{background:rgba(74,222,128,.12);box-shadow:inset 0 0 0 1px rgba(74,222,128,.3)}.tp-pp.t-g b{color:var(--tp-good)}
.tp-pp.t-b{background:rgba(248,113,113,.11);box-shadow:inset 0 0 0 1px rgba(248,113,113,.3)}.tp-pp.t-b b{color:var(--tp-bad)}
.tp-roster{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:720px){.tp-roster{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tp-roster .tp-pc{padding:7px 10px}.tp-roster .tp-pn{font-size:13.5px;margin:1px 0 0}

/* ── trends ── */
.tp-trs{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media(min-width:760px){.tp-trs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tp-tr{background:var(--tp-surf);border:1px solid var(--tp-line);border-radius:14px;padding:10px 12px;min-width:0}
.tp-tr .tp-gh{margin-top:0}
.tp-trk{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.tp-trk b{font-size:24px;font-weight:800;color:#fff}
.tp-trk span{font-size:12px;color:var(--tp-mute)}
.tp-up{color:var(--tp-good)!important}.tp-dn{color:var(--tp-bad)!important}
.tp-spark{display:block;width:100%;height:auto;max-height:96px;margin-top:6px}
.tp-spark path{fill:none;stroke:var(--tp-gold);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.tp-spark circle{fill:#120909;stroke:var(--tp-gold);stroke-width:1.5}
.tp-spark .tp-ax{font-size:9px;fill:var(--tp-mute)}
.tp-l5s{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.tp-l5{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:10px;padding:5px 0;border-top:1px solid rgba(255,255,255,.045)}
.tp-l5:first-child{border-top:0}
.tp-l5 span{font-size:12.5px;color:#cbc3bf}
.tp-l5 b{font-size:14px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.tp-l5 em{font-style:normal;font-size:11px;color:var(--tp-mute);font-variant-numeric:tabular-nums;white-space:nowrap}

/* ── our record (the Pick Archive rows; gw-picks.css styles them) ── */
.tp-rec .pa-kpis{margin:2px 0 10px}
.tp-rec .pa-rows{margin:0}

/* ── league / conference team chips ── */
.tp-tms{display:flex;flex-wrap:wrap;gap:6px}
.tp-tm{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#cbc3bf;background:#1c1010;border:1px solid #2c1b1b;border-radius:999px;padding:4px 10px 4px 6px;max-width:100%}
.tp-tm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-tm:hover{color:#fff;border-color:rgba(212,160,23,.45)}
.tp-tile{display:inline-grid;place-items:center;border-radius:6px;font-size:9px;font-weight:800;color:#fff;letter-spacing:.3px;flex:none}
.tp-logo.tp-tile{border-radius:14px;font-size:16px}

/* ── team links elsewhere (ratings tables, game cards) ── */
a.gwa-tlink{color:inherit}
a.gwa-tlink:hover .gwa-tn,a.gwa-tlink:hover{color:#fff;text-decoration:underline;text-decoration-color:rgba(212,160,23,.55);text-underline-offset:2px}
.pv .tm-n a{color:inherit}
.pv .tm-n a:hover{text-decoration:underline;text-decoration-color:rgba(212,160,23,.55);text-underline-offset:3px}
