/* فونت‌های لوکال (اختیاری) */
@font-face{
  font-family:'IRANSans';
  src:url('../storage/fonts/IRANSans.woff2') format('woff2'),
      url('../storage/fonts/IRANSans.woff') format('woff');
  font-display:swap;
}
@font-face{
  font-family:'Vazir';
  src:url('../storage/fonts/Vazir.woff2') format('woff2'),
      url('../storage/fonts/Vazir.woff') format('woff');
  font-display:swap;
}

/* اسکوپ کامل */
.ms-teamelite, .ms-teamelite *{ box-sizing:border-box; }
.ms-teamelite{
  --fg:#141a2f;
  --muted:#6b7390;
  --card:#ffffff;
  --card-br:#ecf0f6;
  --surface:#f7f8fc;
  --brand:#6f47ff;
  --brand2:#24a3ff;
  font-family:'IRANSans','Vazir',Tahoma,Arial,sans-serif;
  color:var(--fg);
  background:linear-gradient(180deg,#fff 0%, var(--surface) 100%);
  padding: clamp(28px,5vw,56px) clamp(14px,4vw,24px);
}

.ms-teamelite__inner{ max-width:1280px; margin:0 auto; }

.ms-teamelite__header{ text-align:center; margin-bottom: clamp(18px,4vw,32px); }
.ms-teamelite__kicker{
  display:inline-flex; gap:10px; color:#786eff; font-weight:900; margin-bottom:8px;
}
.ms-teamelite__kicker::before{ content:"—"; color:#bfc4ff; }
.ms-teamelite__title{
  margin:0; line-height:1.3; font-weight:900;
  font-size: clamp(20px,3.6vw,40px);
}

/* گرید کارت‌ها */
.ms-teamelite__grid{
  display:grid; gap: clamp(16px,2.2vw,22px);
  grid-template-columns: repeat(3, minmax(250px, 1fr));
}
@media (max-width:960px){ .ms-teamelite__grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width:640px){ .ms-teamelite__grid{ grid-template-columns: 1fr; } }

/* کارت */
.ms-teamelite__card{
  background: var(--card);
  border:1px solid var(--card-br);
  border-radius:18px;
  box-shadow: 0 24px 60px rgba(17,22,34,.08);
  overflow:hidden;
  transform: translateY(8px);
  opacity:0;
  animation: msTeIn .6s ease forwards; animation-delay: var(--delay, 0ms);
  transition: transform .25s ease, box-shadow .25s ease;
}
.ms-teamelite__card:hover{
  transform: translateY(-6px);
  box-shadow: 0 30px 80px rgba(36,163,255,.22);
}
@keyframes msTeIn{ to{ transform:none; opacity:1; } }

/* عکس با حاشیه گرادیان */
.ms-teamelite__photo{
  position:relative;
  aspect-ratio: 16/11;
  background:#0e1220;
}
.ms-teamelite__photo img{
  width:100%; height:100%; object-fit:cover; display:block;
  border-bottom:1px solid var(--card-br);
}
.ms-teamelite__photo::after{
  content:""; position:absolute; inset:-1px; pointer-events:none; border-radius:16px 16px 0 0;
  background: linear-gradient(135deg, rgba(111,71,255,.35), rgba(36,163,255,.35));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  padding:1px; -webkit-mask-composite: xor; mask-composite: exclude;
}

/* نشان سابقه */
.ms-teamelite__badge{
  position:absolute; bottom:10px; left:10px;
  background:rgba(255,255,255,.94);
  color:#0f1531; font-weight:900; padding:8px 10px; border-radius:12px;
  font-size:14px; box-shadow:0 10px 22px rgba(0,0,0,.12);
}
.ms-teamelite__badge small{ font-weight:800; margin-right:2px; opacity:.85; }

/* متن کارت */
.ms-teamelite__info{ text-align:center; padding:14px 14px 18px; }
.ms-teamelite__name{ margin:0; font-weight:900; font-size: clamp(16px,2vw,20px); }
.ms-teamelite__role{
  margin:6px 0 10px; color:var(--brand); font-weight:800; font-size:14px;
}

/* سوشال‌ها */
.ms-teamelite__socials{ display:flex; gap:10px; justify-content:center; }
.ms-teamelite__socials a{
  width:36px; height:36px; display:grid; place-items:center; border-radius:10px;
  color:#fff; text-decoration:none;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  box-shadow:0 10px 24px rgba(36,163,255,.28);
  transition: transform .15s ease, box-shadow .2s ease, filter .15s ease;
}
.ms-teamelite__socials a:hover{
  transform: translateY(-2px);
  box-shadow:0 14px 30px rgba(36,163,255,.34);
  filter: brightness(1.03);
}

/* دارک‌مود خودکار */
@media (prefers-color-scheme: dark){
  .ms-teamelite{
    --fg:#e7e9ef; --muted:#b9bfd1; --card:#0f1116; --card-br:#1a2030; --surface:#0b0e14;
  }
  .ms-teamelite__card{ box-shadow: 0 26px 80px rgba(0,0,0,.4); }
  .ms-teamelite__badge{ background:#0f1116; color:#e7e9ef; border:1px solid #1a2030; }
}