/* HTML09 frame and contact positions on the existing Grimlock member loop.
 * No field lookup, visibility override, query, form or pagination replacement.
 */
#members-dir-list #members-list.majaa-cards-layout {
  --majaa-card-ink: var(--majaa-color-ink);
  --majaa-card-secondary: var(--majaa-color-text);
  --majaa-card-gold: var(--majaa-warm-icon,var(--majaa-color-ink));
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 24px;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
#members-dir-list #members-list.majaa-cards-layout > li.majaa-member-card {
  display: block;
  flex: none;
  min-width: 0;
  max-width: none;
  width: auto;
  margin: 0;
  padding: 0;
}
#members-dir-list #members-list .majaa-member-card > .card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--majaa-card-border);
  border-radius: var(--majaa-card-radius);
  background: var(--majaa-card-bg);
  color: var(--majaa-card-ink);
  box-shadow: var(--majaa-card-shadow);
}
#members-dir-list #members-list .majaa-member-card > .card > .card-img {
  position: relative;
  z-index: 1;
  flex: none;
  width: 100%;
  margin: 0;
  padding: 0 0 22px;
  border-radius: 0;
  overflow: visible;
  background: #fff;
}
#members-dir-list #members-list .majaa-member-card .card-img > a {
  display: block;
  width: 100%;
  aspect-ratio: 7 / 8;
  overflow: hidden;
  border-radius: 0;
}
#members-dir-list #members-list .majaa-member-card .card-img > a > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  aspect-ratio: 7 / 8;
  object-fit: cover;
  margin: 0;
  border: 0;
  border-radius: 0;
}
#members-dir-list #members-list .majaa-member-card > .card > .card-body {
  position: relative;
  z-index: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 12px 20px 18px;
  background: #fff;
  transform: none;
  color: var(--majaa-card-secondary);
  text-align: left;
}
#members-dir-list #members-list .majaa-member-card > .card > .card-body::before,
#members-dir-list #members-list .majaa-member-card > .card > .card-body::after {
  content: none;
  display: none;
}
#members-dir-list #members-list .majaa-member-card .card-body-header {
  display: flex;
  align-items: center;
  min-height: 44px;
  margin: 0 0 8px;
  padding: 0;
}
#members-dir-list #members-list .majaa-member-card h2.entry-title {
  margin: 0;
  padding: 0;
  font: 400 26px/1.32 var(--majaa-font-heading);
  color: var(--majaa-card-ink);
  overflow-wrap: anywhere;
}
#members-dir-list #members-list .majaa-member-card h2.entry-title > a { color: inherit; text-decoration: none; }
#members-dir-list #members-list .majaa-member-card .card-body-meta {
  margin: 0;
  padding: 0;
  font: 400 15px/1.55 var(--majaa-font-body);
  overflow-wrap: anywhere;
}
#members-dir-list #members-list .majaa-member-card .bp-member-xprofile-custom-fields { display:block;margin:0;padding:0;text-align:left; }
#members-dir-list #members-list .majaa-member-card .bp-member-xprofile-custom-field { display:block;margin:0 0 8px;text-align:left; }
#members-dir-list #members-list .majaa-member-card .bp-member-xprofile-custom-field:not(.majaa-card-location)::before,
#members-dir-list #members-list .majaa-member-card .bp-member-xprofile-custom-field::after { display:none;content:none; }
#members-dir-list #members-list .majaa-member-card .bp-member-xprofile-custom-field[hidden] { display:none!important; }
#members-dir-list #members-list .majaa-member-card .majaa-card-location { display:flex;align-items:center;gap:6px;font-size:14px; }
#members-dir-list #members-list .majaa-member-card .majaa-card-location::before { content:'';flex:0 0 14px;width:14px;height:14px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M20 10c0 6-8 11-8 11S4 16 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat; }
#members-dir-list #members-list .majaa-member-card .card-body-members-item .item-meta { margin:12px 0 0;padding:0;text-align:left;font:inherit; }
#members-dir-list #members-list .majaa-member-card .card-body-meta .activity.bps-value { display:block;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;color:var(--majaa-card-secondary);font:400 15px/1.55 var(--majaa-font-body);text-align:left; }
#members-dir-list #members-list .majaa-member-card .bp-member-xprofile-custom-field[data-majaa-tags] { display:flex;flex-wrap:wrap;gap:6px;margin-top:12px; }
#members-dir-list #members-list .majaa-member-card .majaa-card-tag { display:inline-block;max-width:100%;padding:4px 10px;border:1px solid transparent;border-radius:999px;background:var(--majaa-color-lilac-soft);color:var(--majaa-color-ink);font:400 12px/1.4 var(--majaa-font-body);overflow-wrap:anywhere; }
#members-dir-list #members-list .majaa-member-card .majaa-card-relationship-note { margin:10px 0 0;color:var(--majaa-card-secondary);font:400 12px/1.4 var(--majaa-font-body);text-align:center; }
#members-dir-list #members-list .majaa-member-card .card-body-actions {
  position: static;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
}
#members-dir-list #members-list .majaa-member-card .card-body-actions:empty { display: none; }
#members-dir-list #members-list .majaa-member-card .majaa-card-primary-actions {
  position: absolute;
  z-index: 2;
  right: 24px;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 18px;
  height: 44px;
}
#members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-contact { display: contents; }
#members-dir-list #members-list .majaa-card-primary-actions > .generic-button,
#members-dir-list #members-list .majaa-card-primary-actions > .majaa-directory-request-wrapper { margin: 0; padding: 0; border: 0; }
#members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile,
#members-dir-list #members-list .majaa-card-primary-actions a.majaa-directory-request-trigger,
#members-dir-list #members-list .majaa-card-primary-actions a.send-message,
#members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-request-confirmed,
#members-dir-list #members-list .majaa-card-primary-actions .majaa-card-pending-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: var(--majaa-card-gold);
  box-shadow: 0 5px 12px rgb(57 48 60 / 15%), 0 1px 3px rgb(57 48 60 / 9%) !important;
  font-size: 0;
  text-decoration: none;
}
#members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
#members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile-icon svg { width: 22px; height: 22px; }
#members-dir-list #members-list .majaa-card-primary-actions a.majaa-directory-request-trigger::before,
#members-dir-list #members-list .majaa-card-primary-actions a.send-message::before,
#members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-request-confirmed::before,
#members-dir-list #members-list .majaa-card-primary-actions .majaa-card-pending-indicator::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  margin: 0;
  background: currentColor;
  mask: var(--majaa-card-action-icon) center / contain no-repeat;
  -webkit-mask: var(--majaa-card-action-icon) center / contain no-repeat;
}
/* Selected person-plus 2; message and confirmed-state marks stay native. */
#members-dir-list #members-list .majaa-card-primary-actions a.majaa-directory-request-trigger {
  --majaa-card-action-icon: url("request-person-plus.svg");
}
#members-dir-list #members-list .majaa-card-primary-actions a.send-message {
  --majaa-card-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5Z'/%3E%3C/svg%3E");
}
#members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-request-confirmed,
#members-dir-list #members-list .majaa-card-primary-actions .majaa-card-pending-indicator {
  --majaa-card-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E");
  color: #7a8c78;
}
#members-dir-list #members-list .majaa-member-card .majaa-directory-feedback {
  margin-top: 12px;
  color: var(--majaa-card-secondary);
  font: 400 13px/1.5 var(--majaa-font-body);
}
#members-dir-list #members-list .majaa-card-primary-actions a:focus-visible,
#members-dir-list #members-list .majaa-card-primary-actions button:focus-visible { outline: 2px solid var(--majaa-warm-ink,var(--majaa-color-gold-dark)); outline-offset: 3px; }
#members-dir-list #members-list .majaa-member-card .majaa-card-description { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0 0;color:var(--majaa-card-secondary);font:400 15px/1.55 var(--majaa-font-body);overflow-wrap:anywhere; }
#members-dir-list #members-list .majaa-member-card .majaa-card-interests,
#members-dir-list #members-list .majaa-member-card .card-body-meta > [data-majaa-tags] { display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0; }
#members-dir-list #members-list .majaa-member-card .majaa-chat-unavailable[hidden] { display:none!important; }
#members-dir-list #members-list .majaa-member-card .card-body-actions { margin:16px 0 0;justify-content:center;gap:12px; }
#members-dir-list #members-list .majaa-member-card .majaa-card-relationship-note { margin:16px 0 0; }
#members-dir-list #members-list .majaa-member-card .card-body-actions > .friendship-button { margin:0;padding:0; }
#members-dir-list #members-list .majaa-member-card .card-body-actions > .friendship-button > a { display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:10px;border:0;border-radius:50%;background:#fff;color:#7a8c78;box-shadow:0 5px 12px rgb(57 48 60 / 15%),0 1px 3px rgb(57 48 60 / 9%); }
#members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile:disabled { opacity:1;box-shadow:0 5px 12px rgb(57 48 60 / 15%),0 1px 3px rgb(57 48 60 / 9%); }
#members-dir-list #members-list .majaa-member-card .card-body-actions .majaa-card-more { display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:76px;min-height:44px;margin:0;padding:8px 12px;border:1px solid rgba(122,140,120,.5);border-radius:var(--mc-radius,10px);background:#fff;color:var(--majaa-color-text);font:400 13px/1.4 var(--majaa-font-body);text-decoration:none; }
#members-dir-list #members-list .majaa-member-card .card-body-actions .majaa-card-more::before { display:none; }
#members-dir-list #members-list .majaa-member-card .card-body-actions .majaa-card-more::after { content:'…';position:static;width:auto;height:auto;margin:0;border:0;font:700 18px/1 var(--majaa-font-body);transform:none; }
/* Grimlock's action utilities set widths, icon fonts and shadows !important. */
#members-dir-list #members-list .majaa-member-card .card-body-actions [hidden] { display:none!important; }
#members-dir-list #members-list .majaa-member-card .card-body-actions > .friendship-button,
#members-dir-list #members-list .majaa-member-card .card-body-actions > .friendship-button > a { flex:0 0 44px!important;width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important; }
#members-dir-list #members-list .majaa-member-card .card-body-actions > .friendship-button > a { padding:0!important;border-radius:50%!important;box-shadow:0 5px 12px rgb(57 48 60 / 15%),0 1px 3px rgb(57 48 60 / 9%)!important; }
#members-dir-list #members-list .majaa-member-card .card-body-actions > .friendship-button > a::before { content:''!important;display:block!important;position:static!important;width:22px!important;height:22px!important;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center/contain no-repeat; }
#members-dir-list #members-list .majaa-member-card .card-body-actions > .dropdown--more-actions:not([hidden]) { display:inline-flex!important;position:relative!important;width:auto!important;opacity:1!important;visibility:visible!important;margin:0!important; }
#members-dir-list #members-list .majaa-member-card .card-body-actions .majaa-card-more { min-height:44px!important;height:auto!important;border:1px solid rgba(122,140,120,.5)!important;border-radius:10px!important;box-shadow:none!important;font:400 13px/1.4 var(--majaa-font-body)!important; }
#members-dir-list #members-list .majaa-member-card .card-body-actions .majaa-card-more::after { content:'…'!important;display:block!important; }
#members-dir-list #members-list .majaa-member-card .card-body-actions { position:static!important;inset:auto!important;transform:none!important;width:auto!important;height:auto!important;min-height:0;justify-content:center!important;margin:16px 0 0!important;padding:0!important; }
#members-dir-list #members-list .majaa-member-card .card-body-actions > .friendship-button { position:static!important;inset:auto!important;transform:none!important; }
#members-dir-list #members-list .majaa-member-card .card-body-actions > .friendship-button:has(>a:not(.is_friend)),
#members-dir-list #members-list .majaa-member-card .card-body-actions > .friendship-button > a:not(.is_friend) { flex:0 1 auto!important;width:auto!important;max-width:100%!important; }
#members-dir-list #members-list .majaa-member-card .card-body-actions > .friendship-button > a:not(.is_friend) { gap:8px;padding:10px 14px!important;border:1px solid rgba(122,140,120,.5)!important;border-radius:10px!important;background:#fff;color:var(--majaa-color-text);font:400 13px/1.4 var(--majaa-font-body)!important;box-shadow:none!important; }
#members-dir-list #members-list .majaa-member-card .card-body-actions > .friendship-button > a.pending_friend::before { width:16px!important;height:16px!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 10-5 5 5 5M4 15h10a6 6 0 1 0 0-12'/%3E%3C/svg%3E"); }
@media (max-width: 900px) {
  #members-dir-list #members-list.majaa-cards-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  #members-dir-list #members-list.majaa-cards-layout { grid-template-columns: minmax(0, 1fr); }
}

/* Whole chips, at most two measured rows; original values remain in the DOM/profile. */
#members-dir-list #members-list .majaa-member-card .majaa-card-tag { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
#members-dir-list #members-list .majaa-member-card .majaa-card-tag[hidden],
#members-dir-list #members-list .majaa-member-card .majaa-card-location[hidden] { display:none!important; }
#members-dir-list #members-list .majaa-member-card .majaa-card-location::before { color:var(--majaa-card-gold); }
#members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile[aria-disabled="true"] { cursor:help; }
#members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile[aria-busy="true"] { cursor:progress; }

/* Feedback is a card-body child now, so the old row's 100% flex basis is wrong. */
body.majaa-member-search #members-dir-list #members-list .majaa-member-card > .card > .card-body > .majaa-directory-feedback {
  flex:0 0 auto;min-width:0;width:auto;max-width:100%;
}
body.majaa-member-search #members-dir-list #members-list .majaa-member-card > .card > .card-body > .majaa-card-relationship-note { flex:0 0 auto; }
body.majaa-member-search #members-dir-list #members-list .majaa-member-card .majaa-directory-feedback:not(:empty) + .majaa-card-relationship-note { margin-top:8px; }
body.majaa-member-search #members-dir-list #members-list .majaa-member-card .majaa-card-location::before { flex-basis:20px;width:20px;height:20px;color:var(--grimlock-color-danger,#e74c3c); }

/* Match visible ink proportions: smile circle 32px, connection mark 28px. */
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions a.majaa-directory-request-trigger::before { width:28px;height:28px; }
/* The native theme action otherwise forces a transparent surface. */
body.majaa-member-search #members-dir-list #members-list .majaa-member-card .card-body-actions > .friendship-button > a.is_friend { background:#fff!important;background-image:none!important; }
/* Requested warm icon hue; white button surfaces and native status colors stay. */
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile-icon,
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile-icon svg,
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions a.majaa-directory-request-trigger { color:var(--majaa-warm-fill,var(--majaa-color-warm))!important; }
/* One sent status below the card content, away from the photo actions. */
body.majaa-member-search #members-dir-list #members-list .majaa-member-card .majaa-card-relationship-note.majaa-card-request-sent { margin-top:24px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none; }
.majaa-card-sent-reveal { animation:majaa-card-sent-reveal 900ms ease-out both; }
@keyframes majaa-card-sent-reveal { from { opacity:0; } to { opacity:1; } }
@media(prefers-reduced-motion:reduce) { .majaa-card-sent-reveal { animation:none; } }

/* The excerpt links to the member activity stream. The native relative time
 * indicates last active, and need not date the excerpt itself. */
#members-dir-list #members-list .majaa-member-card .majaa-card-activity-link {display:block;color:inherit;text-decoration:none}
#members-dir-list #members-list .majaa-member-card .majaa-card-activity-link .update {text-align:center}
#members-dir-list #members-list .majaa-member-card .card-body-activity:has(.majaa-card-activity-link) {height:auto!important;min-height:62px}
#members-dir-list #members-list .majaa-member-card .majaa-card-activity-link .activity::before {content:'Zuletzt aktiv ';white-space:pre}
#members-dir-list #members-list .majaa-member-card .majaa-card-activity-link .activity {text-transform:none!important}
#members-dir-list #members-list .majaa-member-card .majaa-card-activity-link .update {font:400 14px/1.45 var(--majaa-font-heading)!important;text-transform:none!important;text-decoration:none!important}
#members-dir-list #members-list .majaa-member-card .majaa-card-activity-link .update::before {content:'Im Austausch: ';font:400 12px/1.45 var(--majaa-font-body)}
#members-dir-list #members-list .majaa-member-card .majaa-card-activity-link:hover,
#members-dir-list #members-list .majaa-member-card .majaa-card-activity-link:hover * {text-decoration:none!important}
#members-dir-list #members-list .majaa-member-card .majaa-card-activity-link:focus-visible {outline:2px solid var(--majaa-color-gold-dark);outline-offset:3px;border-radius:4px}
#members-dir-list #members-list .majaa-member-card .card-body-activity[hidden] {display:none!important}
#members-dir-list #members-list .majaa-member-card .majaa-card-feedback-message {display:none}
@media (min-width:1100px) and (hover:hover) {
  /* Reuse Gwangi's black hover strip; never create a second card popup. */
  body.majaa-member-search #members-dir-list #members-list .majaa-member-card .card-body-activity.majaa-card-feedback-active {
    height:auto!important;min-height:44px;padding:8px 16px!important;
  }
  #members-dir-list #members-list .majaa-member-card .majaa-card-feedback-active .majaa-card-activity-link {display:none!important}
  #members-dir-list #members-list .majaa-member-card .majaa-card-feedback-active .majaa-card-feedback-message {
    display:flex;align-items:center;justify-content:center;min-height:28px;color:#fff;
    font:400 14px/1.5 var(--majaa-font-body);text-align:center;
  }
  /* Keep the live region for assistive technology, without another visual box. */
  body.majaa-member-search #members-dir-list #members-list .majaa-member-card > .card > .card-body > .majaa-directory-feedback {
    position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;
    border:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;
  }
}

/* A saved member is private to the viewer and uses the card's actual photo. */
#members-dir-list #members-list .majaa-member-card .card-img {position:relative}
#members-dir-list #members-list .majaa-member-card .majaa-directory-save {
  position:absolute;z-index:3;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;
  min-height:44px;padding:9px 12px;border:1px solid var(--majaa-color-gold-dark);border-radius:22px;
  background:#fff;color:var(--majaa-color-ink);box-shadow:0 4px 12px rgba(57,48,60,.14);
  font:400 14px/1.3 var(--majaa-font-body);cursor:pointer;
}
#members-dir-list #members-list .majaa-member-card .majaa-directory-save svg {display:block;width:18px;height:18px;flex:none}
#members-dir-list #members-list .majaa-member-card .majaa-directory-save[aria-pressed=true] {background:var(--majaa-color-sage);border-color:var(--majaa-color-gold-dark);color:var(--majaa-color-ink)}
#members-dir-list #members-list .majaa-member-card .majaa-directory-save[aria-pressed=true] svg {fill:var(--majaa-color-ink);stroke:var(--majaa-color-ink)}
#members-dir-list #members-list .majaa-member-card .majaa-directory-save:focus-visible {outline:2px solid var(--majaa-color-gold-dark);outline-offset:2px}

@media (max-width:1099px), (hover:none) {
  /* Touch has no hover excerpt. Action feedback rises as a dark, temporary notice. */
  #members-dir-list #members-list .majaa-member-card .card-body-activity:not(.majaa-card-feedback-active) {display:none!important}
  body.majaa-member-search #members-dir-list #members-list .majaa-member-card .card-body-activity.majaa-card-feedback-active {
    position:fixed!important;inset:auto 16px 16px!important;z-index:10020!important;
    display:flex!important;align-items:center;justify-content:center;width:calc(100% - 32px)!important;
    min-height:48px!important;margin:0!important;padding:10px 18px!important;
    border-radius:12px;background:var(--majaa-color-ink)!important;color:#fff!important;
    opacity:1!important;visibility:visible!important;transform:none!important;
    box-shadow:0 8px 30px rgba(57,48,60,.24);animation:majaa-feedback-rise .24s ease-out both;
  }
  #members-dir-list #members-list .majaa-member-card .majaa-card-feedback-active .majaa-card-activity-link {display:none!important}
  #members-dir-list #members-list .majaa-member-card .majaa-card-feedback-active .majaa-card-feedback-message {
    display:block!important;color:#fff;font:400 15px/1.4 var(--majaa-font-body);text-align:center;
  }
  body.majaa-member-search #members-dir-list #members-list .majaa-member-card > .card > .card-body > .majaa-directory-feedback {
    position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;
    overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;
  }
}
@keyframes majaa-feedback-rise {from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){body.majaa-member-search .majaa-card-feedback-active{animation:none!important}}

/* ------------------------------------------------------------------
 * Profilkachel Variante A (Designsystem, entschieden 31.10.2026):
 * Lächeln und Verbinden als beschriftete Buttons unten links im Foto.
 * Beide hell und leicht durchsichtig, damit das Foto durchschimmert.
 * Maße nach der Button-Regel: 44 px hoch, Rundung 14 px, Innenabstand
 * 18 px, Icon 20 px mit 8 px Abstand, gleicher weicher Schatten.
 * ------------------------------------------------------------------ */
/* Mittig auf der unteren Bildkante: halb im Foto, halb auf der weißen Fläche, waagerecht zentriert.
 * .card-img hat unten 22 px Innenabstand unter dem Foto; bottom:0 legt die Button-Mitte genau auf die Fotokante. */
body.majaa-member-search #members-dir-list #members-list .majaa-member-card .majaa-card-primary-actions {
  left:8px;right:8px;bottom:0;height:var(--majaa-button-height);gap:var(--majaa-button-spacing);flex-wrap:nowrap;justify-content:center;
}
body.majaa-member-search #members-dir-list #members-list .majaa-member-card > .card > .card-body { padding-top:20px!important; }
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions :is(.majaa-directory-smile,a.majaa-directory-request-trigger,a.send-message,.majaa-directory-request-confirmed,.majaa-card-pending-indicator) {
  /* Glas-Button aus dem zentralen Baustein (Tokens --majaa-button-…, siehe majaa-core button.css). */
  flex:0 0 auto!important;width:auto!important;min-width:0!important;height:var(--majaa-button-height)!important;min-height:var(--majaa-button-height)!important;
  gap:var(--majaa-button-gap);padding:0 var(--majaa-button-padding-x)!important;border:1px solid var(--majaa-button-glass-border)!important;border-radius:var(--majaa-button-radius)!important;
  background:var(--majaa-button-glass-bg)!important;
  -webkit-backdrop-filter:var(--majaa-button-glass-blur);backdrop-filter:var(--majaa-button-glass-blur);
  color:var(--majaa-color-ink)!important;box-shadow:var(--majaa-button-shadow)!important;
  font:400 var(--majaa-button-font-size)/1 var(--majaa-font-body)!important;white-space:nowrap;cursor:pointer;
}
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile { position:relative;overflow:visible; }
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions :is(.majaa-directory-smile:not(.majaa-is-smiled):not([aria-disabled="true"]),a.majaa-directory-request-trigger,a.send-message):hover {
  background:var(--majaa-button-glass-bg-hover)!important;border-color:var(--majaa-button-border)!important;
}
/* Beschriftung sichtbar */
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile-label {
  position:static;width:auto;height:auto;overflow:visible;clip-path:none;font:inherit;
}
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions :is(.majaa-directory-smile-icon,.majaa-directory-smile-icon svg) {
  display:block;width:20px!important;height:20px!important;color:var(--majaa-color-ink)!important;
}
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions :is(a.majaa-directory-request-trigger,a.send-message,.majaa-directory-request-confirmed,.majaa-card-pending-indicator)::before {
  width:20px!important;height:20px!important;flex:none;
}
/* Diese Buttons tragen ihren Originaltext unsichtbar (Schriftgröße 0). Er zählt trotzdem als
 * Flex-Element, der Gap entstünde dann doppelt (Icon – Text – Beschriftung = 16 px statt 8 px).
 * Darum kein Gap, sondern 8 px Abstand vor der Beschriftung – wie beim Lächeln. */
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions :is(a.majaa-directory-request-trigger,a.send-message,.majaa-directory-request-confirmed,.majaa-card-pending-indicator) { gap:0!important; }
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions :is(a.majaa-directory-request-trigger,a.send-message,.majaa-directory-request-confirmed,.majaa-card-pending-indicator)::after {
  margin-left:8px;font:400 16px/1 var(--majaa-font-body);color:var(--majaa-color-ink);
}
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions a.majaa-directory-request-trigger { font-size:0!important; }
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions a.majaa-directory-request-trigger::after { content:'Verbinden'; }
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions a.send-message { font-size:0!important; }
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions a.send-message::after { content:'Nachricht'; }
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-card-pending-indicator::after { content:'Angefragt'; }
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-card-pending-indicator[data-majaa-state="answered"]::after { content:'Beantwortet'; }
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-card-pending-indicator[data-majaa-state="closed"]::after { content:'Abgelaufen'; }
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions a.majaa-directory-request-trigger.majaa-request-again::after { content:'Erneut anfragen'; }
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-request-confirmed::after { content:'Verbunden'; }
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions :is(.majaa-directory-request-confirmed,.majaa-card-pending-indicator) { cursor:default; }
/* Nach dem Lächeln: hell mit Haken und „Angelächelt“ */
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile.majaa-is-smiled { cursor:default; }
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile.majaa-is-smiled .majaa-directory-smile-icon svg { display:none!important; }
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile.majaa-is-smiled .majaa-directory-smile-icon::before {
  content:'';display:block;width:20px;height:20px;background:currentColor;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Status-Icons: Verbunden = Person mit Haken, Angefragt = Uhr. */
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-request-confirmed {
  --majaa-card-action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Cpath d='M2 21a7 7 0 0 1 14 0'/%3E%3Cpath d='m16 11 2 2 4-4'/%3E%3C/svg%3E");
  color:var(--majaa-color-ink)!important;
}
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-card-pending-indicator {
  --majaa-card-action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
  color:var(--majaa-color-ink)!important;
}
/* Nachricht immer als quadratischer Icon-Button, damit drei Aktionen Platz haben. */
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions a.send-message { width:44px!important;padding:0!important;justify-content:center; }
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions a.send-message::after { content:none; }
/* Schmale Karten (unter 420 px Kartenbreite) mit drei Aktionen: Status (Angelächelt, Verbunden, Angefragt)
 * nur als Icon; Aktionen behalten ihre Beschriftung. Gemessen an der Karte, nicht am Fenster. */
body.majaa-member-search #members-dir-list #members-list .majaa-member-card > .card { container:majaa-card / inline-size; }
@container majaa-card (max-width:419px) {
  body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions:has(> :nth-child(3)) :is(.majaa-directory-smile.majaa-is-smiled,.majaa-directory-request-confirmed,.majaa-card-pending-indicator) { width:44px!important;padding:0!important;justify-content:center; }
  body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions:has(> :nth-child(3)) .majaa-directory-smile.majaa-is-smiled .majaa-directory-smile-label { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
  body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions:has(> :nth-child(3)) :is(.majaa-directory-request-confirmed,.majaa-card-pending-indicator)::after { content:none; }
  /* Kompakt bleibt beim Lächeln das Lächeln-Symbol sichtbar, damit es sich vom Verbunden-Haken unterscheidet. */
  body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions:has(> :nth-child(3)) .majaa-directory-smile.majaa-is-smiled .majaa-directory-smile-icon svg { display:block!important; }
  body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions:has(> :nth-child(3)) .majaa-directory-smile.majaa-is-smiled .majaa-directory-smile-icon::before { content:none; }
}
/* Bereits angelächelt: keine Hover- oder Klick-Rückmeldung, denn es passiert nichts. */
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile.majaa-is-smiled:is(:hover,:active,:focus) {
  border-color:var(--majaa-button-glass-border)!important;background:var(--majaa-button-glass-bg)!important;outline:none;
}
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile.majaa-is-smiled:focus-visible { outline:2px solid var(--majaa-color-ink);outline-offset:3px; }

/* Interessen-Chips: etwas mehr Luft zwischen und in den Chips. */
body.majaa-member-search #members-dir-list #members-list .majaa-member-card :is(.majaa-card-interests,.card-body-meta > [data-majaa-tags]) { gap:8px; }
body.majaa-member-search #members-dir-list #members-list .majaa-member-card .majaa-card-tag { padding:4px 12px; }

/* Merken: gleicher Glas-Stil und gleiche Maße wie Lächeln/Verbinden. */
body.majaa-member-search #members-dir-list #members-list .majaa-member-card .majaa-directory-save {
  top:16px;right:16px;gap:var(--majaa-button-gap);min-height:var(--majaa-button-height);height:var(--majaa-button-height);padding:0 var(--majaa-button-padding-x);
  border:1px solid var(--majaa-button-glass-border);border-radius:var(--majaa-button-radius);
  background:var(--majaa-button-glass-bg);-webkit-backdrop-filter:var(--majaa-button-glass-blur);backdrop-filter:var(--majaa-button-glass-blur);
  color:var(--majaa-color-ink);box-shadow:var(--majaa-button-shadow);font:400 var(--majaa-button-font-size)/1 var(--majaa-font-body);
}
body.majaa-member-search #members-dir-list #members-list .majaa-member-card .majaa-directory-save svg { width:20px;height:20px; }
body.majaa-member-search #members-dir-list #members-list .majaa-member-card .majaa-directory-save:hover { background:var(--majaa-button-glass-bg-hover); }
body.majaa-member-search #members-dir-list #members-list .majaa-member-card .majaa-directory-save[aria-pressed=true] {
  background:var(--majaa-button-glass-bg);border-color:var(--majaa-button-glass-border);color:var(--majaa-color-ink);
}
body.majaa-member-search #members-dir-list #members-list .majaa-member-card .majaa-directory-save:focus-visible { outline:2px solid var(--majaa-color-ink);outline-offset:3px; }

/* Einheitliche Icons: Verbinden (Person mit Plus) und Verbunden (Person mit Haken) teilen dieselbe
 * Person mit rundem Körper; nur Plus bzw. Haken wechselt. Gleiche Größe wie das Lächeln
 * (Raster 24, Strich 1,6, 20-px-Feld), damit beide Zeichnungen gleich hoch und auf einer Linie stehen.
 * Die Zeichnung ist breiter als das Lächeln (x 1–23 statt 3–21); damit sie links denselben Rand hat,
 * ist das Feld 22 px breit, die Zeichnung 1 px eingerückt, und −2 px Außenabstand gleichen das aus.
 * Die Person ist 21 statt 20 px groß gezeichnet: Erst dann ist sie so hoch wie das Lächeln und hat oben
 * und unten dieselben Abstände zum Button-Rand (gemessen bei Pixeldichte 1,05 / 1,25 / 2 / 3). */
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions a.majaa-directory-request-trigger {
  --majaa-card-action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Cpath d='M2 21a7 7 0 0 1 14 0'/%3E%3Cpath d='M19 8v6M16 11h6'/%3E%3C/svg%3E");
}
body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions :is(a.majaa-directory-request-trigger,.majaa-directory-request-confirmed)::before {
  width:22px!important;height:21px!important;margin-right:-2px;
  -webkit-mask-size:21px 21px;mask-size:21px 21px;-webkit-mask-position:1px 50%;mask-position:1px 50%;
}

/* Sehr schmale Karten (unter 330 px): Status immer nur als Icon, auch bei zwei Einträgen. */
@container majaa-card (max-width:329px) {
  body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions :is(.majaa-directory-smile.majaa-is-smiled,.majaa-directory-request-confirmed,.majaa-card-pending-indicator) { width:44px!important;padding:0!important;justify-content:center; }
  body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile.majaa-is-smiled .majaa-directory-smile-label { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
  body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions :is(.majaa-directory-request-confirmed,.majaa-card-pending-indicator)::after { content:none; }
  body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile.majaa-is-smiled .majaa-directory-smile-icon svg { display:block!important; }
  body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile.majaa-is-smiled .majaa-directory-smile-icon::before { content:none; }
}

/* Kompakter Status (nur Icon, 44 px): Verbunden-Icon mittig statt mit Randausgleich. */
@container majaa-card (max-width:419px) {
  body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions:has(> :nth-child(3)) .majaa-directory-request-confirmed::before { width:21px!important;margin-right:0;-webkit-mask-position:center;mask-position:center; }
}
@container majaa-card (max-width:329px) {
  body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-request-confirmed::before { width:21px!important;margin-right:0;-webkit-mask-position:center;mask-position:center; }
}

/* Desktop-Bildschirme (geringe Pixeldichte): Lächeln-, Personen- und Merken-Icons rasten beim Zeichnen
 * auf ganze Pixel nach unten ein und standen dadurch knapp 1 px tiefer als die Schrift.
 * 1 px nach oben stellt sie auf eine Linie mit der Mitte der Großbuchstaben (gemessen). */
@media (max-resolution:1.5dppx), (-webkit-max-device-pixel-ratio:1.5) {
  body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions .majaa-directory-smile-icon,
  body.majaa-member-search #members-dir-list #members-list .majaa-card-primary-actions :is(a.majaa-directory-request-trigger,.majaa-directory-request-confirmed)::before,
  body.majaa-member-search #members-dir-list #members-list .majaa-member-card .majaa-directory-save svg { position:relative;top:-1px; }
}