/* Team stats — FotMob-style tiles, splits table and form pills.
   Reuses theme vars and the existing .fr-W/.fr-D/.fr-L pill colours. */

.team-stats { margin-top: 1rem; }
.team-stats h2 { display: flex; align-items: baseline; gap: .5rem; flex-wrap: wrap; }

/* Stat tiles */
.ts-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: .7rem;
  margin: .9rem 0;
}
.ts-tile {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius, 12px);
  padding: .9rem .7rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: .25rem;
}
.ts-val { font-size: 1.5rem; font-weight: 800; color: var(--text); line-height: 1.1; }
.ts-val .ts-sep { color: var(--muted); font-weight: 600; margin: 0 .12em; }
.ts-label { font-size: .74rem; color: var(--muted); text-transform: uppercase; letter-spacing: .03em; }
.ts-pos { color: var(--brand); }
.ts-neg { color: var(--danger); }

/* Rating tier chip */
.ts-tier { font-weight: 800; }
.tier-elite { color: var(--brand); }
.tier-strong { color: var(--brand); }
.tier-solid { color: var(--accent, #3b82f6); }
.tier-average { color: var(--muted); }
.tier-weak { color: var(--warn); }
.tier-minnow { color: var(--danger); }
.tier-unrated { color: var(--muted); }

/* Form line + pills (reuse .fr-* look) */
.ts-form-line { display: flex; align-items: center; gap: .8rem; margin: .6rem 0; }
.ts-form-label { font-size: .76rem; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; min-width: 56px; }
.team-stats .form-str { display: inline-flex; gap: .25rem; }
.team-stats .form-str i {
  font-style: normal;
  font-weight: 800;
  font-size: .78rem;
  width: 1.45rem; height: 1.45rem;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 6px;
}
/* fall back to fr-* classes from styles.css; ensure colour even if loaded first */
.team-stats .fr-W { background: rgba(22,199,132,.2); color: var(--brand); }
.team-stats .fr-D { background: rgba(240,180,41,.2); color: var(--warn); }
.team-stats .fr-L { background: rgba(242,95,92,.2); color: var(--danger); }

/* Key percentage chips */
.ts-keypcts { display: flex; flex-wrap: wrap; gap: .5rem; margin: .6rem 0 .2rem; }
.ts-chip {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: .35rem .8rem;
  font-size: .85rem;
  color: var(--muted);
}
.ts-chip strong { color: var(--text); }

/* Deep section headings */
.ts-deep-head {
  display: flex; align-items: center; gap: .5rem;
  margin: 1.4rem 0 .2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
}
.ts-subhead {
  font-size: .82rem; color: var(--muted);
  text-transform: uppercase; letter-spacing: .04em;
  margin: 1.1rem 0 .4rem;
}

/* Splits table — reuse .table base, add row labels + total emphasis */
.ts-splits .ts-rowlbl { text-align: left; font-weight: 700; color: var(--text); }
.ts-splits .ts-total { font-weight: 700; }
.ts-splits .ts-total td { background: var(--surface-2); }

/* Biggest results */
.ts-results { display: flex; flex-wrap: wrap; gap: .7rem; }
.ts-result {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: .7rem .9rem;
  display: flex; flex-direction: column; gap: .15rem;
  min-width: 120px;
  transition: .12s;
}
.ts-result:hover { border-color: var(--muted); }
.ts-result.win { border-left: 3px solid var(--brand); }
.ts-result.loss { border-left: 3px solid var(--danger); }
.ts-result-tag { font-size: .72rem; color: var(--muted); text-transform: uppercase; letter-spacing: .03em; }
.ts-result-score { font-size: 1.25rem; font-weight: 800; color: var(--text); }