.teamGrid { display:grid; gap:18px; margin:18px 0 40px; }
.teamCard { background:#fff; border:1px solid #dce3ec; border-radius:18px; padding:20px; box-shadow:0 10px 28px #0b376412; }
.teamCard > header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:16px; }
.teamCard h2,.teamCard h3,.teamCard p { margin:0; }
.teamCard header p { color:#667085; margin-top:4px; text-transform:capitalize; }
.trainingBadge { background:#e8f3ff; color:#075cae; border-radius:999px; padding:7px 11px; font-weight:800; white-space:nowrap; }
.repMetrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:9px; }
.repMetrics div { border-radius:12px; background:#f4f6f8; padding:11px; display:grid; gap:5px; }
.repMetrics span,.moduleProgress span,.mutedText { color:#667085; font-size:.82rem; }
.breakevenPanel,.trainingPanel { margin-top:16px; padding-top:16px; border-top:1px solid #e5eaf0; }
.breakevenPanel h3,.trainingPanel h3 { margin-bottom:10px; }
.breakevenPanel p + p { margin-top:4px; color:#667085; }
.trainingPanel h3 { display:flex; justify-content:space-between; }
.moduleProgress { display:grid; grid-template-columns:minmax(150px,1fr) auto; gap:5px 12px; align-items:center; margin:9px 0; }
.moduleProgress > div { grid-column:1/-1; height:7px; background:#e5eaf0; border-radius:999px; overflow:hidden; }
.moduleProgress i { display:block; height:100%; background:linear-gradient(90deg,#075cae,#0b8cff); border-radius:inherit; }
@media(max-width:600px){.teamCard > header{flex-direction:column}.trainingBadge{align-self:flex-start}}