/* Team Manager Pro - Frontend styles */
.tmp-team-wrap{ max-width:1200px; margin:0 auto; padding:40px 18px; font-family:Arial, sans-serif; }
.tmp-category-title{ text-align:center; color:#e67e22; font-weight:800; font-size:36px; margin:10px 0 28px; }
.tmp-grid{ display:grid; gap:36px; align-items:start; margin-bottom:48px; }
/* column counts */
.tmp-cols-1{ grid-template-columns:repeat(1,1fr); }
.tmp-cols-2{ grid-template-columns:repeat(2,1fr); }
.tmp-cols-3{ grid-template-columns:repeat(3,1fr); }
.tmp-cols-4{ grid-template-columns:repeat(4,1fr); }
.tmp-cols-5{ grid-template-columns:repeat(5,1fr); }
.tmp-cols-6{ grid-template-columns:repeat(6,1fr); }

.tmp-card{text-align:center;padding:6px 12px;}
.tmp-photo{ width:160px;height:160px;margin:0 auto 14px;border-radius:50%;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,0.08); }
.tmp-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.tmp-name{ margin:0; font-weight:800; font-size:18px; color:#222; }
.tmp-role{ margin-top:8px; color:#e67e22; font-weight:700; }
.tmp-desc{ color:#777; margin-top:6px; font-size:13px;}
.tmp-divider{ width:60%; height:1px; background:#eee; margin:14px auto 0; }

/* filter */
.tmp-filter{ text-align:center; margin-bottom:18px;}
.tmp-filter-btn{ border:0; background:none; padding:8px 12px; cursor:pointer; font-weight:700; color:#666; margin:0 6px; }
.tmp-filter-btn.active{ color:#e67e22; }

/* responsive */
@media (max-width:1024px){ .tmp-photo{ width:140px;height:140px; } .tmp-cols-4{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:640px){ .tmp-photo{ width:120px;height:120px; } .tmp-grid{ gap:24px;} .tmp-cols-4,.tmp-cols-3,.tmp-cols-2{ grid-template-columns:repeat(1,1fr);} }