/* Team performance (pages/teamperf.js). Its tiles, tables, avatars and the "Not connected" mark are pods.css's. */
/* the period switch never wraps a label */
.teamperf-seg button { white-space: nowrap; }
.teamperf-sec { display: grid; gap: 12px; min-width: 0; }
.teamperf-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 10px; }
.teamperf-h .pods-eyebrow { margin: 0; }
.teamperf-h span { color: var(--text3); font-size: 12px; text-align: right; }
.teamperf-who { display: grid; min-width: 0; }
.teamperf-who b { font-weight: 600; color: var(--head); white-space: nowrap; }
.teamperf-who small { color: var(--text3); font-size: 11.5px; }
.teamperf-sec td.num .pods-off { height: 20px; font-size: 11px; }
@media (max-width: 760px) {
  /* the period switch fills the head's row beside the tour's icon */
  [data-page="teamperf"] .ph-act { width: 100%; } .teamperf-seg { flex: 1; min-width: 0; } .teamperf-seg button { flex: 1; justify-content: center; }
  .teamperf-h { flex-direction: column; gap: 2px; } .teamperf-h span { text-align: left; }
}