/* ForumX R25 — premium presence cards */
body.fx-forumx .fx-home-side-column,
body.fx-unified-v31 .fx-home-side-column {
  align-items: start !important;
}

body.fx-forumx .fx-home-presence-card,
body.fx-unified-v31 .fx-home-presence-card {
  min-height: 0 !important;
  height: auto !important;
  border: 1px solid rgba(87, 118, 155, .22) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at top right, rgba(59,130,246,.10), transparent 34%),
    linear-gradient(180deg, rgba(20,29,40,.98), rgba(12,18,28,.98)) !important;
  overflow: hidden !important;
  box-shadow: 0 16px 36px rgba(4, 10, 18, .18) !important;
}

body.fx-forumx .fx-home-presence-head,
body.fx-unified-v31 .fx-home-presence-head {
  min-height: 60px !important;
  padding: 0 16px !important;
  background: rgba(30, 42, 57, .64) !important;
  border-bottom: 1px solid rgba(93, 121, 154, .16) !important;
}

body.fx-forumx .fx-home-presence-title-wrap,
body.fx-unified-v31 .fx-home-presence-title-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body.fx-forumx .fx-home-presence-title-copy,
body.fx-unified-v31 .fx-home-presence-title-copy {
  display: grid !important;
  gap: 2px !important;
}

body.fx-forumx .fx-home-presence-title-copy strong,
body.fx-unified-v31 .fx-home-presence-title-copy strong {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #f2f7ff !important;
}

body.fx-forumx .fx-home-presence-title-copy small,
body.fx-unified-v31 .fx-home-presence-title-copy small {
  font-size: 11px !important;
  color: #8ea0b6 !important;
}

body.fx-forumx .fx-home-presence-head .fx-home-side-icon,
body.fx-unified-v31 .fx-home-presence-head .fx-home-side-icon {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(105, 134, 168, .16) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(53, 76, 108, .58), rgba(33, 49, 69, .72)) !important;
}

body.fx-forumx .fx-home-presence-head .fx-home-side-count,
body.fx-unified-v31 .fx-home-presence-head .fx-home-side-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(104, 133, 168, .16) !important;
  background: rgba(20, 27, 38, .75) !important;
  font-size: 11px !important;
  font-weight: 720 !important;
  color: #9cafc6 !important;
}

body.fx-forumx .fx-home-presence-content,
body.fx-unified-v31 .fx-home-presence-content {
  padding: 14px !important;
}

body.fx-forumx .fx-home-presence-hero,
body.fx-unified-v31 .fx-home-presence-hero {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px !important;
  border: 1px solid rgba(92, 122, 157, .14) !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, rgba(24, 37, 52, .82), rgba(12, 18, 28, .55)) !important;
  margin-bottom: 12px !important;
}

body.fx-forumx .fx-home-presence-hero-copy,
body.fx-unified-v31 .fx-home-presence-hero-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 6px !important;
}

body.fx-forumx .fx-home-presence-kicker,
body.fx-unified-v31 .fx-home-presence-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  color: #98abd0 !important;
}

body.fx-forumx .fx-home-presence-kicker > i,
body.fx-unified-v31 .fx-home-presence-kicker > i {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #2dd99d !important;
  box-shadow: 0 0 0 4px rgba(45, 217, 157, .14) !important;
}

body.fx-forumx .fx-home-new-members-card .fx-home-presence-kicker > i,
body.fx-unified-v31 .fx-home-new-members-card .fx-home-presence-kicker > i {
  background: #7c9cff !important;
  box-shadow: 0 0 0 4px rgba(124, 156, 255, .14) !important;
}

body.fx-forumx .fx-home-presence-hero-copy strong,
body.fx-unified-v31 .fx-home-presence-hero-copy strong {
  font-size: 16px !important;
  line-height: 1.2 !important;
  color: #eff5fd !important;
}

body.fx-forumx .fx-home-presence-hero-copy p,
body.fx-unified-v31 .fx-home-presence-hero-copy p {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #91a2b7 !important;
}

body.fx-forumx .fx-home-avatar-stack,
body.fx-unified-v31 .fx-home-avatar-stack {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  padding-top: 2px !important;
}

body.fx-forumx .fx-home-avatar-stack-item,
body.fx-unified-v31 .fx-home-avatar-stack-item {
  width: 34px !important;
  height: 34px !important;
  margin-left: -8px !important;
  border-radius: 50% !important;
  border: 2px solid #101924 !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.18) !important;
}

body.fx-forumx .fx-home-avatar-stack-item:first-child,
body.fx-unified-v31 .fx-home-avatar-stack-item:first-child {
  margin-left: 0 !important;
}

body.fx-forumx .fx-home-avatar-stack-item .avatar,
body.fx-unified-v31 .fx-home-avatar-stack-item .avatar,
body.fx-forumx .fx-home-avatar-stack-item img,
body.fx-unified-v31 .fx-home-avatar-stack-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.fx-forumx .fx-home-avatar-stack-more,
body.fx-unified-v31 .fx-home-avatar-stack-more {
  min-width: 34px !important;
  height: 34px !important;
  margin-left: -8px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 2px solid #101924 !important;
  background: rgba(32, 46, 64, .95) !important;
  color: #d4e3f8 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

body.fx-forumx .fx-home-presence-pillbar,
body.fx-unified-v31 .fx-home-presence-pillbar {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}

body.fx-forumx .fx-home-presence-pill,
body.fx-unified-v31 .fx-home-presence-pill {
  min-height: 54px !important;
  padding: 10px 12px !important;
  display: grid !important;
  gap: 4px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(93, 122, 156, .12) !important;
  background: rgba(18, 27, 39, .82) !important;
}

body.fx-forumx .fx-home-presence-pill b,
body.fx-unified-v31 .fx-home-presence-pill b {
  font-size: 14px !important;
  line-height: 1.1 !important;
  color: #f2f7ff !important;
  font-weight: 800 !important;
}

body.fx-forumx .fx-home-presence-pill small,
body.fx-unified-v31 .fx-home-presence-pill small {
  font-size: 11px !important;
  line-height: 1.2 !important;
  color: #8ea0b8 !important;
}

body.fx-forumx .fx-home-presence-pill.is-members,
body.fx-unified-v31 .fx-home-presence-pill.is-members {
  background: linear-gradient(180deg, rgba(19, 31, 45, .96), rgba(12, 22, 34, .96)) !important;
}

body.fx-forumx .fx-home-presence-pill.is-visible,
body.fx-unified-v31 .fx-home-presence-pill.is-visible {
  background: linear-gradient(180deg, rgba(18, 30, 47, .96), rgba(14, 22, 38, .96)) !important;
}

body.fx-forumx .fx-home-presence-pill.is-guests,
body.fx-unified-v31 .fx-home-presence-pill.is-guests {
  background: linear-gradient(180deg, rgba(22, 31, 44, .96), rgba(16, 24, 38, .96)) !important;
}

body.fx-forumx .fx-home-presence-members,
body.fx-unified-v31 .fx-home-presence-members {
  display: grid !important;
  gap: 8px !important;
}

body.fx-forumx .fx-home-presence-members .fx-home-member-row,
body.fx-unified-v31 .fx-home-presence-members .fx-home-member-row,
body.fx-forumx .fx-home-guest-row,
body.fx-unified-v31 .fx-home-guest-row {
  min-height: 68px !important;
  padding: 12px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  border: 1px solid rgba(90, 120, 155, .14) !important;
  border-radius: 14px !important;
  background: rgba(14, 22, 33, .78) !important;
  text-decoration: none !important;
}

body.fx-forumx .fx-home-presence-members .fx-home-member-row:hover,
body.fx-unified-v31 .fx-home-presence-members .fx-home-member-row:hover {
  background: rgba(21, 31, 45, .95) !important;
  border-color: rgba(105, 136, 173, .22) !important;
}

body.fx-forumx .fx-home-presence-members .fx-home-member-avatar,
body.fx-unified-v31 .fx-home-presence-members .fx-home-member-avatar {
  position: relative !important;
  width: 42px !important;
  height: 42px !important;
}

body.fx-forumx .fx-home-presence-members .fx-home-member-avatar .avatar,
body.fx-unified-v31 .fx-home-presence-members .fx-home-member-avatar .avatar {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid rgba(114, 146, 182, .28) !important;
}

body.fx-forumx .fx-home-presence-members .fx-home-member-avatar > i,
body.fx-unified-v31 .fx-home-presence-members .fx-home-member-avatar > i {
  position: absolute !important;
  right: -1px !important;
  bottom: 0 !important;
  width: 11px !important;
  height: 11px !important;
  border: 2px solid #111923 !important;
  border-radius: 50% !important;
  background: #2cd99c !important;
}

body.fx-forumx .fx-home-member-copy,
body.fx-unified-v31 .fx-home-member-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

body.fx-forumx .fx-home-presence-members .fx-home-member-row strong,
body.fx-unified-v31 .fx-home-presence-members .fx-home-member-row strong,
body.fx-forumx .fx-home-guest-row strong,
body.fx-unified-v31 .fx-home-guest-row strong {
  display: block !important;
  font-size: 15px !important;
  font-weight: 780 !important;
  color: #eff5fd !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.fx-forumx .fx-home-presence-members .fx-home-member-row small,
body.fx-unified-v31 .fx-home-presence-members .fx-home-member-row small,
body.fx-forumx .fx-home-guest-row small,
body.fx-unified-v31 .fx-home-guest-row small {
  display: block !important;
  font-size: 12px !important;
  color: #8ea1b8 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.fx-forumx .fx-home-member-badge,
body.fx-unified-v31 .fx-home-member-badge {
  min-height: 28px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(97, 126, 159, .16) !important;
  background: rgba(22, 31, 45, .96) !important;
  color: #d9e7fa !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

body.fx-forumx .fx-home-member-badge.is-online,
body.fx-unified-v31 .fx-home-member-badge.is-online {
  color: #8ef0c8 !important;
  border-color: rgba(45, 217, 157, .18) !important;
  background: rgba(19, 42, 34, .54) !important;
}

body.fx-forumx .fx-home-member-badge.is-guest,
body.fx-unified-v31 .fx-home-member-badge.is-guest {
  color: #9bc7ff !important;
  border-color: rgba(88, 151, 255, .18) !important;
  background: rgba(20, 35, 52, .6) !important;
}

body.fx-forumx .fx-home-guest-row,
body.fx-unified-v31 .fx-home-guest-row {
  margin-top: 2px !important;
}

body.fx-forumx .fx-home-guest-icon,
body.fx-unified-v31 .fx-home-guest-icon {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(45, 66, 92, .52), rgba(26, 40, 58, .62)) !important;
  color: #9ec0e5 !important;
}

body.fx-forumx .fx-home-guest-icon .forumx-icon,
body.fx-unified-v31 .fx-home-guest-icon .forumx-icon {
  width: 18px !important;
  height: 18px !important;
}

body.fx-forumx .fx-home-side-link,
body.fx-unified-v31 .fx-home-side-link {
  margin-top: 10px !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(95, 126, 160, .16) !important;
  background: rgba(16, 24, 35, .9) !important;
  color: #d7e6fa !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  text-decoration: none !important;
}

body.fx-forumx .fx-home-side-link:hover,
body.fx-unified-v31 .fx-home-side-link:hover {
  background: rgba(22, 32, 46, .98) !important;
  border-color: rgba(107, 141, 179, .24) !important;
}

body.fx-forumx .fx-home-side-link .forumx-icon,
body.fx-unified-v31 .fx-home-side-link .forumx-icon {
  width: 15px !important;
  height: 15px !important;
}

body.fx-forumx .fx-home-side-empty,
body.fx-unified-v31 .fx-home-side-empty {
  padding: 12px !important;
  border-radius: 14px !important;
  border: 1px dashed rgba(90, 120, 154, .18) !important;
  color: #91a1b5 !important;
  font-size: 12px !important;
}

@media (max-width: 980px) {
  body.fx-forumx .fx-home-side-column,
  body.fx-unified-v31 .fx-home-side-column {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 12px !important;
    align-items: start !important;
  }
}

@media (max-width: 640px) {
  body.fx-forumx .fx-home-side-column,
  body.fx-unified-v31 .fx-home-side-column {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.fx-forumx .fx-home-presence-head,
  body.fx-unified-v31 .fx-home-presence-head {
    padding: 10px 12px !important;
    min-height: 0 !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  body.fx-forumx .fx-home-presence-head,
  body.fx-unified-v31 .fx-home-presence-head,
  body.fx-forumx .fx-home-presence-head > div,
  body.fx-unified-v31 .fx-home-presence-head > div {
    display: flex !important;
  }

  body.fx-forumx .fx-home-presence-head,
  body.fx-unified-v31 .fx-home-presence-head {
    justify-content: space-between !important;
  }

  body.fx-forumx .fx-home-presence-content,
  body.fx-unified-v31 .fx-home-presence-content {
    padding: 12px !important;
  }

  body.fx-forumx .fx-home-presence-hero,
  body.fx-unified-v31 .fx-home-presence-hero {
    padding: 12px !important;
    align-items: center !important;
  }

  body.fx-forumx .fx-home-presence-pillbar,
  body.fx-unified-v31 .fx-home-presence-pillbar {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.fx-forumx .fx-home-presence-members .fx-home-member-row,
  body.fx-unified-v31 .fx-home-presence-members .fx-home-member-row,
  body.fx-forumx .fx-home-guest-row,
  body.fx-unified-v31 .fx-home-guest-row {
    min-height: 62px !important;
    padding: 10px !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }

  body.fx-forumx .fx-home-presence-members .fx-home-member-avatar,
  body.fx-unified-v31 .fx-home-presence-members .fx-home-member-avatar,
  body.fx-forumx .fx-home-guest-icon,
  body.fx-unified-v31 .fx-home-guest-icon {
    width: 40px !important;
    height: 40px !important;
  }

  body.fx-forumx .fx-home-presence-members .fx-home-member-avatar .avatar,
  body.fx-unified-v31 .fx-home-presence-members .fx-home-member-avatar .avatar {
    width: 40px !important;
    height: 40px !important;
  }

  body.fx-forumx .fx-home-member-badge,
  body.fx-unified-v31 .fx-home-member-badge {
    min-height: 26px !important;
    padding: 0 8px !important;
    font-size: 10px !important;
  }
}