/* ===== MEMBERS PAGE ===== */
.members { background:#fff; padding:26px 0 48px; }
.members-wrap { width:70%; margin:0 auto; }
@media (max-width:992px){ .members-wrap{ width:90%; } }

.members-search{
  display:flex; gap:10px; margin:0 auto 12px;
}
.members-search input{
  flex:1; padding:10px 12px;
  border:1px solid #cbd5e1; border-radius:10px; font-size:16px; outline:0;
}
.members-search input:focus{
  border-color:#94a3b8; box-shadow:0 0 0 3px rgba(19,31,73,.08);
}
.members-search button{
  padding:10px 14px; border-radius:10px; border:0; background:var(--cta); font-weight:800; cursor:pointer;
}

.members-infobar{
  color:#475569; font-size:14px; margin:6px 0 16px;
}
.members-infobar .link-clean{ color:#131f49; font-weight:700; margin-left:8px; text-decoration:none; }
.members-infobar .link-clean:hover{ color:var(--accent); text-decoration:underline; text-underline-offset:3px; }

/* GRID */
.members-grid{
  display:grid; gap:20px;
  grid-template-columns:repeat(2,1fr);
}
@media (max-width:640px){ .members-grid{ grid-template-columns:1fr; } }

/* CARD */
.mcard{
  background:linear-gradient(180deg, #06478b 0%, #ffffff 90%);
  border-radius:14px; overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
  transition:transform .2s ease, box-shadow .2s ease;
  border:1px solid #e5e7eb;
}
.mcard:hover{ transform:translateY(-3px); box-shadow:0 6px 16px rgba(0,0,0,.14); }

.mcard-top{
  padding:12px 14px 0 14px; display:flex; align-items:center; gap:10px;
}
.mcard-top img{ width:120px; height:40px; object-fit:contain; background:transparent; }
.mcard-nia{ margin-left:auto; padding-right:2px; font-size:12px; font-weight:800; color:#fff; }

.mcard-body{ padding:12px 16px 16px 16px; background:transparent; }
.mcard-nama{ font-size:16px; font-weight:800; color:#131f49; margin:6px 0 8px; }
.mcard-info{ font-size:13px; line-height:1.55; color:#0f172a; }
.mcard-info b{ color:#0b132b; }

.no-data{ padding:10px 0; color:#64748b; }

/* PAGINATION */
.members-pagination{
  display:flex; gap:8px; justify-content:center; margin:12px 0 8px;
}
.members-pagination a, .members-pagination span{
  padding:8px 12px; border-radius:8px; border:1px solid #cbd5e1;
  background:#fff; text-decoration:none; color:#111;
}
.members-pagination a.active{
  background:var(--bg); border-color:var(--bg); color:#fff;
}