/* Ultimate Member owns access, card content, Masonry, filters and AJAX pagination.
   This sheet deliberately leaves its positioning, view visibility and data hooks intact. */
.atx-members-surface { min-width: 0; color: #eeeeee; }
.atx-members-surface .um.um-directory {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  color: #eeeeee;
  font-family: inherit;
}
.atx-members-surface .um-directory .um-member-directory-header {
  margin-bottom: 24px;
  padding: 22px;
  border: 1px solid #303030;
  border-radius: 18px;
  background: #141414;
  box-sizing: border-box;
}
.atx-members-surface .um-directory .um-member-directory-header-row:not(.um-member-directory-filters-bar) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin-bottom: 12px;
}
.atx-members-surface .um-directory .um-member-directory-header-row:last-child { margin-bottom: 0; }
.atx-members-surface .um-directory .um-member-directory-header-row .um-member-directory-search-line {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100% !important;
  max-width: none !important;
  align-items: end;
  gap: 12px;
}
.atx-members-surface .um-directory .um-member-directory-header-row .um-member-directory-search-line label {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0;
  flex: 1 1 0;
}
.atx-members-surface .um-directory .um-member-directory-search-line label > span {
  display: block !important;
  margin: 0 0 8px !important;
  color: #c2c2c2;
  font-size: 13px;
  font-weight: 600;
  text-align: start;
}
.atx-members-surface .um-directory input.um-search-line,
.atx-members-surface .um-directory .um-search-filter input,
.atx-members-surface .um-directory select {
  min-height: 48px;
  max-width: 100%;
  padding: 12px 15px !important;
  border: 1px solid #404040 !important;
  border-radius: 11px !important;
  background: #202020 !important;
  color: #f0f0f0 !important;
  font: inherit;
  font-size: 15px !important;
  line-height: 1.5;
  box-shadow: none !important;
  box-sizing: border-box;
  color-scheme: dark;
}
.atx-members-surface .um-directory input::placeholder { color: #a5a5a5; opacity: 1; }
.atx-members-surface .um-directory input.um-do-search.um-button {
  flex: 0 0 auto;
  width: auto;
  min-width: 106px !important;
  height: 50px;
  min-height: 50px;
  align-self: end;
  margin: 0 !important;
  padding: 12px 24px !important;
  border: 1px solid #eeeeee !important;
  border-radius: 11px !important;
  background: #eeeeee !important;
  color: #101010 !important;
  font-size: 15px !important;
  font-weight: 700;
  line-height: 1.5;
  box-shadow: none !important;
}
.atx-members-surface .um-directory input.um-do-search.um-button:hover { background: #ffffff !important; }
.atx-members-surface .um-directory .um-member-directory-nav-line { flex-wrap: wrap; gap: 12px 20px; }
.atx-members-surface .um-directory .um-member-directory-sorting,
.atx-members-surface .um-directory .um-member-directory-filters {
  gap: 8px;
  color: #b6b6b6;
  font-size: 13px;
  line-height: 1.7;
}
.atx-members-surface .um-directory .um-member-directory-sorting-a,
.atx-members-surface .um-directory .um-member-directory-filters-a { min-height: 40px; align-items: center; }
.atx-members-surface .um-directory .um-member-directory-sorting-a-text,
.atx-members-surface .um-directory .um-member-directory-filters-a > a { color: #eeeeee !important; line-height: 1.7; }
.atx-members-surface .um-directory .um-member-directory-view-type { flex: 0 0 40px; width: 40px; height: 40px; margin: 0; }
.atx-members-surface .um-directory .um-member-directory-view-type-a {
  min-width: 40px;
  min-height: 40px;
  border: 1px solid #3b3b3b;
  border-radius: 10px;
  background: #242424;
  color: #dddddd !important;
  text-align: center;
  line-height: 40px;
}
.atx-members-surface .um-directory .um-new-dropdown {
  max-width: min(260px, 80vw);
  border: 1px solid #444444;
  border-radius: 12px;
  background: #202020;
  color: #eeeeee;
  text-align: start;
  box-shadow: 0 14px 32px rgb(0 0 0 / 35%);
}
.atx-members-surface .um-directory .um-new-dropdown a {
  min-height: 40px;
  padding: 10px 14px;
  color: #eeeeee !important;
  line-height: 1.6;
  box-sizing: border-box;
}
.atx-members-surface .um-directory .um-new-dropdown a:hover,
.atx-members-surface .um-directory .um-new-dropdown a:focus-visible { background: #353535; }
.atx-members-surface .um-directory .um-search-filter { min-width: 0; color: #bcbcbc; }
.atx-members-surface .um-directory .select2-selection {
  min-height: 44px;
  border: 1px solid #404040 !important;
  border-radius: 10px !important;
  background: #202020 !important;
  color: #eeeeee !important;
}
.atx-members-surface .um-directory .select2-selection__rendered,
.atx-members-surface .um-directory .select2-selection__placeholder { color: #d0d0d0 !important; }
.atx-members-surface .um-directory .select2-selection__choice { border-color: #484848 !important; background: #333333 !important; color: #eeeeee !important; }
.atx-members-surface .um-directory .um-members-filter-tag { border: 1px solid #3c3c3c; border-radius: 8px; background: #252525 !important; color: #dddddd; }
.atx-members-surface .um-directory .um-members-filter-remove { color: #cccccc; }
.atx-members-surface .um-directory .um-members-filter-remove:hover { color: #ffffff !important; }
.atx-members-surface .um-directory .um-clear-filters-a { color: #d5d5d5 !important; }
.atx-members-surface .um-directory .ui-slider { border-color: #444444 !important; background: #222222; }
.atx-members-surface .um-directory .ui-slider-range.ui-widget-header { border-color: #bfbfbf !important; background: #bfbfbf !important; }
.atx-members-surface .um-directory .ui-slider-handle { border-color: #eeeeee !important; background: #eeeeee !important; }
.atx-members-surface .um-directory .um-members-intro { margin-bottom: 18px; text-align: start; }
.atx-members-surface .um-directory .um-members-total { color: #b8b8b8; font-size: 14px; font-weight: 500; line-height: 1.8; }
.atx-members-surface .um-directory .um-members .um-member {
  border: 1px solid #333333 !important;
  border-radius: 18px;
  background: #171717 !important;
  color: #eeeeee;
  box-shadow: 0 8px 24px rgb(0 0 0 / 10%);
}
.atx-members-surface .um-directory .um-members-grid .um-member { margin-bottom: 26px !important; }
.atx-members-surface .um-directory .um-member-cover { border-radius: 17px 17px 0 0; background: #292929 !important; }
.atx-members-surface .um-directory .um-member-cover-e { overflow: hidden; border-radius: inherit; }
.atx-members-surface .um-directory .um-members-grid .um-member:not(.with-cover) .um-member-photo { padding: 30px 0 18px !important; }
.atx-members-surface .um-directory .um-member-photo img {
  border-color: #171717 !important;
  background: #292929 !important;
  object-fit: cover;
}
.atx-members-surface .um-directory .um-members-grid .um-member:not(.with-cover) .um-member-photo img { width: 112px; height: 112px; }
.atx-members-surface .um-directory .um-members-grid .um-member-card { padding: 0 16px 22px !important; }
.atx-members-surface .um-directory .um-members-grid .um-member-card.no-photo { padding-top: 26px !important; }
.atx-members-surface .um-directory .um-member-name { min-width: 0; }
.atx-members-surface .um-directory .um-member-name a {
  max-width: 100%;
  color: #f2f2f2 !important;
  font-size: 19px !important;
  font-weight: 700;
  line-height: 1.6 !important;
  overflow-wrap: anywhere;
}
.atx-members-surface .um-directory .um-member-name a:hover { text-decoration: underline !important; text-underline-offset: 5px; }
.atx-members-surface .um-directory .um-member-tagline,
.atx-members-surface .um-directory .um-member-metaline { color: #bcbcbc !important; line-height: 1.8 !important; overflow-wrap: anywhere; }
.atx-members-surface .um-directory .um-member-meta { border-color: #353535 !important; }
.atx-members-surface .um-directory .um-member-metaline strong { color: #e0e0e0; }
.atx-members-surface .um-directory .um-member-more a,
.atx-members-surface .um-directory .um-member-less a,
.atx-members-surface .um-directory .um-member-actions-a { color: #cccccc !important; }
.atx-members-surface .um-directory .um-member-connect a {
  border: 1px solid #454545;
  border-radius: 11px !important;
  background: #2b2b2b !important;
  color: #eeeeee !important;
}
.atx-members-surface .um-directory .um-member-status { background: #363636 !important; color: #eeeeee !important; }
.atx-members-surface .um-directory .um-edit-profile-btn.um-button {
  min-height: 42px;
  border: 1px solid #444444 !important;
  border-radius: 10px !important;
  background: #272727 !important;
  color: #eeeeee !important;
  line-height: 1.5 !important;
  box-shadow: none !important;
}
.atx-members-surface .um-directory .um-edit-profile-btn.um-button:hover { background: #383838 !important; }
.atx-members-surface .um-directory .um-members-list .um-member { padding: 20px; }
.atx-members-surface .um-directory .um-members-list .um-member-card-container,
.atx-members-surface .um-directory .um-members-list .um-member-card,
.atx-members-surface .um-directory .um-members-list .um-member-card-content { min-width: 0; }
.atx-members-surface .um-directory .um-members-none {
  width: 100%;
  padding: 48px 24px;
  border: 1px dashed #3c3c3c;
  border-radius: 16px;
  background: #151515;
  color: #cccccc;
  font-size: 16px;
  line-height: 1.9;
  box-sizing: border-box;
}
.atx-members-surface .um-directory .um-members-pagination-box { margin: 18px 0 0; }
.atx-members-surface .um-directory .um-members-pagi { flex-wrap: wrap; gap: 8px; }
.atx-members-surface .um-directory .um-members-pagi .pagi {
  min-width: 42px;
  min-height: 42px;
  height: auto;
  padding: 3px 13px;
  border: 1px solid #3b3b3b;
  border-radius: 10px;
  background: #202020;
  color: #dddddd !important;
  text-align: center;
  box-sizing: border-box;
}
.atx-members-surface .um-directory .um-members-pagi .pagi.current { border-color: #eeeeee; background: #eeeeee; color: #111111 !important; font-weight: 700; }
.atx-members-surface .um-directory .um-members-pagi .pagi:not(.disabled):not(.current):hover { background: #363636; color: #ffffff !important; }
.atx-members-surface .um-directory .um-members-pagidrop { color: #bdbdbd; line-height: 2; }
.atx-members-surface .um-directory .um-members-overlay { background: rgb(10 10 10 / 64%); border-radius: 16px; }
.atx-members-surface .um-directory :is(a, input, button, select, .select2-selection):focus-visible { outline: 2px solid #eeeeee !important; outline-offset: 4px; }
@media (max-width: 600px) {
  .atx-members-surface .um-directory .um-member-directory-header { padding: 16px; border-radius: 14px; margin-bottom: 20px; }
  .atx-members-surface .um-directory .um-member-directory-header-row .um-member-directory-search-line { gap: 8px; }
  .atx-members-surface .um-directory input.um-do-search.um-button { min-width: 78px !important; padding-inline: 15px !important; }
  .atx-members-surface .um-directory .um-member-directory-nav-line { gap: 8px 12px; }
  .atx-members-surface .um-directory .um-member-directory-sorting { flex-wrap: wrap; }
  .atx-members-surface .um-directory .um-member-name a { font-size: 17px !important; }
  .atx-members-surface .um-directory .um-members-list .um-member { padding: 15px; }
  .atx-members-surface .um-directory .um-members-none { padding: 34px 18px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .atx-members-surface .um-directory :is(a, input, .pagi) { transition: none !important; }
}