/* صفحة الفريق */
/* شريط داخلي */
.sub-hero{padding:56px 0;border-bottom:1px solid var(--line)}
.breadcrumbs{color:var(--muted);font-size:.95rem;margin-bottom:8px}
.breadcrumbs a{color:var(--muted)} .breadcrumbs a:hover{color:var(--text)}
.page-title{margin:0;font-size:clamp(26px,4vw,42px);font-weight:800}
.page-lead{color:#b9c2ea;max-width:860px}

/* أدوات */
.toolbar{display:grid;gap:12px;margin-top:14px}
.toolbox{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:12px;display:grid;gap:10px}
.search-box{position:relative}
.search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9bb0d3}
.search-box input{padding-left:34px}

/* شبكة الفريق */
.team{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}
@media(min-width:900px){.team{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1200px){.team{grid-template-columns:repeat(4,1fr)}}

.member{
  background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);
  display:grid;grid-template-rows:180px auto;transition:.25s ease;cursor:pointer
}

.member:hover {
  transform: translateY(-5px);
  border-color: var(--gold);
}

.avatar{background:#0a1430 center/cover no-repeat;border-bottom:1px solid var(--line);position:relative}
.role-badge{
  position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#d4af37,#b8921b);color:#0b1020;
  font-weight:800;border-radius:999px;padding:4px 10px;font-size:.86rem
}
.m-body{padding:14px}
.m-name{margin:0 0 6px;font-size:1.08rem;font-weight:800}
.m-role{color:#9bb0d3;margin:0 0 10px}
.skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.tag{background:#0a1430;border:1px solid #1e2e57;color:#cfe0ff;border-radius:999px;padding:5px 10px;font-size:.86rem}
.links{display:flex;gap:10px;margin-top:10px}
.links a{color:#fff} .links a:hover{color:var(--gold)}

/* Dialog */
dialog.profile{
  width:min(920px,96%);border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--text)
}
dialog::backdrop{background:rgba(0,0,0,.5)}
.pv-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.pv-body{padding:16px;display:grid;gap:14px}
.pv-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:900px){.pv-grid{grid-template-columns:.9fr 1.1fr}}
.pv-meta{display:grid;gap:8px}
.pv-meta div{display:flex;gap:8px;align-items:center;color:#cfe0ff}
.pv-close{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}

/* جدول المتدربين */
.table-shell{border:1px solid var(--line);border-radius:14px;padding:18px}
.table-lead{color:#cfe0ff;text-align:center;max-width:820px;margin:0 auto 10px}
.table-wrap{overflow-x:auto;margin-top:10px}
.table{width:100%;border-collapse:collapse;color:var(--text);font-size:1rem}
.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:center}
.table thead tr{background:rgba(255,255,255,0.05);color:var(--gold)}
.gold{color:var(--gold)}


/* CTA */
.cta-section{
  border:1px solid var(--line);border-radius:14px;padding:18px;
  background:linear-gradient(0deg,rgba(11,16,32,.35),rgba(11,16,32,.35)),url('/img/programing.jpg') center/cover no-repeat
}