/* ═══════════════════════════════════════════
   PMS — TEAMS
   ═══════════════════════════════════════════ */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
.team-card{text-align:center;transition:border-color .2s,transform .2s}
.team-card:hover{border-color:rgba(129,140,248,.15);transform:translateY(-2px)}
.team-card-inner{padding:28px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:8px}

.team-avatar{
  width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;font-weight:800;margin-bottom:4px;
}
.team-name{font-size:.92rem;font-weight:700;color:rgba(255,255,255,.9)}
.team-position{font-size:.78rem;color:rgba(255,255,255,.45);margin-top:2px}
.team-project{font-size:.75rem;color:rgba(255,255,255,.4);margin-top:8px;display:flex;align-items:center;gap:5px}
.team-project i{font-size:.65rem;color:rgba(255,255,255,.25)}
.team-date{font-size:.72rem;color:rgba(255,255,255,.3);display:flex;align-items:center;gap:5px}
.team-date i{font-size:.6rem}

/* badge teal extension */
.badge.bg-teal{background:rgba(45,212,191,.15);color:#2dd4bf}

@media(max-width:1200px){.team-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.team-grid{grid-template-columns:1fr}}