/* =========================================================
   GPTV - Ultimate Member Profile Customization
   Cleaned and unified CSS
   ========================================================= */

body.ast-plain-container.ast-no-sidebar #primary,
body.ast-plain-container.ast-no-sidebar .site-content #primary,
body .ast-plain-container.ast-no-sidebar #primary {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* =========================================================
   Astra / page layout reset
   ========================================================= */

body .site-content .ast-container,
body .ast-container {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body .content-area.primary,
body #primary {
  width: 100% !important;
  max-width: none !important;
}

body .entry-content {
  margin: 0 !important;
}

body .entry-header .entry-title {
  display: none !important;
}

/* =========================================================
   Main Ultimate Member container
   ========================================================= */

body .um.um-profile {
  max-width: 1120px !important;
  margin: 24px auto 80px !important;
  padding: 0 24px !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

body .um.um-profile *,
body .um.um-profile *::before,
body .um.um-profile *::after {
  box-sizing: border-box;
}

body .um.um-profile .um-form {
  position: relative !important;
  background: transparent !important;
}

/* =========================================================
   Cover
   ========================================================= */

body .um.um-profile .um-cover {
  position: relative !important;
  height: 320px !important;
  min-height: 320px !important;
  border-radius: 30px 30px 0 0 !important;
  overflow: hidden !important;
  background: radial-gradient(circle at 18% 20%, rgba(94, 86, 255, 0.25), transparent 32%),
    linear-gradient(135deg, #151c28 0%, #080b0e 100%) !important;
}

body .um.um-profile .um-cover-e {
  height: 320px !important;
  min-height: 320px !important;
  border-radius: 30px 30px 0 0 !important;
  overflow: hidden !important;
}

body .um.um-profile .um-cover-e img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0.58 !important;
  filter: saturate(0.9) contrast(1.05) !important;
}

/* =========================================================
   Header card
   ========================================================= */

body .um.um-profile .um-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(8, 11, 14, 0.05) 0%, rgba(8, 11, 14, 0.98) 100%),
    radial-gradient(circle at 85% 12%, rgba(94, 86, 255, 0.18), transparent 28%);
  pointer-events: none;
}

/* =========================================================
   Profile photo
   ========================================================= */

body .um.um-profile .um-header {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 180px minmax(0, 1fr) auto !important;
  gap: 26px !important;
  align-items: center !important;
  margin-top: -92px !important;
  margin-left: 28px !important;
  margin-right: 28px !important;
  padding: 30px 32px !important;
  min-height: 170px !important;
  background: rgba(15, 21, 31, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 28px !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.38) !important;
  backdrop-filter: blur(18px) !important;
  z-index: 5 !important;
}

body .um.um-profile .um-profile-photo {
  position: relative !important;
  float: none !important;
  width: 180px !important;
  height: 180px !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  z-index: 10 !important;
}

body .um.um-profile .um-profile-photo a.um-profile-photo-img {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: block !important;
  width: 180px !important;
  height: 180px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: #151c28 !important;
  border: 5px solid #0a0e11 !important;
  box-shadow: 0 0 0 2px rgba(94, 86, 255, 0.95),
    0 20px 60px rgba(0, 0, 0, 0.48) !important;
}

body .um.um-profile .um-profile-photo img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* =========================================================
   Profile meta
   ========================================================= */

body .um.um-profile .um-profile-photo-overlay {
  background: rgba(10, 14, 17, 0.62) !important;
  border-radius: 50% !important;
}

body .um.um-profile .um-profile-photo-overlay ins {
  color: #ffffff !important;
}

body .um.um-profile .um-profile-meta {
  grid-column: 2 !important;
  grid-row: 1 !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
}

body .um.um-profile .um-main-meta {
  margin: 0 !important;
}

body .um.um-profile .um-name {
  margin: 0 0 8px !important;
}

/* =========================================================
   Settings button / dropdown
   ========================================================= */

body .um.um-profile .um-name a {
  color: #ffffff !important;
  font-size: 34px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: -0.05em !important;
  text-decoration: none !important;
  text-shadow: 0 8px 30px rgba(0, 0, 0, 0.45) !important;
}

body .um.um-profile .um-meta-text {
  color: rgba(255, 255, 255, 0.74) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  margin-bottom: 0 !important;
}

body .um.um-profile .um-profile-status {
  display: none !important;
}

body .um.um-profile .um-verified-info {
  margin-top: 8px !important;
  color: rgba(255, 255, 255, 0.48) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body .um.um-profile .um-verified-info a {
  color: #8b85ff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body .um.um-profile .um-verified-info a:hover {
  color: #ffffff !important;
}

body .um.um-profile .um-profile-edit {
  grid-column: 3 !important;
  grid-row: 1 !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  float: none !important;
  align-self: start !important;
  z-index: 20 !important;
}

body .um.um-profile .um-profile-edit-a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transition: all 0.18s ease !important;
}

/* =========================================================
   Followers, following and public actions
   ========================================================= */

body .um.um-profile .um-profile-edit-a:hover {
  background: rgba(94, 86, 255, 0.95) !important;
  border-color: rgba(94, 86, 255, 1) !important;
  transform: translateY(-1px);
}

body .um.um-profile .um-profile-edit-a i {
  color: #ffffff !important;
  font-size: 20px !important;
}

body .um.um-profile .um-dropdown {
  background: #111722 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.45) !important;
}

body .um.um-profile .um-dropdown-b {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .um.um-profile .um-dropdown ul,
body .um.um-profile .um-dropdown li {
  background: transparent !important;
}

body .um.um-profile .um-dropdown li a {
  color: rgba(255, 255, 255, 0.78) !important;
  background: transparent !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

body .um.um-profile .um-dropdown li a:hover {
  color: #ffffff !important;
  background: rgba(94, 86, 255, 0.16) !important;
}

body .um.um-profile .um-profile-navbar {
  margin: 22px 28px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  min-height: auto !important;
}

body .um.um-profile .um-followers-links {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
}

body .um.um-profile .um-followers-rc {
  float: none !important;
  display: block !important;
  order: 1 !important;
  margin: 0 !important;
  min-width: 118px !important;
}

/* =========================================================
   Profile navigation tabs
   ========================================================= */

body .um.um-profile .um-followers-rc a {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  padding: 10px 18px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.58) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  transition: all 0.18s ease !important;
}

body .um.um-profile .um-followers-rc a:hover {
  background: rgba(94, 86, 255, 0.12) !important;
  border-color: rgba(94, 86, 255, 0.38) !important;
  color: #ffffff !important;
}

body .um.um-profile .um-followers-rc span {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body .um.um-profile .um-followers-btn {
  float: none !important;
  display: block !important;
  order: 3 !important;
  margin: 0 !important;
}

body .um.um-profile .um-followers-btn a,
body .um.um-profile .um-login-to-follow-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 0 24px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #5e56ff 0%, #8b5cf6 100%) !important;
  border: 1px solid rgba(94, 86, 255, 1) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 32px rgba(94, 86, 255, 0.28) !important;
  transition: all 0.18s ease !important;
}

body .um.um-profile .um-followers-btn a:hover,
body .um.um-profile .um-login-to-follow-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(94, 86, 255, 0.36) !important;
}

body .um.um-profile .um-messaging-btn {
  float: none !important;
  display: inline-flex !important;
  width: auto !important;
  order: 4 !important;
  margin: 0 !important;
}

body .um.um-profile .gptv-profile-suggested-accounts {
  order: 5 !important;
}

body .um.um-profile .um-members-messaging-btn,
body .um.um-profile .um-members-list-footer-button-wrapper {
  margin: 0 !important;
}

body .um.um-profile .um-message-btn,
body .um.um-profile .um-login-to-msg-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: fit-content !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body .um.um-profile .um-message-btn:hover,
body .um.um-profile .um-login-to-msg-btn:hover {
  background: rgba(94, 86, 255, 0.18) !important;
  border-color: rgba(94, 86, 255, 0.45) !important;
}

body .um.um-profile .um-profile-nav {
  display: none !important;
}

/* =========================================================
   Profile body and empty states
   ========================================================= */

body .um.um-profile .um-profile-body {
  color: #ffffff !important;
}

body .um.um-profile .um-profile-body.main,
body .um.um-profile .um-profile-body.main-default,
body .um.um-profile .um-profile-body.photos,
body .um.um-profile .um-profile-body.videos,
body .um.um-profile .um-profile-body.messages {
  max-width: none !important;
}

body .um.um-profile .um-profile-body p {
  color: rgba(255, 255, 255, 0.68) !important;
}

body .um.um-profile .um-profile-note {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 220px !important;
  margin: 0 !important;
  padding: 34px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 28px !important;
  color: rgba(255, 255, 255, 0.62) !important;
  text-align: center !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

body .um.um-profile .um-profile-note i {
  color: rgba(255, 255, 255, 0.28) !important;
  font-size: 54px !important;
  line-height: 1 !important;
}

body .um.um-profile .um-profile-note a {
  color: #9d98ff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body .um.um-profile .um-profile-note a:hover {
  color: #ffffff !important;
}

body .um.um-profile .um-field {
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  padding: 18px !important;
  margin-bottom: 14px !important;
}

body .um.um-profile .um-field-label {
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 8px !important;
}

/* =========================================================
   UM fields / edit mode
   ========================================================= */

body .um.um-profile .um-field-area,
body .um.um-profile .um-field-value {
  color: rgba(255, 255, 255, 0.86) !important;
}

body .um.um-profile input,
body .um.um-profile textarea,
body .um.um-profile select {
  background: #111722 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 16px !important;
}

body .um.um-profile input:focus,
body .um.um-profile textarea:focus,
body .um.um-profile select:focus {
  border-color: rgba(94, 86, 255, 0.9) !important;
  box-shadow: 0 0 0 4px rgba(94, 86, 255, 0.16) !important;
  outline: none !important;
}

body .um.um-profile .gptv-profile-content-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  padding: 0 !important;
}

body .um.um-profile .gptv-profile-content-item {
  position: relative !important;
  min-height: 310px !important;
  aspect-ratio: 9 / 13 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background: radial-gradient(circle at top left, rgba(94, 86, 255, 0.18), transparent 45%),
    #151c28 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.28) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

body .um.um-profile .gptv-profile-content-item:hover {
  transform: translateY(-4px);
  border-color: rgba(94, 86, 255, 0.45) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42) !important;
}

/* =========================================================
   GPTV profile content grid
   ========================================================= */

body .um.um-profile .gptv-profile-content-item img,
body .um.um-profile .gptv-profile-content-item video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

body .um.um-profile .gptv-profile-content-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.45) 100%);
  opacity: 0;
  transition: opacity 0.22s ease;
  pointer-events: none;
}

body .um.um-profile .gptv-profile-content-item:hover::after {
  opacity: 1;
}

body .um.um-profile .gptv-premium-badge {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 2 !important;
  background: linear-gradient(135deg, #5e56ff 0%, #8b5cf6 100%) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 26px rgba(94, 86, 255, 0.38) !important;
}

body .um.um-profile .um-item {
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 22px !important;
  padding: 18px !important;
  margin-bottom: 16px !important;
}

body .um.um-profile .um-item-link,
body .um.um-profile .um-item-link a {
  color: #ffffff !important;
  font-weight: 800 !important;
}

body .um.um-profile .um-item-meta,
body .um.um-profile .um-item-meta a,
body .um.um-profile .um-item-content {
  color: rgba(255, 255, 255, 0.62) !important;
}

/* =========================================================
   Generic UM cards and buttons
   ========================================================= */

body .um.um-profile .um-button,
body .um.um-profile a.um-button,
body .um.um-profile input[type="submit"].um-button {
  border-radius: 999px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body .um.um-profile .um-button:not(.um-alt),
body .um.um-profile a.um-button:not(.um-alt),
body .um.um-profile input[type="submit"].um-button {
  background: linear-gradient(135deg, #5e56ff 0%, #8b5cf6 100%) !important;
  border: 1px solid rgba(94, 86, 255, 1) !important;
  color: #ffffff !important;
}

body .um.um-profile .um-button.um-alt,
body .um.um-profile a.um-button.um-alt {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

body .um.um-profile .um-clear {
  clear: both;
}

body .um.um-profile hr,
body .um.um-profile .um-profile-body hr {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body .um.um-profile a {
  color: inherit;
}

body .um.um-profile a:hover {
  color: #9d98ff !important;
}

@media (max-width: 800px) {
  body .um.um-profile {
    margin: 16px auto 60px !important;
    padding: 0 14px !important;
  }

  body .um.um-profile .um-cover,
  body .um.um-profile .um-cover-e {
    height: 230px !important;
    min-height: 230px !important;
    border-radius: 24px 24px 0 0 !important;
  }

  body .um.um-profile .um-header {
    display: block !important;
    margin: -70px 14px 0 !important;
    padding: 24px !important;
    min-height: auto !important;
    border-radius: 24px !important;
    text-align: left !important;
  }

  body .um.um-profile .um-profile-photo {
    width: 116px !important;
    height: 116px !important;
    margin-bottom: 18px !important;
  }

  body .um.um-profile .um-profile-photo a.um-profile-photo-img {
    width: 116px !important;
    height: 116px !important;
    border-width: 4px !important;
  }

  body .um.um-profile .um-name a {
    font-size: 26px !important;
  }

  body .um.um-profile .um-profile-edit {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
  }

  body .um.um-profile .um-profile-navbar,
  body .um.um-profile .um-profile-body {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }

  body .um.um-profile .um-followers-links {
    width: 100% !important;
  }

  body .um.um-profile .um-followers-rc {
    flex: 1 1 calc(50% - 6px) !important;
    min-width: 0 !important;
  }

  body .um.um-profile .um-followers-btn {
    flex: 1 1 100% !important;
    width: 100% !important;
  }

  body .um.um-profile .um-followers-btn a,
  body .um.um-profile .um-login-to-follow-btn {
    width: 100% !important;
  }

  body .um.um-profile .um-messaging-btn {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  body .um.um-profile .um-message-btn,
  body .um.um-profile .um-login-to-msg-btn {
    width: auto !important;
  }

  body .um.um-profile .gptv-profile-content-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body .um.um-profile .gptv-profile-content-item {
    min-height: 210px !important;
    border-radius: 18px !important;
  }

}

@media (max-width: 480px) {
  body .um.um-profile .um-cover,
  body .um.um-profile .um-cover-e {
    height: 190px !important;
    min-height: 190px !important;
  }

  body .um.um-profile .um-header {
    margin-top: -54px !important;
    padding: 20px !important;
  }

  body .um.um-profile .um-profile-photo,
  body .um.um-profile .um-profile-photo a.um-profile-photo-img {
    width: 94px !important;
    height: 94px !important;
  }

  body .um.um-profile .um-name a {
    font-size: 24px !important;
  }

  body .um.um-profile .um-profile-note {
    padding: 24px !important;
    border-radius: 22px !important;
  }

  body .um.um-profile .um-profile-body.followers,
  body .um.um-profile .um-profile-body.followers-default,
  body .um.um-profile .um-profile-body.following,
  body .um.um-profile .um-profile-body.following-default {
    margin-left: 14px !important;
    margin-right: 14px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body .um.um-profile .um-profile-body .um-followers-user {
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    column-gap: 10px !important;
    padding: 9px !important;
  }

  body .um.um-profile .um-profile-body .um-followers-user-photo,
  body .um.um-profile .um-profile-body .um-followers-user-photo a,
  body .um.um-profile .um-profile-body .um-followers-user-photo img {
    width: 44px !important;
    height: 44px !important;
  }

  body .um.um-profile .um-profile-body .um-followers-user-btn a,
  body .um.um-profile .um-profile-body .um-followers-user-btn .um-button,
  body .um.um-profile .um-profile-body .um-followers-user-btn input[type="button"] {
    min-height: 32px !important;
    padding: 0 12px !important;
  }

}

/* =========================================================
   Base mobile layout
   ========================================================= */

/* =========================================================
   Photos tab
   ========================================================= */

body .um.um-profile .um-profile-body,
body .um.um-profile .um-profile-body.photos,
body .um.um-profile .um-profile-body.photos-default,
body .um.um-profile .um-profile-body.messages,
body .um.um-profile .um-profile-body.messages-default {
  max-width: none !important;
  width: auto !important;
  margin: 28px 28px 0 !important;
  padding: 0 !important;
}

body .um.um-profile .um-profile-body.followers,
body .um.um-profile .um-profile-body.followers-default,
body .um.um-profile .um-profile-body.following,
body .um.um-profile .um-profile-body.following-default {
  display: grid !important;
  gap: 10px !important;
  max-width: none !important;
  width: auto !important;
  margin: 28px 28px 0 !important;
  padding: 18px !important;
  background: rgba(15, 21, 31, 0.86) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 22px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28) !important;
  color: #ffffff !important;
  backdrop-filter: blur(16px) !important;
}

body .um.um-profile .um-profile-body .um-followers-user {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 12px !important;
  row-gap: 3px !important;
  min-width: 0 !important;
  min-height: 70px !important;
  margin: 0 !important;
  padding: 10px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

body .um.um-profile .um-profile-body .um-followers-user-photo {
  position: static !important;
  top: auto !important;
  left: auto !important;
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
}

body .um.um-profile .um-profile-body .um-followers-user-photo a,
body .um.um-profile .um-profile-body .um-followers-user-photo img {
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 999px !important;
}

body .um.um-profile .um-profile-body .um-followers-user-photo img {
  object-fit: cover !important;
  background: #151c28 !important;
}

body .um.um-profile .um-profile-body .um-followers-user-name,
body .um.um-profile .um-profile-body .um-followers-user-bio {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .um.um-profile .um-profile-body .um-followers-user-name {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

body .um.um-profile .um-profile-body .um-followers-user-name a {
  color: #ffffff !important;
  text-decoration: none !important;
}

body .um.um-profile .um-profile-body .um-followers-user-name a:hover {
  color: #9891F0 !important;
}

body .um.um-profile .um-profile-body .um-followers-user-bio {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.58) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
}

body .um.um-profile .um-profile-body .um-followers-user-btn {
  position: static !important;
  top: auto !important;
  right: auto !important;
  grid-column: 3 !important;
  grid-row: 1 / 3 !important;
  margin-left: auto !important;
}

body .um.um-profile .um-profile-body .um-followers-user-btn a,
body .um.um-profile .um-profile-body .um-followers-user-btn .um-button,
body .um.um-profile .um-profile-body .um-followers-user-btn input[type="button"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #5E56FF !important;
  border: 1px solid rgba(94, 86, 255, 1) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 28px rgba(94, 86, 255, 0.28) !important;
  transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
}

body .um.um-profile .um-profile-body .um-followers-user-btn a:hover,
body .um.um-profile .um-profile-body .um-followers-user-btn .um-button:hover,
body .um.um-profile .um-profile-body .um-followers-user-btn input[type="button"]:hover {
  transform: translateY(-1px);
  background: #716BFF !important;
  color: #ffffff !important;
  box-shadow: 0 14px 34px rgba(94, 86, 255, 0.36) !important;
}

body .um.um-profile .um-profile-subnav {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 18px 28px 0 !important;
  padding: 8px !important;
  width: fit-content !important;
  max-width: calc(100% - 56px) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 999px !important;
}

body .um.um-profile .um-profile-subnav a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.64) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: all 0.18s ease !important;
}

body .um.um-profile .um-profile-subnav a:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

body .um.um-profile .um-profile-subnav a.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, #5e56ff 0%, #8b5cf6 100%) !important;
  box-shadow: 0 12px 28px rgba(94, 86, 255, 0.28) !important;
}

body .um.um-profile .um-profile-body.photos,
body .um.um-profile .um-profile-body.photos-default {
  min-height: 260px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 28px !important;
  padding: 24px !important;
  color: #ffffff !important;
}

body .um.um-profile .um-user-photos-add {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  text-align: right !important;
}

body .um.um-profile .um-user-photos-add a,
body .um.um-profile .um-user-photos-new-album {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #5e56ff 0%, #8b5cf6 100%) !important;
  border: 1px solid rgba(94, 86, 255, 1) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 32px rgba(94, 86, 255, 0.28) !important;
  transition: all 0.18s ease !important;
}

body .um.um-profile .um-user-photos-add a:hover,
body .um.um-profile .um-user-photos-new-album:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(94, 86, 255, 0.36) !important;
  color: #ffffff !important;
}

body .um.um-profile .um-user-photos-add i,
body .um.um-profile .um-user-photos-new-album i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  margin: 0 !important;
  color: inherit !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

body .um.um-profile .um-user-photos-albums {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .um.um-profile .um-user-photos-albums-wrap {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 !important;
}

body .um.um-profile .um-user-photos-col-3 {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 18px !important;
}

body .um.um-profile .um-user-photos-album {
  position: relative !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.26) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

body .um.um-profile .um-user-photos-album:hover {
  transform: translateY(-4px);
  border-color: rgba(94, 86, 255, 0.45) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38) !important;
}

body .um.um-profile .um-user-photos-album-block {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  border-radius: 24px 24px 0 0 !important;
  background: #151c28 !important;
}

body .um.um-profile .um-user-photos-album-block img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.25s ease, opacity 0.25s ease !important;
}

body .um.um-profile .um-user-photos-album:hover .um-user-photos-album-block img {
  transform: scale(1.04);
  opacity: 0.88;
}

body .um.um-profile .um-user-photos-album .album-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.58) 100%),
    radial-gradient(circle at top right, rgba(94, 86, 255, 0.18), transparent 34%) !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

body .um.um-profile .um-user-photos-album .album-title {
  margin: 0 !important;
  padding: 16px 18px 18px !important;
  color: rgba(255, 255, 255, 0.58) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  text-align: left !important;
}

body .um.um-profile .um-user-photos-album .album-title strong {
  display: inline-block !important;
  margin-bottom: 4px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

body .um.um-profile .um-user-photos-photos,
body .um.um-profile .um-user-photos-photos-wrap,
body .um.um-profile .um-user-photos-list,
body .um.um-profile .um-user-photos-list-wrap {
  width: 100% !important;
}

body .um.um-profile .um-user-photos-photos-wrap,
body .um.um-profile .um-user-photos-list-wrap {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
  gap: 14px !important;
}

body .um.um-profile .um-user-photos-photo,
body .um.um-profile .um-user-photos-list .um-user-photos-photo {
  position: relative !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: #151c28 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body .um.um-profile .um-user-photos-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

body .um.um-profile .um-profile-body.messages,
body .um.um-profile .um-profile-body.messages-default {
  min-height: 260px !important;
  color: #ffffff !important;
}

body .um.um-profile .um-message,
body .um.um-profile .um-message-conv,
body .um.um-profile .um-message-conv-view,
body .um.um-profile .um-message-conv-item,
body .um.um-profile .um-message-list,
body .um.um-profile .um-message-list-item,
body .um.um-profile .um-message-body,
body .um.um-profile .um-message-footer,
body .um.um-profile .um-message-header {
  color: #ffffff !important;
}

body .um.um-profile .um-message-conv-item,
body .um.um-profile .um-message-list-item,
body .um.um-profile .um-message-conv {
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
}

body .um.um-profile .um-message p,
body .um.um-profile .um-message span,
body .um.um-profile .um-message div,
body .um.um-profile .um-message-conv p,
body .um.um-profile .um-message-conv span,
body .um.um-profile .um-message-conv div {
  color: rgba(255, 255, 255, 0.72) !important;
}

body .um.um-profile .um-message a,
body .um.um-profile .um-message-conv a {
  color: #ffffff !important;
  text-decoration: none !important;
}

body .um.um-profile .um-message a:hover,
body .um.um-profile .um-message-conv a:hover {
  color: #9d98ff !important;
}

body .um.um-profile .um-message textarea,
body .um.um-profile .um-message input,
body .um.um-profile .um-message-conv textarea,
body .um.um-profile .um-message-conv input {
  background: #111722 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

body .um.um-profile .um-message textarea:focus,
body .um.um-profile .um-message input:focus,
body .um.um-profile .um-message-conv textarea:focus,
body .um.um-profile .um-message-conv input:focus {
  border-color: rgba(94, 86, 255, 0.9) !important;
  box-shadow: 0 0 0 4px rgba(94, 86, 255, 0.16) !important;
  outline: none !important;
}

body .um.um-profile .um-message .um-button,
body .um.um-profile .um-message a.um-button,
body .um.um-profile .um-message input[type="submit"],
body .um.um-profile .um-message-conv .um-button,
body .um.um-profile .um-message-conv a.um-button,
body .um.um-profile .um-message-conv input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #5e56ff 0%, #8b5cf6 100%) !important;
  border: 1px solid rgba(94, 86, 255, 1) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(94, 86, 255, 0.24) !important;
}

body .um.um-profile .um-message-empty,
body .um.um-profile .um-message-notice,
body .um.um-profile .um-profile-body.messages .um-profile-note {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 220px !important;
  padding: 34px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px dashed rgba(255, 255, 255, 0.12) !important;
  border-radius: 24px !important;
  color: rgba(255, 255, 255, 0.62) !important;
  text-align: center !important;
}

@media (max-width: 800px) {
  body .um.um-profile .um-profile-subnav {
    margin-left: 14px !important;
    margin-right: 14px !important;
    max-width: calc(100% - 28px) !important;
    width: auto !important;
    overflow-x: auto !important;
    border-radius: 20px !important;
  }

  body .um.um-profile .um-profile-subnav a {
    white-space: nowrap !important;
  }

  body .um.um-profile .um-profile-body.photos,
  body .um.um-profile .um-profile-body.photos-default,
  body .um.um-profile .um-profile-body.messages,
  body .um.um-profile .um-profile-body.messages-default {
    margin-left: 14px !important;
    margin-right: 14px !important;
    padding: 16px !important;
    border-radius: 22px !important;
  }

  body .um.um-profile .um-user-photos-add {
    justify-content: stretch !important;
  }

  body .um.um-profile .um-user-photos-add a,
  body .um.um-profile .um-user-photos-new-album {
    width: 100% !important;
  }

  body .um.um-profile .um-user-photos-albums-wrap,
  body .um.um-profile .um-user-photos-col-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body .um.um-profile .um-user-photos-photos-wrap,
  body .um.um-profile .um-user-photos-list-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body .um.um-profile .um-user-photos-album {
    border-radius: 18px !important;
  }

  body .um.um-profile .um-user-photos-album-block {
    border-radius: 18px 18px 0 0 !important;
  }

  body .um.um-profile .um-user-photos-album .album-title {
    padding: 12px 14px 14px !important;
  }

  body .um.um-profile .um-user-photos-album .album-title strong {
    font-size: 14px !important;
  }

}

@media (max-width: 480px) {
  body .um.um-profile .um-user-photos-albums-wrap,
  body .um.um-profile .um-user-photos-col-3,
  body .um.um-profile .um-user-photos-photos-wrap,
  body .um.um-profile .um-user-photos-list-wrap {
    grid-template-columns: 1fr !important;
  }

}

/* =========================================================
   Messages tab inside profile
   ========================================================= */

body .um.um-profile .um-profile-body.messages,
body .um.um-profile .um-profile-body.messages-default {
  max-width: none !important;
  width: auto !important;
  margin: 28px 28px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

body .um.um-profile .um-profile-body.messages > .um.um-viewing {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body .um.um-profile .um-message-conv {
  width: 100% !important;
  max-height: 620px !important;
  min-height: 520px !important;
  margin: 0 !important;
  padding: 10px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.28) !important;
  overflow: hidden !important;
}

body .um.um-profile .um-message-conv .simplebar-content {
  padding: 0 !important;
}

body .um.um-profile .um-message-conv .simplebar-content-wrapper {
  overflow-x: hidden !important;
}

body .um.um-profile .um-message-conv-item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 64px !important;
  margin: 0 0 8px !important;
  padding: 10px 12px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: all 0.18s ease !important;
}

body .um.um-profile .um-message-conv-name {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body .um.um-profile .um-message-conv-pic {
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
}

body .um.um-profile .um-message-conv-pic img {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
  border: 2px solid rgba(255, 255, 255, 0.1) !important;
  background: #151c28 !important;
}

body .um.um-profile .um-message-conv-item:hover {
  background: rgba(255, 255, 255, 0.055) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body .um.um-profile .um-message-conv-item.active {
  background: rgba(94, 86, 255, 0.16) !important;
  border-color: rgba(94, 86, 255, 0.42) !important;
}

body .um.um-profile .um-message-conv-item.active .um-message-conv-name {
  color: #ffffff !important;
}

body .um.um-profile .um-message-conv-new {
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 10px !important;
  height: 10px !important;
  margin: 0 !important;
}

body .um.um-profile .um-message-conv-new i {
  color: #5e56ff !important;
  font-size: 10px !important;
}

body .um.um-profile .um-message-conv-load-more {
  color: rgba(255, 255, 255, 0.55) !important;
}

body .um.um-profile .um-message-conv-view {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.28) !important;
  overflow: hidden !important;
}

body .um.um-profile .um-message-modal {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-height: 620px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body .um.um-profile .um-message-header,
body .um.um-profile .um-popup-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 76px !important;
  padding: 16px 18px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
  color: #ffffff !important;
}

body .um.um-profile .um-message-header-left {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

body .um.um-profile .um-message-header-left img {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid rgba(255, 255, 255, 0.1) !important;
  background: #151c28 !important;
}

body .um.um-profile .um-message-header-left a {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body .um.um-profile .um-message-header-left a:hover {
  color: #9d98ff !important;
}

body .um.um-profile .um-message-header-right {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

body .um.um-profile .um-message-header-right a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  color: rgba(255, 255, 255, 0.68) !important;
  text-decoration: none !important;
  transition: all 0.18s ease !important;
}

body .um.um-profile .um-message-header-right a:hover {
  background: rgba(94, 86, 255, 0.18) !important;
  border-color: rgba(94, 86, 255, 0.38) !important;
  color: #ffffff !important;
}

body .um.um-profile .um-message-header-right a i {
  color: inherit !important;
  font-size: 16px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

body .um.um-profile .um-message-header-right .um-gdpr-donwload-link[style*="display: none"] {
  display: none !important;
}

body .um.um-profile .um-message-body,
body .um.um-profile .um-popup-autogrow,
body .um.um-profile .um-message-autoheight {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-height: none !important;
  min-height: 380px !important;
  margin: 0 !important;
  padding: 18px !important;
  background: radial-gradient(circle at top left, rgba(94, 86, 255, 0.06), transparent 34%),
    rgba(10, 14, 17, 0.25) !important;
  color: #ffffff !important;
  overflow: hidden !important;
}

body .um.um-profile .um-message-body .simplebar-content {
  padding: 0 !important;
}

body .um.um-profile .um-message-ajax {
  display: flex !important;
  flex-direction: column !important;
  gap: 0px !important;
  min-height: 100% !important;
  color: #ffffff !important;
}

body .um.um-profile .um-message-item,
body .um.um-profile .um-message-single,
body .um.um-profile .um-message-msg,
body .um.um-profile .um-message-chat-item {
  max-width: 78% !important;
  padding: 10px 14px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body .um.um-profile .um-message-item.owner,
body .um.um-profile .um-message-item.mine,
body .um.um-profile .um-message-item.right,
body .um.um-profile .um-message-single.owner,
body .um.um-profile .um-message-single.mine,
body .um.um-profile .um-message-single.right {
  align-self: flex-end !important;
  background: linear-gradient(135deg, #5e56ff 0%, #8b5cf6 100%) !important;
  color: #ffffff !important;
}

body .um.um-profile .um-message-ajax:empty::before {
  content: "No hay mensajes en esta conversación todavía.";
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 300px !important;
  padding: 24px !important;
  color: rgba(255, 255, 255, 0.46) !important;
  font-size: 14px !important;
  text-align: center !important;
}

body .um.um-profile .um-message-footer,
body .um.um-profile .um-popup-footer {
  flex: 0 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: end !important;
  min-height: auto !important;
  padding: 16px 18px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
}

body .um.um-profile .um-message-textarea {
  width: 100% !important;
  margin: 0 !important;
}

body .um.um-profile textarea.um_message_text,
body .um.um-profile #um_message_text {
  width: 100% !important;
  min-height: 52px !important;
  max-height: 130px !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 15px 16px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  caret-color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  resize: none !important;
  box-shadow: none !important;
  outline: none !important;
}

body .um.um-profile textarea.um_message_text::placeholder,
body .um.um-profile #um_message_text::placeholder {
  color: rgba(255, 255, 255, 0.38) !important;
}

body .um.um-profile textarea.um_message_text:focus,
body .um.um-profile #um_message_text:focus {
  border-color: rgba(94, 86, 255, 0.72) !important;
  box-shadow: 0 0 0 4px rgba(94, 86, 255, 0.14) !important;
}

body .um.um-profile .um-message-buttons {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .um.um-profile .um-message-emoji {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body .um.um-profile .um-message-emo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  color: rgba(255, 255, 255, 0.72) !important;
  text-decoration: none !important;
  transition: all 0.18s ease !important;
}

body .um.um-profile .um-message-emo:hover {
  background: rgba(94, 86, 255, 0.16) !important;
  border-color: rgba(94, 86, 255, 0.36) !important;
  color: #ffffff !important;
}

body .um.um-profile .um-message-emo i {
  color: inherit !important;
  font-size: 18px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

body .um.um-profile .um-message-emolist {
  position: absolute !important;
  right: 0 !important;
  bottom: calc(100% + 10px) !important;
  z-index: 99 !important;
  display: none;
  grid-template-columns: repeat(8, 28px) !important;
  gap: 6px !important;
  width: auto !important;
  max-width: 280px !important;
  max-height: 220px !important;
  overflow: auto !important;
  padding: 12px !important;
  background: #111722 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.45) !important;
}

body .um.um-profile .um-message-emolist[style*="display: block"],
body .um.um-profile .um-message-emolist[style*="display:block"] {
  display: grid !important;
}

body .um.um-profile .um-message-insert-emo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
}

body .um.um-profile .um-message-insert-emo:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

body .um.um-profile .um-message-insert-emo img.emoji {
  width: 20px !important;
  height: 20px !important;
}

body .um.um-profile .um-message-limit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 44px !important;
  color: rgba(255, 255, 255, 0.42) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body .um.um-profile .um-message-send {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 150px !important;
  height: 44px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #5e56ff 0%, #8b5cf6 100%) !important;
  border: 1px solid rgba(94, 86, 255, 1) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(94, 86, 255, 0.24) !important;
  transition: all 0.18s ease !important;
}

body .um.um-profile .um-message-send:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 38px rgba(94, 86, 255, 0.34) !important;
  color: #ffffff !important;
}

body .um.um-profile .um-message-send.disabled {
  opacity: 0.48 !important;
  cursor: not-allowed !important;
  filter: grayscale(0.35) !important;
  transform: none !important;
  box-shadow: none !important;
}

body .um.um-profile .um-message-send i {
  color: inherit !important;
  font-size: 15px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

body .um.um-profile .um-profile-body.messages > .um-gdpr-donwload-link,
body .um.um-profile a.um-gdpr-donwload-link[original-title="Download History"] {
  display: none !important;
}

body .um.um-profile .simplebar-scrollbar::before {
  background: rgba(255, 255, 255, 0.22) !important;
  border-radius: 999px !important;
}

body .um.um-profile .simplebar-track.simplebar-vertical {
  width: 10px !important;
}

@media (max-width: 900px) {
  body .um.um-profile .um-profile-body.messages > .um.um-viewing {
    grid-template-columns: 1fr !important;
  }

  body .um.um-profile .um-message-conv {
    min-height: auto !important;
    max-height: 220px !important;
  }

  body .um.um-profile .um-message-modal {
    min-height: 560px !important;
  }

  body .um.um-profile .um-message-footer,
  body .um.um-profile .um-popup-footer {
    grid-template-columns: 1fr !important;
  }

  body .um.um-profile .um-message-buttons {
    justify-content: space-between !important;
    width: 100% !important;
  }

  body .um.um-profile .um-message-send {
    flex: 1 !important;
    min-width: 0 !important;
  }

}

@media (max-width: 520px) {
  body .um.um-profile .um-profile-body.messages,
  body .um.um-profile .um-profile-body.messages-default {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }

  body .um.um-profile .um-message-conv,
  body .um.um-profile .um-message-conv-view {
    border-radius: 22px !important;
  }

  body .um.um-profile .um-message-header,
  body .um.um-profile .um-popup-header {
    padding: 14px !important;
  }

  body .um.um-profile .um-message-header-right {
    gap: 6px !important;
  }

  body .um.um-profile .um-message-header-right a {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
  }

  body .um.um-profile .um-message-body,
  body .um.um-profile .um-popup-autogrow,
  body .um.um-profile .um-message-autoheight {
    padding: 14px !important;
  }

  body .um.um-profile .um-message-footer,
  body .um.um-profile .um-popup-footer {
    padding: 14px !important;
  }

  body .um.um-profile .um-message-limit {
    display: none !important;
  }

  body .um.um-profile .um-message-emolist {
    right: auto !important;
    left: 0 !important;
    grid-template-columns: repeat(6, 28px) !important;
    max-width: 230px !important;
  }

}

body .um-popup {
  background: rgba(10, 14, 17, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 26px !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.55) !important;
  color: #ffffff !important;
}

body .um-popup .um-message-modal {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-height: 520px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .um-popup .um-message-header,
body .um-popup .um-popup-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 72px !important;
  padding: 16px 18px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

body .um-popup .um-message-header-left {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

body .um-popup .um-message-header-left img {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid rgba(255, 255, 255, 0.12) !important;
  background: #151c28 !important;
}

body .um-popup .um-message-header-left a {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

body .um-popup .um-message-header-left a:hover {
  color: #9d98ff !important;
}

body .um-popup .um-message-header-right {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body .um-popup .um-message-header-right a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  color: rgba(255, 255, 255, 0.68) !important;
  text-decoration: none !important;
  transition: all 0.18s ease !important;
}

body .um-popup .um-message-header-right a:hover {
  background: rgba(94, 86, 255, 0.18) !important;
  border-color: rgba(94, 86, 255, 0.38) !important;
  color: #ffffff !important;
}

/* =========================================================
   Messages popup
   ========================================================= */

body .um-popup .um-message-header-right a i {
  color: inherit !important;
  font-size: 16px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

body .um-popup .um-message-header-right .um-gdpr-donwload-link {
  display: none !important;
}

body .um-popup .um-message-body,
body .um-popup .um-popup-autogrow,
body .um-popup .um-message-autoheight {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 350px !important;
  min-height: 350px !important;
  max-height: 350px !important;
  margin: 0 !important;
  padding: 18px !important;
  background: radial-gradient(circle at top left, rgba(94, 86, 255, 0.08), transparent 34%),
    rgba(10, 14, 17, 0.5) !important;
  color: #ffffff !important;
  overflow: hidden !important;
}

body .um-popup .um-message-body .simplebar-wrapper {
  margin: 0 !important;
}

body .um-popup .um-message-body .simplebar-content {
  padding: 0 !important;
}

body .um-popup .um-message-ajax {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-height: 100% !important;
}

body .um-popup .um-message-item-data {
  gap: 5px !important;
}

body .um-popup .um-message-item.right_m .um-message-item-content {
  box-shadow: 0 12px 28px rgba(94, 86, 255, 0.24) !important;
}

body .um-popup .um-message-item.left_m .um-message-item-content {
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  border-bottom-left-radius: 6px !important;
}

body .um-popup .um-message-item-metadata {
  display: flex !important;
  justify-content: flex-end !important;
}

body .um-popup .um-message-item.left_m .um-message-item-metadata {
  justify-content: flex-start !important;
}

body .um-popup .um-message-item-actions {
  display: flex !important;
  align-items: center !important;
  margin-left: 6px !important;
}

body .um-popup .um-message-item-remove {
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  opacity: 0 !important;
  transition: opacity 0.18s ease !important;
}

body .um-popup .um-message-item:hover .um-message-item-remove {
  opacity: 1 !important;
}

body .um-popup .um-message-footer,
body .um-popup .um-popup-footer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: end !important;
  padding: 16px 18px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body .um-popup .um-message-textarea {
  width: 100% !important;
  margin: 0 !important;
}

body .um-popup textarea.um_message_text,
body .um-popup #um_message_text {
  width: 100% !important;
  min-height: 52px !important;
  max-height: 120px !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 15px 16px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  caret-color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  resize: none !important;
  box-shadow: none !important;
  outline: none !important;
}

body .um-popup textarea.um_message_text::placeholder,
body .um-popup #um_message_text::placeholder {
  color: rgba(255, 255, 255, 0.38) !important;
}

body .um-popup textarea.um_message_text:focus,
body .um-popup #um_message_text:focus {
  border-color: rgba(94, 86, 255, 0.72) !important;
  box-shadow: 0 0 0 4px rgba(94, 86, 255, 0.14) !important;
}

body .um-popup .um-message-buttons {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .um-popup .um-message-emoji {
  position: relative !important;
  display: inline-flex !important;
}

body .um-popup .um-message-emo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  color: rgba(255, 255, 255, 0.72) !important;
  text-decoration: none !important;
}

body .um-popup .um-message-emo:hover {
  background: rgba(94, 86, 255, 0.16) !important;
  border-color: rgba(94, 86, 255, 0.36) !important;
  color: #ffffff !important;
}

body .um-popup .um-message-emo i {
  color: inherit !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

body .um-popup .um-message-emolist {
  position: absolute !important;
  display: none;
  overflow: auto !important;
}

body .um-popup .um-message-limit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 44px !important;
  color: rgba(255, 255, 255, 0.42) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body .um-popup .um-message-send {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 150px !important;
  height: 44px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #5e56ff 0%, #8b5cf6 100%) !important;
  border: 1px solid rgba(94, 86, 255, 1) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(94, 86, 255, 0.24) !important;
}

body .um-popup .um-message-send:hover {
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 16px 38px rgba(94, 86, 255, 0.34) !important;
}

body .um-popup .um-message-send.disabled {
  opacity: 0.48 !important;
  cursor: not-allowed !important;
  filter: grayscale(0.35) !important;
  transform: none !important;
  box-shadow: none !important;
}

body .um-popup .um-message-send i {
  color: inherit !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

body .um-popup .simplebar-scrollbar::before {
  background: rgba(255, 255, 255, 0.22) !important;
  border-radius: 999px !important;
}

@media (max-width: 620px) {
  body .um-popup {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    border-radius: 22px !important;
  }

  body .um-popup .um-message-modal {
    min-height: 560px !important;
  }

  body .um-popup .um-message-footer,
  body .um-popup .um-popup-footer {
    grid-template-columns: 1fr !important;
  }

  body .um-popup .um-message-buttons {
    width: 100% !important;
    justify-content: space-between !important;
  }

  body .um-popup .um-message-send {
    flex: 1 !important;
    min-width: 0 !important;
  }

  body .um-popup .um-message-limit {
    display: none !important;
  }

  body .um-popup .um-message-emolist {
    right: auto !important;
    left: 0 !important;
    grid-template-columns: repeat(6, 28px) !important;
    max-width: 230px !important;
  }

  body .um-popup .um-message-item-data {
    max-width: 86% !important;
  }

}

body .um-popup .um-message-item {
  display: flex !important;
  width: 100% !important;
  margin: 0 0 10px !important;
}

body .um-popup .um-message-item.right_m {
  justify-content: end !important;
}

body .um-popup .um-message-item.left_m {
  justify-content: flex-start !important;
}

body .um-popup .um-message-item-data {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: 76% !important;
}

body .um-popup .um-message-item.left_m .um-message-item-data {
  align-items: flex-start !important;
}

body .um-popup .um-message-item-content {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 10px 14px !important;
  border-radius: 18px !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body .um-popup .um-message-item.right_m .um-message-item-content {
  background: linear-gradient(135deg, #5e56ff 0%, #8b5cf6 100%) !important;
  color: #ffffff !important;
  border-bottom-right-radius: 6px !important;
}

body .um-popup .um-message-item-metadata {
  width: auto !important;
  max-width: 100% !important;
  padding: 4px 4px 0 !important;
}

body .um-popup .um-message-item-time {
  display: inline-block !important;
  color: rgba(255, 255, 255, 0.42) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

body .um-popup .um-message-emolist {
  right: 0 !important;
  bottom: calc(100% + 10px) !important;
  z-index: 99999 !important;
  grid-template-columns: repeat(8, 30px) !important;
  gap: 6px !important;
  max-width: 292px !important;
  max-height: 230px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 12px !important;
  background: #111722 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.55) !important;
}

body .um-popup .um-message-emolist[style*="display: block"],
body .um-popup .um-message-emolist[style*="display:block"] {
  display: grid !important;
}

body .um-popup .um-message-emoji:hover .um-message-emolist {
  display: inherit;
}

body .um-popup .um-message-insert-emo {
  position: relative !important;
  z-index: 100000 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 9px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transition: background 0.15s ease !important;
}

body .um-popup .um-message-insert-emo:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

body .um-popup .um-message-insert-emo img.emoji {
  width: 21px !important;
  height: 21px !important;
  pointer-events: none !important;
}

body .um-popup,
body .um-popup .um-message-modal,
body .um-popup .um-message-footer,
body .um-popup .um-popup-footer,
body .um-popup .um-message-buttons,
body .um-popup .um-message-emoji {
  overflow: visible !important;
}

/* =========================================================
   GPTV - Chat fixes: message bubbles + emoji selector
   ========================================================= */

/* -----------------------------
   Fix message bubble width
   ----------------------------- */

body .um.um-profile .um-message-item,
body .um-popup .um-message-item {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body .um.um-profile .um-message-item.right_m,
body .um-popup .um-message-item.right_m {
  justify-content: end !important;
}

body .um.um-profile .um-message-item.left_m,
body .um-popup .um-message-item.left_m {
  justify-content: flex-start !important;
}

body .um.um-profile .um-message-item-data,
body .um-popup .um-message-item-data {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: 76% !important;
}

body .um.um-profile .um-message-item.left_m .um-message-item-data,
body .um-popup .um-message-item.left_m .um-message-item-data {
  align-items: flex-start !important;
}

body .um.um-profile .um-message-item-content,
body .um-popup .um-message-item-content {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;

  padding: 10px 14px !important;
  border-radius: 18px !important;

  white-space: pre-wrap !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;

  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.9) !important;

  font-size: 14px !important;
  line-height: 1.45 !important;
}

body .um.um-profile .um-message-item.right_m .um-message-item-content,
body .um-popup .um-message-item.right_m .um-message-item-content {
  background: linear-gradient(135deg, #5e56ff 0%, #8b5cf6 100%) !important;
  color: #ffffff !important;
  border-bottom-right-radius: 6px !important;
  box-shadow: 0 12px 28px rgba(94, 86, 255, 0.24) !important;
}

body .um.um-profile .um-message-item.left_m .um-message-item-content,
body .um-popup .um-message-item.left_m .um-message-item-content {
  border-bottom-left-radius: 6px !important;
}

body .um.um-profile .um-message-item-metadata,
body .um-popup .um-message-item-metadata {
  width: auto !important;
  max-width: 100% !important;
  padding: 0px 4px 0 !important;
}

body .um.um-profile .um-message-item-time,
body .um-popup .um-message-item-time {
  display: inline-block !important;
  color: rgba(255, 255, 255, 0.42) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

/* -----------------------------
   Fix emoji picker
   ----------------------------- */

/* Very important: do not open emoji selector on hover */
body .um.um-profile .um-message-emoji:hover .um-message-emolist,
body .um-popup .um-message-emoji:hover .um-message-emolist {
  display: none !important;
}

/* Let Ultimate Member JS open it.
   When it opens with inline style display:block, we style it as grid. */
body .um.um-profile .um-message-emolist[style*="display: block"],
body .um.um-profile .um-message-emolist[style*="display:block"],
body .um-popup .um-message-emolist[style*="display: block"],
body .um-popup .um-message-emolist[style*="display:block"] {
  display: grid !important;
}

/* Emoji popup visual style */
body .um.um-profile .um-message-emolist,
body .um-popup .um-message-emolist {
  position: absolute !important;
  right: 0 !important;
  bottom: calc(100% + 12px) !important;
  z-index: 999999 !important;

  grid-template-columns: repeat(8, 30px) !important;
  gap: 6px !important;

  width: auto !important;
  max-width: 292px !important;
  max-height: 230px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;

  padding: 12px !important;

  background: #111722 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.55) !important;
}

/* Make emoji items clickable */
body .um.um-profile .um-message-insert-emo,
body .um-popup .um-message-insert-emo {
  position: relative !important;
  z-index: 1000000 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;

  border-radius: 9px !important;
  cursor: pointer !important;
  pointer-events: auto !important;

  transition: background 0.15s ease !important;
}

body .um.um-profile .um-message-insert-emo:hover,
body .um-popup .um-message-insert-emo:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

body .um.um-profile .um-message-insert-emo img.emoji,
body .um-popup .um-message-insert-emo img.emoji {
  width: 21px !important;
  height: 21px !important;
  pointer-events: none !important;
}

/* Prevent parent containers from clipping the emoji popup */
body .um.um-profile .um-message-modal,
body .um.um-profile .um-message-footer,
body .um.um-profile .um-popup-footer,
body .um.um-profile .um-message-buttons,
body .um.um-profile .um-message-emoji,
body .um-popup,
body .um-popup .um-message-modal,
body .um-popup .um-message-footer,
body .um-popup .um-popup-footer,
body .um-popup .um-message-buttons,
body .um-popup .um-message-emoji {
  overflow: visible !important;
}

/* Keep message body clipped, otherwise it can visually break the chat */
body .um.um-profile .um-message-body,
body .um-popup .um-message-body {
  overflow: hidden !important;
}

.gptv-profile-content-type-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 26px;
    padding: 0 7px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.58);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    pointer-events: none;
    backdrop-filter: blur(8px);
}

.gptv-profile-content-type-icon--video {
    font-size: 11px;
    padding-left: 8px;
}

.gptv-profile-content-type-icon--audio {
    font-size: 15px;
}

.gptv-profile-content-type-icon--document,
.gptv-profile-content-type-icon--pdf {
    font-size: 9px;
    letter-spacing: 0.02em;
}

/* =========================================================
   Suggested accounts beside UM follow stats
   ========================================================= */

body .um.um-profile .gptv-profile-suggested-accounts {
  flex: 1 1 420px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts--compact {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts--compact.is-collapsed {
  width: auto !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__header {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__heading {
  display: none !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  padding: 0 22px !important;
  border: 1px solid rgba(94, 86, 255, 1) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #5e56ff 0%, #8b5cf6 100%) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  box-shadow: 0 14px 32px rgba(94, 86, 255, 0.28) !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__toggle:hover,
body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__toggle:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(94, 86, 255, 0.36) !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__carousel {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__scroll {
  width: 34px !important;
  height: 34px !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__list {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 10px !important;
  padding: 0 44px 8px !important;
  overflow-x: auto !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-account-card {
  flex: 0 0 132px !important;
  min-height: 166px !important;
  padding: 12px 10px 10px !important;
  border-radius: 16px !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-account-card__avatar,
body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-account-card__avatar img,
body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-account-card__avatar .avatar,
body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-account-card__avatar-img {
  width: 54px !important;
  height: 54px !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-account-card__avatar {
  margin-bottom: 9px !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-account-card__follow,
body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-account-card .gptv-creator-btn-follow {
  min-height: 30px !important;
  margin-top: auto !important;
  font-size: 12px !important;
}

@media (max-width: 767px) {
  body .um.um-profile .gptv-profile-suggested-accounts {
    flex-basis: 100% !important;
  }

  body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts--compact {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__carousel,
  body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__list {
    width: 100% !important;
  }
}


/* compact carousel edge polish */
body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__carousel::before,
body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__carousel::after {
  bottom: 8px !important;
  width: 44px !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__scroll {
  width: 36px !important;
  height: 36px !important;
  font-size: 26px !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__scroll--prev {
  left: 6px !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__scroll--next {
  right: 6px !important;
}

body .um.um-profile .gptv-profile-subscription-panel,
.gptv-profile-subscription-panel {
  display: grid;
  gap: 16px;
  margin: 0 0 24px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
}

body .um.um-profile .gptv-profile-subscription-panel__header,
.gptv-profile-subscription-panel__header {
  display: grid;
  gap: 5px;
}

body .um.um-profile .gptv-profile-subscription-panel h2,
.gptv-profile-subscription-panel h2 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 850;
}

body .um.um-profile .gptv-profile-subscription-panel p,
.gptv-profile-subscription-panel p {
  margin: 0;
}

body .um.um-profile .gptv-profile-subscription-panel__header p,
.gptv-profile-subscription-panel__header p {
  color: rgba(255, 255, 255, 0.62);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 600;
}

.gptv-profile-content-link--locked {
  cursor: default;
}

.gptv-profile-content-placeholder--locked {
  background: linear-gradient(135deg, rgba(94, 86, 255, 0.2), rgba(236, 72, 153, 0.13)), #111827;
}

.gptv-profile-content-lock-badge,
.gptv-profile-content-locked-copy {
  position: absolute;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  pointer-events: none;
}

.gptv-profile-content-lock-badge {
  top: 38%;
  font-size: 24px;
}

.gptv-profile-content-locked-copy {
  top: calc(38% + 34px);
  width: calc(100% - 24px);
  font-size: 12px;
  font-weight: 850;
}

body .um.um-profile .gptv-profile-actions {
  align-items: center !important;
}

body .um.um-profile .gptv-profile-message-button {
  gap: 8px !important;
  min-height: 50px !important;
  padding: 0 20px !important;
  border-radius: 18px !important;
}

body .um.um-profile .gptv-profile-suggested-accounts,
body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts--compact {
  display: contents !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__header {
  order: 5 !important;
  flex: 0 0 auto !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__toggle {
  min-height: 50px !important;
  padding: 0 20px !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-profile-suggestions-row {
  order: 20 !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  margin-top: 10px !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts-panel.is-open {
  display: grid !important;
}

body .um.um-profile .gptv-profile-suggested-accounts .gptv-suggested-accounts__scroll .gptv-icon {
  font-size: 20px !important;
}

.gptv-profile-content-type-icon .gptv-icon,
.gptv-profile-content-like-icon,
.gptv-profile-content-lock-badge .gptv-icon {
  font-size: inherit;
}

.gptv-profile-content-like-icon {
  width: 14px;
  height: 14px;
}