/* TSP Layer 1 Usage — all rules scoped to injected .tsp-l1-* nodes. */

/* ---- Formation player card panel ---------------------------------- */
.tsp-l1-panel {
  margin: 14px 0 4px;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, .1);
  font-variant-numeric: tabular-nums;
}

.tsp-l1-panel-title {
  margin: 0 0 9px;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .62;
}

.tsp-l1-metrics {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tsp-l1-metric {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "label value" "track track";
  align-items: baseline;
  gap: 2px 10px;
  margin: 0 0 7px;
  padding: 0;
}

.tsp-l1-m-label {
  grid-area: label;
  font-size: .82rem;
  opacity: .8;
}

.tsp-l1-m-value {
  grid-area: value;
  font-size: .86rem;
  font-weight: 700;
}

.tsp-l1-m-track {
  grid-area: track;
  display: block;
  height: 5px;
  border-radius: 3px;
  background: rgba(0, 0, 0, .09);
  overflow: hidden;
}

.tsp-l1-m-fill {
  display: block;
  height: 100%;
  border-radius: 3px;
  background: #c8102e;
}

.tsp-l1-m-note {
  grid-area: track;
  font-style: normal;
  font-size: .7rem;
  opacity: .55;
}

.tsp-l1-metric.is-missing {
  opacity: .42;
}

.tsp-l1-metric.is-missing .tsp-l1-m-value {
  font-weight: 500;
  font-size: .76rem;
  font-style: italic;
}

.tsp-l1-touches {
  margin: 10px 0 0;
  font-size: .78rem;
  opacity: .72;
}

.tsp-l1-src {
  margin: 8px 0 0;
  font-size: .68rem;
  line-height: 1.45;
  opacity: .5;
}

/* ---- Field chip snap badge ----------------------------------------- */
.tsp-l1-chip {
  display: block;
  margin-top: 2px;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .02em;
  opacity: .85;
}

/* ---- Depth list compact block -------------------------------------- */
.tsp-l1-block {
  display: block;
  margin-top: .6em;
  padding-top: .5em;
  border-top: 1px solid rgba(0, 0, 0, .12);
  font-variant-numeric: tabular-nums;
  line-height: 1.4;
}

.tsp-l1-label {
  display: block;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .62;
  margin-bottom: .25em;
}

.tsp-l1-row {
  display: block;
  white-space: nowrap;
}

.tsp-l1-row b { font-weight: 700; }

.tsp-l1-row i {
  font-style: normal;
  opacity: .7;
  margin-left: .35em;
}

.tsp-l1-none { display: block; opacity: .5; }

.tsp-l1-foot {
  display: block;
  margin-top: .3em;
  font-size: .72em;
  opacity: .55;
}