/* Kompakte Split Cards für Alle Profile und Meine Matches. */
#profiles-section .catalogue-filters {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:end;
  margin:18px 0 26px;
  padding:20px;
  background:#f7fcfc;
  border:1px solid #d3e9e9;
  border-radius:18px;
}
#profiles-section .catalogue-filters label {
  min-width:0;
  margin:0;
  gap:6px;
  color:#315b63;
  font-size:.78rem;
  font-weight:700;
}
#profiles-section .catalogue-filters input,
#profiles-section .catalogue-filters select {
  width:100%;height:42px;margin:0;padding:8px 11px;
  background:#fff;border:1px solid #c7dfe1;
  border-radius:10px;color:#173e46;font-size:.85rem;
}
#profiles-section .catalogue-filters button {
  width:100%;max-width:none;height:42px;margin:0;padding:8px 12px;
  border:0;border-radius:10px;background:#008b96;color:#fff;
  font-size:.85rem;font-weight:800;
}
#profiles-section .catalogue-filters button:hover { background:#006d78; }
#my-matches-section>select {
  width:min(100%,240px);margin:10px 0 22px;padding:10px 12px;
  border:1px solid #c7dfe1;border-radius:10px;background:#fff;color:#173e46;
}
#profileList,#myMatchesList {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));
  gap:16px;
  align-items:stretch;
  justify-items:stretch;
}
#profileList .profile,
#myMatchesList .match-profile {
  display:grid;
  grid-template-columns:minmax(112px,42%) minmax(0,1fr);
  width:100%;min-height:206px;padding:0;margin:0;
  text-align:left;align-items:stretch;overflow:hidden;
  border:1px solid #cde7e8;border-radius:18px;
  background:#fff;color:#173e46;font-family:inherit;
  box-shadow:0 9px 28px rgb(0 84 96 / .09);
  transition:box-shadow .18s ease,transform .18s ease;
}
#profileList .profile:hover,
#myMatchesList .match-profile:hover {
  box-shadow:0 17px 38px rgb(0 84 96 / .16);
  transform:translateY(-2px);
}
#profileList .profile .profile-card-photo,
#myMatchesList .match-profile .profile-card-photo {
  display:block;min-width:0;min-height:0;
  background:#e1f5f3;overflow:hidden;
}
#profileList .profile .profile-card-photo img,
#myMatchesList .match-profile .profile-card-photo img {
  display:block;width:100%;height:100%;min-height:206px;
  margin:0;border:0;border-radius:0;object-fit:cover;
}
#profileList .profile .profile-card-copy,
#myMatchesList .match-profile .profile-card-copy {
  display:flex;flex-direction:column;align-items:flex-start;
  min-width:0;gap:5px;padding:15px 13px;
  color:#54747b;font-size:.75rem;line-height:1.35;
}
#profileList .profile .profile-card-copy strong,
#myMatchesList .match-profile .profile-card-copy strong {
  display:block;margin:0;padding:0;color:#123c44;
  font-size:1.03rem;font-weight:800;line-height:1.22;
  overflow-wrap:anywhere;
}
.profile-card-copy>span { max-width:100%;overflow-wrap:anywhere; }
.profile-card-copy .profile-card-highlight {
  display:inline-flex;align-items:center;
  margin:4px 0 3px;padding:6px 9px;
  border:1px solid #9edadd;border-radius:8px;
  background:#dff6f4;color:#006f79;
  font-size:.72rem;font-weight:800;line-height:1.2;
}
.profile-card-copy .profile-card-common {
  color:#087d80;font-size:.72rem;font-weight:700;
}
.profile-card-copy .profile-card-online { color:#087e6f;font-weight:800; }
#profileList .profile .profile-card-copy .seed-label,
#myMatchesList .match-profile .profile-card-copy .seed-label,
#myMatchesList .match-profile .profile-card-copy .match-badge {
  margin:3px 0 0;padding:4px 8px;
  border:1px solid #bce5e4;border-radius:999px;
  background:#e6f8f6;color:#087681;
  font-size:.67rem;font-weight:750;
}
#profileList .profile .profile-card-copy .profile-card-cta,
#myMatchesList .match-profile .profile-card-copy .profile-card-cta {
  margin-top:auto;padding-top:10px;color:#007d88;font-weight:800;
}
#myMatchesList .match-center-card {
  display:flex;flex-direction:column;gap:8px;min-width:0;
  padding:0 0 13px;border:1px solid #cde7e8;border-radius:18px;
  background:#fff;box-shadow:0 9px 28px rgb(0 84 96 / .09);
  overflow:hidden;
}
#myMatchesList .match-center-card .match-profile {
  flex:1;min-height:206px;margin:0;border:0;border-radius:0;box-shadow:none;
}
#myMatchesList .match-center-card .match-profile:hover { transform:none;box-shadow:none; }
#myMatchesList .match-center-card>small,
#myMatchesList .match-center-card>.match-badge { margin:0 13px;color:#5d7c82; }
#myMatchesList .match-center-card>.match-badge {
  align-self:flex-start;padding:4px 8px;border-radius:999px;
  background:#e6f8f6;color:#087681;font-size:.69rem;font-weight:750;
}
#myMatchesList .match-center-card>button:not(.match-profile) {
  width:auto;min-height:42px;margin:0 13px;padding:9px 12px;
  border-radius:10px;font-size:.78rem;font-weight:800;
}
#myMatchesList .match-center-card>.match-card-chat {
  background:#008b96;border:1px solid #008b96;color:#fff;
}
#myMatchesList .match-center-card>.match-card-unmatch {
  background:#fff;border:1px solid #b9dfe0;color:#007984;
}
@media(max-width:900px) {
  #profiles-section .catalogue-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  #profiles-section .catalogue-filters { gap:10px;padding:14px; }
  #profiles-section .catalogue-filters button { grid-column:1/-1; }
  #profileList,#myMatchesList { grid-template-columns:1fr;gap:12px; }
  #profileList .profile,#myMatchesList .match-profile { grid-template-columns:minmax(108px,38%) minmax(0,1fr);min-height:190px; }
  #profileList .profile .profile-card-photo img,#myMatchesList .match-profile .profile-card-photo img { min-height:190px; }
}
@media(max-width:400px) {
  #profiles-section .catalogue-filters { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
  #profileList .profile,#myMatchesList .match-profile { transition:none; }
}