/* Monayaa unified visual system.
   Presentation-only layer loaded after legacy CSS for consistent pages. */
:root {
  --m-navy: var(--palette-ink,#342339);
  --m-indigo: var(--palette-deep,#49304f);
  --m-cream: var(--palette-light-accent,#f3e4dd);
  --m-gold: var(--palette-light-accent,#eed3c7);
  --m-teal: var(--palette-accent,#d9aaa5);
  --m-gray: var(--palette-line,#c4b6c7);
  --m-ink: var(--palette-ink,#342339);
  --m-muted: #726675;
  --m-line: rgba(52, 35, 57, .10);
  --m-card: rgba(255, 255, 255, .92);
  --m-radius: 8px;
  --m-shadow: 0 20px 50px rgba(52, 35, 57, .10);
  --m-shadow-soft: 0 12px 30px rgba(52, 35, 57, .07);
}

body:not(.admin-body) {
  background:
    radial-gradient(circle at 11% 10%, rgba(217, 170, 165, .11), transparent 28%),
    radial-gradient(circle at 90% 0%, rgba(238, 211, 199, .13), transparent 25%),
    linear-gradient(180deg, var(--palette-soft,#f5e9e3) 0%, #f5eff2 44%, #FFFFFF 100%) !important;
  color: var(--m-ink) !important;
  font-family: "Cairo", "Tajawal", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body:not(.admin-body) :where(h1, h2, h3, h4, h5, h6, p, a, button, input, select, textarea, label, small, strong, span) {
  letter-spacing: 0 !important;
}

body:not(.admin-body) .global-brand-ad-band,
body:not(.admin-body) .classic-logo-band.global-brand-ad-band,
body:not(.admin-body) .classic-logo-ad-space,
body:not(.admin-body) .profile-top-ad {
  display: none !important;
}

body:not(.admin-body) .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(217, 170, 165, .10), transparent 28%),
    linear-gradient(180deg, rgba(52, 35, 57, .98), rgba(52, 35, 57, .98)) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
  box-shadow: 0 16px 44px rgba(52, 35, 57, .20) !important;
  backdrop-filter: blur(18px) !important;
}

body:not(.admin-body) .site-header-inner {
  width: min(100% - 32px, 1240px) !important;
  min-height: 72px !important;
  margin-inline: auto !important;
  gap: 14px !important;
}

body:not(.admin-body) .brand {
  color: #FFFFFF !important;
  font-weight: 950 !important;
}

body:not(.admin-body) .brand span {
  color: #FFFFFF !important;
}

body:not(.admin-body) .brand img {
  filter: drop-shadow(0 8px 18px rgba(238, 211, 199, .18)) !important;
}

body:not(.admin-body) .main-nav {
  gap: 4px !important;
}

body:not(.admin-body) .main-nav a {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 9px 14px !important;
  border-radius: var(--m-radius) !important;
  color: rgba(255, 255, 255, .76) !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

body:not(.admin-body) .main-nav a:hover,
body:not(.admin-body) .main-nav a:focus {
  background: rgba(255, 255, 255, .08) !important;
  color: #FFFFFF !important;
}

body:not(.admin-body) .main-nav a[href*="register"] {
  border: 1px solid rgba(238, 211, 199, .38) !important;
  background: linear-gradient(180deg, var(--palette-soft,#f5e9e3), var(--m-gold)) !important;
  color: var(--palette-ink,#342339) !important;
  box-shadow: 0 12px 28px rgba(238, 211, 199, .18) !important;
}

body:not(.admin-body) .header-actions {
  gap: 8px !important;
}

body:not(.admin-body) .online-now-link,
body:not(.admin-body) .member-notify-chip,
body:not(.admin-body) .header-world-link,
body:not(.admin-body) .ghost-button.compact-auth,
body:not(.admin-body) .member-mini-card {
  min-height: 42px !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: var(--m-radius) !important;
  background: rgba(255, 255, 255, .06) !important;
  color: rgba(255, 255, 255, .88) !important;
  box-shadow: none !important;
}

body:not(.admin-body) .online-now-link span,
body:not(.admin-body) .member-notify-chip b {
  background: var(--m-teal) !important;
  color: var(--m-navy) !important;
}

body:not(.admin-body) .ghost-button.compact-auth:hover,
body:not(.admin-body) .online-now-link:hover,
body:not(.admin-body) .member-mini-card:hover {
  background: rgba(255, 255, 255, .11) !important;
  color: #FFFFFF !important;
}

body:not(.admin-body) .mobile-nav-toggle {
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: var(--m-radius) !important;
  background: rgba(255, 255, 255, .06) !important;
}

body:not(.admin-body) .mobile-nav-toggle span {
  background: #FFFFFF !important;
}

body:not(.admin-body) .page-shell,
body:not(.admin-body) .classic-container,
body:not(.admin-body) .profile-shell,
body:not(.admin-body) .search-shell,
body:not(.admin-body) .register-shell,
body:not(.admin-body) .blog-shell,
body:not(.admin-body) .support-shell,
body:not(.admin-body) .site-footer-inner {
  width: min(100% - 32px, 1240px) !important;
  margin-inline: auto !important;
}

body:not(.admin-body) :where(.section-head, .classic-section-head) :where(h1, h2),
body:not(.admin-body) :where(.form-panel, .register-panel, .profile-panel, .terms-panel) :where(h1, h2),
body:not(.admin-body) :where(.search-hero, .member-home-hero, .seo-hero-copy) h1 {
  color: var(--m-navy) !important;
  font-weight: 950 !important;
  line-height: 1.22 !important;
}

body:not(.admin-body) :where(.section-head, .classic-section-head, .form-panel, .register-panel, .profile-panel, .terms-panel) p,
body:not(.admin-body) :where(.muted-note, .step-copy, .field-feedback) {
  color: var(--m-muted) !important;
  line-height: 1.85 !important;
}

body:not(.admin-body) :where(.eyebrow, .page-kicker, .section-head .eyebrow) {
  color: var(--palette-accent-ink,#794d50) !important;
  font-weight: 900 !important;
}

body:not(.admin-body) :where(
  .form-panel,
  .terms-panel,
  .register-panel,
  .register-step-card,
  .register-aside-card,
  .register-progress-panel,
  .register-strength-preview,
  .membership-card,
  .profile-side-menu,
  .profile-panel,
  .profile-side-card,
  .profile-decision-panel,
  .profile-strength-card,
  .profile-trust-growth-card,
  .profile-checklist,
  .referral-panel,
  .relation-card,
  .notification-card,
  .request-section,
  .conversation-list-panel,
  .conversation-card,
  .message-compose,
  .chat-panel,
  .ticket-card,
  .search-filter-panel,
  .search-member-card,
  .classic-member-card,
  .classic-member-actions,
  .classic-profile-card,
  .classic-trust-panel,
  .photo-access-card,
  .home-member-card,
  .home-latest-blog-card,
  .blog-card,
  .blog-sidebar-card,
  .seo-section,
  .seo-content-section,
  .seo-hero-card
) {
  border: 1px solid var(--m-line) !important;
  border-radius: var(--m-radius) !important;
  background: var(--m-card) !important;
  box-shadow: var(--m-shadow-soft) !important;
}

body:not(.admin-body) :where(
  .form-panel,
  .terms-panel,
  .register-panel,
  .profile-panel,
  .search-filter-panel,
  .classic-profile-card,
  .classic-trust-panel
) {
  padding: clamp(18px, 3vw, 30px) !important;
}

body:not(.admin-body) .register-step-card,
body:not(.admin-body) .classic-profile-card,
body:not(.admin-body) .search-member-card,
body:not(.admin-body) .notification-card {
  position: relative !important;
  overflow: hidden !important;
}

body:not(.admin-body) .register-step-card::before,
body:not(.admin-body) .classic-profile-card::before,
body:not(.admin-body) .search-member-card::before,
body:not(.admin-body) .notification-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, var(--m-gold), var(--m-teal), var(--m-indigo));
}

body:not(.admin-body) :where(input, select, textarea) {
  min-height: 46px !important;
  border: 1px solid rgba(52, 35, 57, .13) !important;
  border-radius: var(--m-radius) !important;
  background: #FFFFFF !important;
  color: var(--m-ink) !important;
  box-shadow: inset 0 1px 0 rgba(52, 35, 57, .03) !important;
}

body:not(.admin-body) :where(input, select, textarea):focus {
  border-color: rgba(217, 170, 165, .70) !important;
  box-shadow: 0 0 0 4px rgba(217, 170, 165, .13) !important;
  outline: none !important;
}

body:not(.admin-body) :where(.primary-button, .submit-register, .footer-cta-button, .search-form button, .home-search-form button, .register-step-nav button.is-active),
body:not(.admin-body) :where(button[type="submit"]) {
  border: 1px solid rgba(238, 211, 199, .36) !important;
  border-radius: var(--m-radius) !important;
  background: linear-gradient(180deg, var(--palette-soft,#f5e9e3), var(--m-gold)) !important;
  color: var(--palette-ink,#342339) !important;
  font-weight: 900 !important;
  box-shadow: 0 16px 34px rgba(238, 211, 199, .18) !important;
}

body:not(.admin-body) :where(.ghost-button, .secondary-button, .register-step-nav button, .profile-tabs a, .profile-side-scroll a) {
  border: 1px solid rgba(52, 35, 57, .12) !important;
  border-radius: var(--m-radius) !important;
  background: rgba(255, 255, 255, .76) !important;
  color: var(--m-navy) !important;
  font-weight: 850 !important;
}

body:not(.admin-body) :where(.ghost-button, .secondary-button, .profile-tabs a, .profile-side-scroll a):hover {
  border-color: rgba(217, 170, 165, .35) !important;
  background: #FFFFFF !important;
  color: var(--m-indigo) !important;
}

body:not(.admin-body) .register-hero-card,
body:not(.admin-body) .register-privacy-note,
body:not(.admin-body) .search-hero,
body:not(.admin-body) .profile-side-menu,
body:not(.admin-body) .footer-start-cta {
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: var(--m-radius) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(217, 170, 165, .16), transparent 30%),
    radial-gradient(circle at 90% 0%, rgba(238, 211, 199, .12), transparent 30%),
    linear-gradient(135deg, var(--m-navy), var(--palette-ink,#342339)) !important;
  color: #FFFFFF !important;
  box-shadow: 0 22px 58px rgba(52, 35, 57, .18) !important;
}

body:not(.admin-body) .register-hero-card :where(h1, h2, h3, strong),
body:not(.admin-body) .register-privacy-note :where(h1, h2, h3, strong),
body:not(.admin-body) .search-hero :where(h1, h2, h3, strong),
body:not(.admin-body) .profile-side-menu :where(h1, h2, h3, strong),
body:not(.admin-body) .footer-start-cta :where(h1, h2, h3, strong) {
  color: #FFFFFF !important;
}

body:not(.admin-body) .register-hero-card :where(p, li, span, small),
body:not(.admin-body) .register-privacy-note :where(p, li, span, small),
body:not(.admin-body) .search-hero :where(p, li, span, small),
body:not(.admin-body) .profile-side-menu :where(p, li, span, small),
body:not(.admin-body) .footer-start-cta :where(p, li, span, small) {
  color: rgba(255, 255, 255, .78) !important;
}

body:not(.admin-body) .register-hero-card .eyebrow,
body:not(.admin-body) .register-privacy-note .eyebrow,
body:not(.admin-body) .search-hero .eyebrow {
  color: var(--m-gold) !important;
}

body:not(.admin-body) .register-step-nav button {
  justify-content: flex-start !important;
}

body:not(.admin-body) .register-step-nav button[aria-current="step"],
body:not(.admin-body) .register-step-nav button.is-active,
body:not(.admin-body) .profile-tabs a.is-active,
body:not(.admin-body) .profile-side-scroll a.is-active,
body:not(.admin-body) .conversation-card.is-active,
body:not(.admin-body) .membership-card[aria-pressed="true"] {
  border-color: rgba(238, 211, 199, .42) !important;
  background: linear-gradient(135deg, var(--m-navy), var(--m-indigo)) !important;
  color: #FFFFFF !important;
  box-shadow: 0 16px 36px rgba(52, 35, 57, .16) !important;
}

body:not(.admin-body) .membership-card[aria-pressed="true"] :where(strong, span, p, small) {
  color: #FFFFFF !important;
}

body:not(.admin-body) .search-result-grid {
  gap: 16px !important;
}

body:not(.admin-body) .search-member-photo,
body:not(.admin-body) .classic-member-photo {
  border-radius: var(--m-radius) !important;
  overflow: hidden !important;
}

body:not(.admin-body) .site-footer {
  background:
    radial-gradient(circle at 12% 0%, rgba(217, 170, 165, .12), transparent 28%),
    linear-gradient(180deg, var(--palette-ink,#342339), var(--palette-ink,#342339)) !important;
  color: rgba(255, 255, 255, .78) !important;
}

body:not(.admin-body) .site-footer :where(a, p, span, li) {
  color: rgba(255, 255, 255, .72) !important;
}

body:not(.admin-body) .site-footer :where(h2, h3, h4, strong) {
  color: #FFFFFF !important;
}

body:not(.admin-body) .mobile-app-nav {
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: var(--m-radius) !important;
  background: rgba(52, 35, 57, .94) !important;
  box-shadow: 0 16px 42px rgba(52, 35, 57, .26) !important;
  backdrop-filter: blur(16px) !important;
}

body:not(.admin-body) .mobile-app-nav-item {
  color: rgba(255, 255, 255, .74) !important;
}

body:not(.admin-body) .mobile-app-nav-item.is-active {
  background: linear-gradient(180deg, var(--palette-soft,#f5e9e3), var(--m-gold)) !important;
  color: var(--palette-ink,#342339) !important;
}

@media (max-width: 900px) {
  body:not(.admin-body) .site-header-inner {
    width: min(100% - 20px, 720px) !important;
    min-height: 62px !important;
  }

  body:not(.admin-body) .main-nav {
    background: rgba(52, 35, 57, .98) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: var(--m-radius) !important;
    box-shadow: 0 24px 64px rgba(52, 35, 57, .28) !important;
  }

  body:not(.admin-body) .main-nav a {
    color: rgba(255, 255, 255, .86) !important;
  }

  body:not(.admin-body) .page-shell,
  body:not(.admin-body) .classic-container,
  body:not(.admin-body) .profile-shell,
  body:not(.admin-body) .search-shell,
  body:not(.admin-body) .register-shell,
  body:not(.admin-body) .blog-shell,
  body:not(.admin-body) .support-shell {
    width: min(100% - 22px, 720px) !important;
  }
}

/* Specific late guards for pages that ship stronger legacy page skins. */
body.classic-home-page:not(.admin-body) .site-header,
body.search-page:not(.admin-body) .site-header,
body.login-page:not(.admin-body) .site-header {
  background:
    radial-gradient(circle at 18% 0%, rgba(217, 170, 165, .10), transparent 28%),
    linear-gradient(180deg, rgba(52, 35, 57, .98), rgba(52, 35, 57, .98)) !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
  box-shadow: 0 16px 44px rgba(52, 35, 57, .20) !important;
}

body.search-page:not(.admin-body) .search-hero,
body.member-search-page:not(.admin-body) .search-hero,
body.online-members-page:not(.admin-body) .search-hero {
  border: 1px solid rgba(255, 255, 255, .12) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(217, 170, 165, .16), transparent 30%),
    radial-gradient(circle at 90% 0%, rgba(238, 211, 199, .12), transparent 30%),
    linear-gradient(135deg, var(--m-navy), var(--palette-ink,#342339)) !important;
  color: #FFFFFF !important;
  box-shadow: 0 22px 58px rgba(52, 35, 57, .18) !important;
}

body.search-page:not(.admin-body) .search-hero :where(h1, h2, h3, strong),
body.member-search-page:not(.admin-body) .search-hero :where(h1, h2, h3, strong),
body.online-members-page:not(.admin-body) .search-hero :where(h1, h2, h3, strong) {
  color: #FFFFFF !important;
}

body.search-page:not(.admin-body) .search-hero :where(p, span, small),
body.member-search-page:not(.admin-body) .search-hero :where(p, span, small),
body.online-members-page:not(.admin-body) .search-hero :where(p, span, small) {
  color: rgba(255, 255, 255, .78) !important;
}

body.classic-home-page:not(.admin-body) {
  background:
    radial-gradient(circle at 11% 10%, rgba(217, 170, 165, .11), transparent 28%),
    radial-gradient(circle at 90% 0%, rgba(238, 211, 199, .13), transparent 25%),
    linear-gradient(180deg, var(--palette-soft,#f5e9e3) 0%, #f5eff2 44%, #FFFFFF 100%) !important;
}

body.classic-home-page:not(.admin-body) .site-header .brand,
body.classic-home-page:not(.admin-body) .site-header .brand span,
body.classic-home-page:not(.admin-body) .site-header .main-nav a,
body.classic-home-page:not(.admin-body) .site-header .ghost-button.compact-auth {
  color: rgba(255, 255, 255, .86) !important;
}

body.classic-home-page:not(.admin-body) .site-header .brand,
body.classic-home-page:not(.admin-body) .site-header .brand span {
  color: #FFFFFF !important;
}

@media (min-width: 901px) {
  body:not(.admin-body) .site-header .main-nav,
  body.classic-home-page:not(.admin-body) .site-header .main-nav {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
}

body.search-page:not(.admin-body) .search-hero.search-hero--directory,
body.search-page:not(.admin-body) .search-hero.search-hero--online,
body.member-search-page:not(.admin-body) .search-hero.search-hero--directory,
body.online-members-page:not(.admin-body) .search-hero.search-hero--online {
  border: 1px solid rgba(255, 255, 255, .12) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(217, 170, 165, .16), transparent 30%),
    radial-gradient(circle at 90% 0%, rgba(238, 211, 199, .12), transparent 30%),
    linear-gradient(135deg, var(--m-navy), var(--palette-ink,#342339)) !important;
  background-color: var(--palette-ink,#342339) !important;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(217, 170, 165, .16), transparent 30%),
    radial-gradient(circle at 90% 0%, rgba(238, 211, 199, .12), transparent 30%),
    linear-gradient(135deg, var(--m-navy), var(--palette-ink,#342339)) !important;
  color: #FFFFFF !important;
}

body.search-page:not(.admin-body) .search-hero.search-hero--directory :where(h1, h2, h3, strong),
body.search-page:not(.admin-body) .search-hero.search-hero--online :where(h1, h2, h3, strong),
body.member-search-page:not(.admin-body) .search-hero.search-hero--directory :where(h1, h2, h3, strong),
body.online-members-page:not(.admin-body) .search-hero.search-hero--online :where(h1, h2, h3, strong) {
  color: #FFFFFF !important;
}

body.search-page:not(.admin-body) .search-hero.search-hero--directory :where(p, span, small),
body.search-page:not(.admin-body) .search-hero.search-hero--online :where(p, span, small),
body.member-search-page:not(.admin-body) .search-hero.search-hero--directory :where(p, span, small),
body.online-members-page:not(.admin-body) .search-hero.search-hero--online :where(p, span, small) {
  color: rgba(255, 255, 255, .78) !important;
}

html body.search-page.member-search-page:not(.admin-body) main.search-shell .search-hero.search-hero--directory.search-hero--directory,
html body.search-page.online-members-page:not(.admin-body) main.search-shell .search-hero.search-hero--online.search-hero--online {
  background-color: var(--palette-ink,#342339) !important;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(217, 170, 165, .16), transparent 30%),
    radial-gradient(circle at 90% 0%, rgba(238, 211, 199, .12), transparent 30%),
    linear-gradient(135deg, var(--palette-ink,#342339), var(--palette-ink,#342339)) !important;
  color: #FFFFFF !important;
}

body.search-page:not(.admin-body) .search-result-grid {
  align-items: stretch !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)) !important;
  gap: 20px !important;
}

html body.search-page.member-search-page:not(.admin-body) main.search-shell .search-result-grid,
html body.search-page.online-members-page:not(.admin-body) main.search-shell .search-result-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)) !important;
  gap: 20px !important;
}

html body.search-page.member-search-page:not(.admin-body) main.search-shell .premium-search-member-card,
html body.search-page.online-members-page:not(.admin-body) main.search-shell .premium-search-member-card {
  display: grid !important;
  grid-template-columns: 118px minmax(0, 1fr) !important;
  gap: 18px !important;
  min-height: 280px !important;
  padding: 20px !important;
  border-radius: 22px !important;
}

html body.search-page.member-search-page:not(.admin-body) main.search-shell .search-result-grid > .premium-search-member-card::before,
html body.search-page.online-members-page:not(.admin-body) main.search-shell .search-result-grid > .premium-search-member-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  z-index: 0 !important;
  height: 108px !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(217, 170, 165, .22), transparent 38%),
    radial-gradient(circle at 90% 0%, rgba(238, 211, 199, .16), transparent 32%),
    linear-gradient(135deg, var(--palette-ink,#342339), var(--palette-deep,#49304f)) !important;
  pointer-events: none !important;
}

body.search-page:not(.admin-body) .premium-search-member-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 118px minmax(0, 1fr) !important;
  gap: 18px !important;
  min-height: 280px !important;
  padding: 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(52, 35, 57, .10) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(238, 211, 199, .18), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(250, 247, 243, .96)) !important;
  box-shadow: 0 22px 58px rgba(52, 35, 57, .10) !important;
}

body.search-page:not(.admin-body) .premium-search-member-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 96px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(217, 170, 165, .20), transparent 38%),
    linear-gradient(135deg, var(--palette-ink,#342339), var(--palette-deep,#49304f)) !important;
  z-index: 0 !important;
}

body.search-page:not(.admin-body) .premium-search-member-card > * {
  position: relative !important;
  z-index: 1 !important;
}

body.search-page:not(.admin-body) .premium-search-member-avatar {
  align-self: start !important;
  width: 118px !important;
  height: 118px !important;
  margin-top: 18px !important;
  display: block !important;
  overflow: visible !important;
  border-radius: 32px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.search-page:not(.admin-body) .premium-search-member-avatar img {
  width: 118px !important;
  height: 118px !important;
  display: block !important;
  object-fit: cover !important;
  border: 4px solid rgba(255, 255, 255, .92) !important;
  border-radius: 32px !important;
  background:
    linear-gradient(135deg, rgba(243, 228, 221, .96), rgba(238, 211, 199, .88)) !important;
  box-shadow: 0 18px 40px rgba(52, 35, 57, .22) !important;
}

body.search-page:not(.admin-body) .premium-search-member-avatar i {
  position: absolute !important;
  inset-block-end: 8px !important;
  inset-inline-start: 8px !important;
  width: 18px !important;
  height: 18px !important;
  border: 3px solid #FFFFFF !important;
  border-radius: 999px !important;
  background: var(--palette-accent,#d9aaa5) !important;
  box-shadow: 0 0 0 5px rgba(217, 170, 165, .16) !important;
}

body.search-page:not(.admin-body) .premium-search-member-body {
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  padding-top: 18px !important;
}

body.search-page:not(.admin-body) .premium-search-member-head {
  min-height: 92px !important;
  display: grid !important;
  align-content: start !important;
  gap: 7px !important;
}

body.search-page:not(.admin-body) .premium-search-member-name {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
}

body.search-page:not(.admin-body) .premium-search-member-name strong {
  color: #FFFFFF !important;
  font-size: clamp(1.35rem, 2vw, 1.78rem) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

body.search-page:not(.admin-body) .premium-search-member-name span {
  color: var(--palette-light-accent,#f3e4dd) !important;
  font-size: 1.02rem !important;
  font-weight: 900 !important;
}

body.search-page:not(.admin-body) .premium-search-member-country {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .08) !important;
  color: rgba(255, 255, 255, .82) !important;
  font-size: .88rem !important;
  font-weight: 800 !important;
}

body.search-page:not(.admin-body) .premium-search-member-excerpt {
  min-height: 52px !important;
  margin: 0 !important;
  color: var(--palette-primary,#623d66) !important;
  font-size: .96rem !important;
  font-weight: 700 !important;
  line-height: 1.85 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.search-page:not(.admin-body) .premium-search-member-card .profile-video-inline-badge,
body.search-page:not(.admin-body) .premium-search-member-card .visible-trust-badges {
  margin: 0 !important;
}

body.search-page:not(.admin-body) .premium-search-member-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(44px, 1fr)) !important;
  gap: 8px !important;
  margin-top: 2px !important;
}

body.search-page:not(.admin-body) .premium-member-icon-action,
body.search-page:not(.admin-body) .premium-member-profile-link {
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 10px 12px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(52, 35, 57, .10) !important;
  font: inherit !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important;
}

body.search-page:not(.admin-body) .premium-member-icon-action {
  background: #FFFFFF !important;
  color: var(--palette-ink,#342339) !important;
}

body.search-page:not(.admin-body) .premium-member-icon-action span {
  width: 26px !important;
  height: 26px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(243, 228, 221, .70) !important;
  color: var(--palette-accent-ink,#794d50) !important;
  font-size: .94rem !important;
}

body.search-page:not(.admin-body) .premium-member-icon-action.is-request {
  grid-column: 1 / -1 !important;
  border-color: rgba(238, 211, 199, .40) !important;
  background: linear-gradient(135deg, var(--palette-light-accent,#f3e4dd), var(--palette-light-accent,#eed3c7)) !important;
  color: var(--palette-ink,#342339) !important;
  box-shadow: 0 14px 28px rgba(238, 211, 199, .20) !important;
}

body.search-page:not(.admin-body) .premium-member-icon-action.is-request span {
  background: rgba(52, 35, 57, .12) !important;
  color: var(--palette-ink,#342339) !important;
}

body.search-page:not(.admin-body) .premium-member-icon-action:hover,
body.search-page:not(.admin-body) .premium-member-profile-link:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(217, 170, 165, .34) !important;
}

body.search-page:not(.admin-body) .premium-member-icon-action.is-done,
body.search-page:not(.admin-body) .premium-member-icon-action[aria-pressed="true"] {
  border-color: rgba(217, 170, 165, .42) !important;
  background: rgba(217, 170, 165, .10) !important;
}

body.search-page:not(.admin-body) .premium-member-icon-action:disabled {
  opacity: .72 !important;
  cursor: progress !important;
}

body.search-page:not(.admin-body) .premium-member-profile-link {
  grid-column: 1 / -1 !important;
  border-color: rgba(52, 35, 57, .12) !important;
  background: linear-gradient(135deg, var(--palette-ink,#342339), var(--palette-deep,#49304f)) !important;
  color: #FFFFFF !important;
  box-shadow: 0 14px 28px rgba(52, 35, 57, .16) !important;
}

body.search-page:not(.admin-body) .premium-search-member-card .mobile-swipe-status {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding: 9px 12px !important;
  border-radius: 14px !important;
  background: rgba(52, 35, 57, .06) !important;
  color: var(--palette-primary,#623d66) !important;
  font-size: .86rem !important;
  font-weight: 800 !important;
}

body.search-page:not(.admin-body) .premium-search-member-card .mobile-swipe-status[data-type="success"] {
  background: rgba(217, 170, 165, .12) !important;
  color: #0D766E !important;
}

body.search-page:not(.admin-body) .premium-search-member-card .mobile-swipe-status[data-type="error"] {
  background: rgba(210, 74, 74, .10) !important;
  color: #A63737 !important;
}

@media (max-width: 760px) {
  body.search-page:not(.admin-body) .premium-search-member-card {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 0 !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  body.search-page:not(.admin-body) .premium-search-member-card::before {
    height: 84px !important;
  }

  body.search-page:not(.admin-body) .premium-search-member-avatar,
  body.search-page:not(.admin-body) .premium-search-member-avatar img {
    width: 92px !important;
    height: 92px !important;
    border-radius: 24px !important;
  }

  body.search-page:not(.admin-body) .premium-search-member-name strong {
    font-size: 1.18rem !important;
  }

  body.search-page:not(.admin-body) .premium-search-member-actions {
    grid-column: 1 / -1 !important;
  }

  body.search-page:not(.admin-body) .premium-member-icon-action b {
    display: none !important;
  }

  body.search-page:not(.admin-body) .premium-member-icon-action.is-request b {
    display: inline !important;
  }

  html body.search-page.member-search-page:not(.admin-body) main.search-shell .premium-search-member-card,
  html body.search-page.online-members-page:not(.admin-body) main.search-shell .premium-search-member-card {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 0 !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }
}

/* Premium member messages: WhatsApp-like chat surface, presentation only. */
body.profile-tab-messages:not(.admin-body) .profile-workspace {
  grid-template-columns: 1fr !important;
}

body.profile-tab-messages:not(.admin-body) .profile-side-menu {
  display: none !important;
}

body.profile-tab-messages:not(.admin-body) .profile-content-area {
  min-width: 0 !important;
}

body.profile-tab-messages:not(.admin-body) .messages-hero-head {
  margin: 20px 0 14px !important;
  padding: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border: 1px solid rgba(52, 35, 57, .10) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(217, 170, 165, .12), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(243, 228, 221, .45)) !important;
  box-shadow: 0 18px 44px rgba(52, 35, 57, .08) !important;
}

body.profile-tab-messages:not(.admin-body) .messages-hero-copy {
  min-width: 0 !important;
}

body.profile-tab-messages:not(.admin-body) .messages-hero-head .eyebrow {
  margin: 0 0 6px !important;
}

body.profile-tab-messages:not(.admin-body) .messages-hero-head h2 {
  margin: 0 !important;
  color: var(--m-navy) !important;
  font-size: clamp(1.4rem, 2.4vw, 2.2rem) !important;
}

body.profile-tab-messages:not(.admin-body) .messages-hero-head p:not(.eyebrow) {
  max-width: 760px !important;
  margin: 8px 0 0 !important;
  color: var(--m-muted) !important;
}

body.profile-tab-messages:not(.admin-body) .messages-hero-actions {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body.profile-tab-messages:not(.admin-body) .messages-home-link,
body.profile-tab-messages:not(.admin-body) .messages-requests-link,
body.profile-tab-messages:not(.admin-body) .chat-back-to-list {
  min-height: 42px !important;
  padding: 10px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body.profile-tab-messages:not(.admin-body) .messages-home-link {
  border: 1px solid rgba(238, 211, 199, .42) !important;
  background: linear-gradient(180deg, var(--palette-soft,#f5e9e3), var(--m-gold)) !important;
  color: var(--palette-ink,#342339) !important;
  box-shadow: 0 14px 30px rgba(238, 211, 199, .18) !important;
}

body.profile-tab-messages:not(.admin-body) .messages-home-link::before {
  content: "⌂" !important;
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: rgba(52, 35, 57, .10) !important;
  color: var(--m-navy) !important;
  font-size: .95rem !important;
}

body.profile-tab-messages:not(.admin-body) .messages-requests-link,
body.profile-tab-messages:not(.admin-body) .chat-back-to-list {
  border: 1px solid rgba(52, 35, 57, .12) !important;
  background: rgba(255, 255, 255, .80) !important;
  color: var(--m-navy) !important;
}

body.profile-tab-messages:not(.admin-body) .messages-requests-link::before {
  content: "✓" !important;
  color: var(--palette-deep,#49304f) !important;
}

body.profile-tab-messages:not(.admin-body) .messenger-layout {
  height: min(760px, calc(100vh - 150px)) !important;
  min-height: 610px !important;
  display: grid !important;
  grid-template-columns: minmax(310px, 370px) minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(52, 35, 57, .12) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(217, 170, 165, .10), transparent 28%),
    linear-gradient(135deg, #FFFFFF, rgba(243, 228, 221, .35)) !important;
  box-shadow: 0 28px 76px rgba(52, 35, 57, .14) !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-list-panel,
body.profile-tab-messages:not(.admin-body) .messenger-chat-panel {
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-list-panel {
  display: flex !important;
  flex-direction: column !important;
  border-inline-start: 1px solid rgba(52, 35, 57, .10) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(245, 233, 227, .88)) !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-list-head {
  min-height: 82px !important;
  padding: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border-bottom: 1px solid rgba(52, 35, 57, .09) !important;
  background:
    radial-gradient(circle at 10% 20%, rgba(217, 170, 165, .14), transparent 34%),
    linear-gradient(135deg, var(--m-navy), var(--m-indigo)) !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-list-head strong {
  color: #FFFFFF !important;
  font-size: 1.08rem !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-list-head small {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(255, 255, 255, .72) !important;
  line-height: 1.6 !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-list-head b {
  min-width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--m-teal) !important;
  color: var(--m-navy) !important;
  font-weight: 950 !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-search {
  padding: 12px !important;
  border-bottom: 1px solid rgba(52, 35, 57, .08) !important;
  background: rgba(255, 255, 255, .78) !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-search input {
  width: 100% !important;
  min-height: 44px !important;
  padding-inline: 16px !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-list {
  min-height: 0 !important;
  overflow: auto !important;
  padding: 8px !important;
  display: grid !important;
  align-content: start !important;
  gap: 6px !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-card {
  position: relative !important;
  min-height: 78px !important;
  padding: 11px 10px !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-card:hover {
  border-color: rgba(217, 170, 165, .22) !important;
  background: rgba(255, 255, 255, .74) !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-card.is-active {
  border-color: rgba(238, 211, 199, .30) !important;
  background:
    linear-gradient(135deg, rgba(52, 35, 57, .94), rgba(73, 48, 79, .92)) !important;
  box-shadow: 0 14px 32px rgba(52, 35, 57, .16) !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-card.is-active :where(strong, small) {
  color: rgba(255, 255, 255, .84) !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-card.is-active strong {
  color: #FFFFFF !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-avatar {
  width: 50px !important;
  height: 50px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255, 255, 255, .72) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .55), transparent 32%),
    linear-gradient(135deg, var(--m-cream), var(--m-gold)) !important;
  color: var(--m-navy) !important;
  font-weight: 950 !important;
  box-shadow: 0 10px 24px rgba(52, 35, 57, .12) !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-body {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-body strong {
  color: var(--m-navy) !important;
  font-size: .98rem !important;
  line-height: 1.3 !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-body small:not(.online-state) {
  max-width: 100% !important;
  overflow: hidden !important;
  color: var(--m-muted) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.profile-tab-messages:not(.admin-body) .conversation-meta {
  display: grid !important;
  justify-items: end !important;
  gap: 6px !important;
  color: var(--m-muted) !important;
}

body.profile-tab-messages:not(.admin-body) .unread-pill {
  min-width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--m-teal) !important;
  color: var(--m-navy) !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
}

body.profile-tab-messages:not(.admin-body) .messenger-chat-panel {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

body.profile-tab-messages:not(.admin-body) .messenger-chat-head {
  min-height: 84px !important;
  padding: 14px 16px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  border-bottom: 1px solid rgba(52, 35, 57, .10) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(243, 228, 221, .58)) !important;
}

body.profile-tab-messages:not(.admin-body) .chat-back-to-list {
  display: none !important;
}

body.profile-tab-messages:not(.admin-body) .chat-back-to-list::before {
  content: "‹" !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
}

body.profile-tab-messages:not(.admin-body) .messenger-chat-head .relation-card {
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.profile-tab-messages:not(.admin-body) .messenger-chat-head .relation-avatar {
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
}

body.profile-tab-messages:not(.admin-body) .chat-panel-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.profile-tab-messages:not(.admin-body) .chat-panel-actions form {
  margin: 0 !important;
}

body.profile-tab-messages:not(.admin-body) .chat-panel-actions button {
  min-height: 40px !important;
  padding-inline: 14px !important;
}

body.profile-tab-messages:not(.admin-body) .official-assistant-notice,
body.profile-tab-messages:not(.admin-body) .chat-archive-notice {
  margin: 12px 16px 0 !important;
  border-radius: 8px !important;
}

body.profile-tab-messages:not(.admin-body) .chat-window {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: auto !important;
  padding: 22px !important;
  display: grid !important;
  align-content: end !important;
  gap: 10px !important;
  background:
    radial-gradient(circle at 18% 14%, rgba(217, 170, 165, .09), transparent 28%),
    radial-gradient(circle at 84% 20%, rgba(238, 211, 199, .10), transparent 28%),
    linear-gradient(135deg, var(--palette-soft,#f6eef6), var(--palette-soft,#f5e9e3)) !important;
}

body.profile-tab-messages:not(.admin-body) .chat-window::before {
  content: "الشات يعمل بعد قبول طلب التواصل فقط" !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 auto 8px !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .68) !important;
  color: var(--palette-primary,#805c85) !important;
  font-size: .82rem !important;
  font-weight: 850 !important;
  box-shadow: 0 8px 22px rgba(52, 35, 57, .06) !important;
}

body.profile-tab-messages:not(.admin-body) .chat-bubble {
  width: fit-content !important;
  max-width: min(72%, 620px) !important;
  padding: 10px 12px 8px !important;
  display: grid !important;
  gap: 6px !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(52, 35, 57, .10) !important;
  overflow-wrap: anywhere !important;
}

body.profile-tab-messages:not(.admin-body) .chat-bubble.mine {
  justify-self: start !important;
  border-radius: 18px 18px 4px 18px !important;
  background: linear-gradient(135deg, var(--palette-line,#e5dce5), var(--palette-line,#e5dce5)) !important;
  color: var(--m-navy) !important;
}

body.profile-tab-messages:not(.admin-body) .chat-bubble.theirs {
  justify-self: end !important;
  border-radius: 18px 18px 18px 4px !important;
  background: #FFFFFF !important;
  color: var(--m-navy) !important;
}

body.profile-tab-messages:not(.admin-body) .chat-bubble p {
  margin: 0 !important;
  color: inherit !important;
  line-height: 1.8 !important;
  font-weight: 700 !important;
}

body.profile-tab-messages:not(.admin-body) .chat-bubble small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  color: rgba(52, 35, 57, .54) !important;
  font-size: .74rem !important;
}

body.profile-tab-messages:not(.admin-body) .message-tick.seen {
  color: var(--palette-primary,#805c85) !important;
}

body.profile-tab-messages:not(.admin-body) .message-report-form {
  margin: 2px 0 0 !important;
  justify-self: end !important;
}

body.profile-tab-messages:not(.admin-body) .message-report-form button {
  min-height: 28px !important;
  padding: 4px 9px !important;
  border: 1px solid rgba(185, 28, 28, .14) !important;
  border-radius: 999px !important;
  background: rgba(185, 28, 28, .06) !important;
  color: #9F1D1D !important;
  box-shadow: none !important;
  font-size: .76rem !important;
}

body.profile-tab-messages:not(.admin-body) .chat-reply-form {
  flex: 0 0 auto !important;
  padding: 12px 14px !important;
  border-top: 1px solid rgba(52, 35, 57, .10) !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 -12px 28px rgba(52, 35, 57, .06) !important;
}

body.profile-tab-messages:not(.admin-body) .chat-composer-row {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto auto !important;
  align-items: end !important;
  gap: 9px !important;
}

body.profile-tab-messages:not(.admin-body) .chat-plus-button,
body.profile-tab-messages:not(.admin-body) .chat-voice-button,
body.profile-tab-messages:not(.admin-body) .chat-send-button {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
}

body.profile-tab-messages:not(.admin-body) .chat-plus-button {
  border: 1px solid rgba(52, 35, 57, .12) !important;
  background: #FFFFFF !important;
  color: var(--m-navy) !important;
  font-size: 1.5rem !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

body.profile-tab-messages:not(.admin-body) .chat-voice-button {
  border-color: rgba(217, 170, 165, .30) !important;
  background: rgba(217, 170, 165, .12) !important;
  color: var(--palette-deep,#49304f) !important;
  box-shadow: none !important;
}

body.profile-tab-messages:not(.admin-body) .chat-send-button {
  background: linear-gradient(135deg, var(--m-teal), var(--palette-primary,#623d66)) !important;
  color: var(--m-navy) !important;
  font-size: 0 !important;
  box-shadow: 0 14px 30px rgba(217, 170, 165, .24) !important;
}

body.profile-tab-messages:not(.admin-body) .chat-send-button::before {
  content: "➤" !important;
  display: block !important;
  color: var(--m-navy) !important;
  font-size: 1.25rem !important;
  transform: rotate(180deg) !important;
}

body.profile-tab-messages:not(.admin-body) .chat-composer-row textarea {
  min-height: 48px !important;
  max-height: 132px !important;
  padding: 13px 16px !important;
  resize: vertical !important;
  border-radius: 999px !important;
  line-height: 1.5 !important;
}

body.profile-tab-messages:not(.admin-body) .chat-composer-menu {
  border-radius: 8px !important;
  border-color: rgba(52, 35, 57, .12) !important;
  background: #FFFFFF !important;
  box-shadow: 0 18px 44px rgba(52, 35, 57, .14) !important;
}

body.profile-tab-messages:not(.admin-body) .empty-chat-state {
  margin: auto !important;
  max-width: 420px !important;
  padding: 28px !important;
  text-align: center !important;
  border: 1px dashed rgba(52, 35, 57, .18) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .68) !important;
}

body.profile-tab-messages:not(.admin-body) .empty-chat-state::before {
  content: "✉" !important;
  width: 60px !important;
  height: 60px !important;
  margin: 0 auto 12px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--m-navy), var(--m-indigo)) !important;
  color: var(--m-gold) !important;
  font-size: 1.5rem !important;
}

@media (max-width: 860px) {
  body.profile-tab-messages:not(.admin-body) .messages-hero-head {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.profile-tab-messages:not(.admin-body) .messages-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  body.profile-tab-messages:not(.admin-body) .messenger-layout {
    height: calc(100vh - 170px) !important;
    min-height: 560px !important;
    grid-template-columns: 1fr !important;
  }

  body.profile-tab-messages.profile-chat-active:not(.admin-body) .conversation-list-panel {
    display: none !important;
  }

  body.profile-tab-messages:not(.profile-chat-active):not(.admin-body) .messenger-chat-panel {
    display: none !important;
  }

  body.profile-tab-messages:not(.admin-body) .chat-back-to-list {
    display: inline-flex !important;
    width: max-content !important;
    grid-column: 1 / -1 !important;
  }

  body.profile-tab-messages:not(.admin-body) .messenger-chat-head {
    grid-template-columns: 1fr auto !important;
    gap: 10px !important;
  }

  body.profile-tab-messages:not(.admin-body) .messenger-chat-head .relation-card {
    grid-column: 1 / 2 !important;
  }
}

@media (max-width: 560px) {
  body.profile-tab-messages:not(.admin-body) .profile-shell {
    width: min(100% - 12px, 420px) !important;
  }

  body.profile-tab-messages:not(.admin-body) .messages-hero-head {
    margin-top: 10px !important;
    padding: 14px !important;
  }

  body.profile-tab-messages:not(.admin-body) .messages-hero-actions {
    grid-template-columns: 1fr !important;
  }

  body.profile-tab-messages:not(.admin-body) .messenger-layout {
    height: calc(100vh - 128px) !important;
    min-height: 520px !important;
    border-radius: 8px !important;
  }

  body.profile-tab-messages:not(.admin-body) .conversation-list-head {
    min-height: 74px !important;
    padding: 14px !important;
  }

  body.profile-tab-messages:not(.admin-body) .conversation-card {
    grid-template-columns: 50px minmax(0, 1fr) auto !important;
    min-height: 74px !important;
  }

  body.profile-tab-messages:not(.admin-body) .messenger-chat-head {
    min-height: 76px !important;
    padding: 10px 12px !important;
  }

  body.profile-tab-messages:not(.admin-body) .chat-panel-actions button {
    min-height: 36px !important;
    padding-inline: 10px !important;
    font-size: .8rem !important;
  }

  body.profile-tab-messages:not(.admin-body) .chat-window {
    padding: 14px 10px !important;
  }

  body.profile-tab-messages:not(.admin-body) .chat-bubble {
    max-width: 86% !important;
    padding: 9px 11px 7px !important;
  }

  body.profile-tab-messages:not(.admin-body) .chat-reply-form {
    padding: 9px !important;
  }

  body.profile-tab-messages:not(.admin-body) .chat-composer-row {
    grid-template-columns: 42px minmax(0, 1fr) 42px 42px !important;
    gap: 7px !important;
  }

  body.profile-tab-messages:not(.admin-body) .chat-plus-button,
  body.profile-tab-messages:not(.admin-body) .chat-voice-button,
  body.profile-tab-messages:not(.admin-body) .chat-send-button {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  body.profile-tab-messages:not(.admin-body) .chat-composer-row textarea {
    min-height: 42px !important;
    padding: 10px 13px !important;
  }
}

/* Final compact search cards 20260630: denser directory view on desktop and mobile. */
html body.search-page.member-search-page:not(.admin-body) main.search-shell .search-result-grid,
html body.search-page.online-members-page:not(.admin-body) main.search-shell .search-result-grid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 12px !important;
  width: min(1200px, calc(100% - 28px)) !important;
  margin-block: 14px 48px !important;
}

html body.search-page.member-search-page:not(.admin-body) main.search-shell .premium-search-member-card,
html body.search-page.online-members-page:not(.admin-body) main.search-shell .premium-search-member-card {
  grid-template-columns: 68px minmax(0, 1fr) !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 10px !important;
  border-radius: 16px !important;
}

html body.search-page.member-search-page:not(.admin-body) main.search-shell .premium-search-member-card::before,
html body.search-page.online-members-page:not(.admin-body) main.search-shell .premium-search-member-card::before {
  height: 52px !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-search-member-avatar,
html body.search-page:not(.admin-body) main.search-shell .premium-search-member-avatar img {
  width: 64px !important;
  height: 64px !important;
  border-radius: 18px !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-search-member-avatar {
  margin-top: 8px !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-search-member-body {
  gap: 6px !important;
  min-height: 0 !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-search-member-head {
  min-height: 0 !important;
  gap: 4px !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-search-member-name {
  gap: 5px !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-search-member-name strong {
  font-size: 1rem !important;
  line-height: 1.18 !important;
  max-width: 100% !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-search-member-name span {
  font-size: .76rem !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-search-member-country {
  min-height: 24px !important;
  padding: 3px 8px !important;
  gap: 4px !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-search-member-country .member-location-flag,
html body.search-page:not(.admin-body) main.search-shell .premium-search-member-country .member-location-name {
  font-size: .7rem !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-search-member-excerpt {
  min-height: 0 !important;
  font-size: .8rem !important;
  line-height: 1.38 !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
}

html body.search-page:not(.admin-body) main.search-shell .compact-trust-badges {
  gap: 4px !important;
}

html body.search-page:not(.admin-body) main.search-shell .compact-trust-badges span {
  min-height: 22px !important;
  padding: 3px 7px !important;
  font-size: .68rem !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-search-member-actions {
  grid-column: 1 / -1 !important;
  grid-template-columns: 1fr 36px 36px !important;
  gap: 5px !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-member-icon-action,
html body.search-page:not(.admin-body) main.search-shell .premium-member-profile-link {
  min-height: 34px !important;
  border-radius: 11px !important;
  padding: 0 8px !important;
  font-size: .72rem !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-member-icon-action:not(.is-request) {
  min-width: 36px !important;
  width: 36px !important;
}

@media (max-width: 760px) {
  html body.search-page.member-search-page:not(.admin-body) main.search-shell .search-result-grid,
  html body.search-page.online-members-page:not(.admin-body) main.search-shell .search-result-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-block-end: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body.search-page.member-search-page:not(.admin-body) main.search-shell .premium-search-member-card,
  html body.search-page.online-members-page:not(.admin-body) main.search-shell .premium-search-member-card {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 8px !important;
    min-height: 116px !important;
    padding: 8px !important;
    border-radius: 16px !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-search-member-card::before {
    content: none !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-search-member-avatar,
  html body.search-page:not(.admin-body) main.search-shell .premium-search-member-avatar img {
    width: 50px !important;
    height: 50px !important;
    border-radius: 15px !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-search-member-avatar {
    margin-top: 2px !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-search-member-body {
    gap: 4px !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-search-member-name {
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-search-member-name strong {
    font-size: .92rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-search-member-name span {
    font-size: .7rem !important;
    white-space: nowrap !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-search-member-excerpt {
    -webkit-line-clamp: 1 !important;
    line-clamp: 1 !important;
    font-size: .74rem !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .compact-trust-badges,
  html body.search-page:not(.admin-body) main.search-shell .profile-video-inline-badge,
  html body.search-page:not(.admin-body) main.search-shell .premium-member-profile-link {
    display: none !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-search-member-actions {
    grid-column: auto !important;
    grid-template-columns: 1fr 32px 32px !important;
    gap: 4px !important;
    margin-top: 0 !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-member-icon-action {
    min-height: 30px !important;
    border-radius: 10px !important;
    font-size: .68rem !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-member-icon-action:not(.is-request) {
    min-width: 32px !important;
    width: 32px !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-member-icon-action:not(.is-request) b {
    display: none !important;
  }
}

/* Readable compact search cards: remove oversized dark cover treatment. */
html body.search-page.member-search-page:not(.admin-body) main.search-shell .search-result-grid > .search-member-card,
html body.search-page.online-members-page:not(.admin-body) main.search-shell .search-result-grid > .search-member-card {
  background: #ffffff !important;
  border: 1px solid rgba(217, 170, 165, .22) !important;
  color: var(--palette-ink,#342339) !important;
}

html body.search-page:not(.admin-body) main.search-shell .search-member-card::before,
html body.search-page:not(.admin-body) main.search-shell .premium-search-member-card::before {
  content: none !important;
  display: none !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-search-member-name strong {
  color: var(--palette-ink,#342339) !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-search-member-name span {
  color: var(--palette-accent-ink,#794d50) !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-search-member-excerpt {
  color: var(--palette-deep,#49304f) !important;
}

html body.search-page:not(.admin-body) main.search-shell .premium-search-member-avatar {
  background: var(--palette-soft,#f6eef6) !important;
  border: 1px solid rgba(52, 35, 57, .08) !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  html body.search-page.member-search-page:not(.admin-body) main.search-shell .premium-search-member-card,
  html body.search-page.online-members-page:not(.admin-body) main.search-shell .premium-search-member-card {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    min-height: 118px !important;
    align-items: start !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-search-member-avatar {
    min-height: 0 !important;
    height: 50px !important;
    margin-top: 0 !important;
    align-self: start !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-search-member-body {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-search-member-head {
    display: grid !important;
    gap: 3px !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-search-member-country {
    width: fit-content !important;
    max-width: 100% !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-search-member-actions {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
    height: 30px !important;
    min-height: 30px !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-member-icon-action {
    height: 30px !important;
    min-height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-member-icon-action.is-request {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .premium-member-icon-action:not(.is-request) {
    flex: 0 0 32px !important;
  }
}

html body.search-page.member-search-page:not(.admin-body) main.search-shell .search-result-grid > .search-member-card.premium-search-member-card::before,
html body.search-page.online-members-page:not(.admin-body) main.search-shell .search-result-grid > .search-member-card.premium-search-member-card::before,
html body.search-page.member-search-page:not(.admin-body) main.search-shell .search-result-grid > .premium-search-member-card::before,
html body.search-page.online-members-page:not(.admin-body) main.search-shell .search-result-grid > .premium-search-member-card::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

html body.search-page:not(.admin-body) main.search-shell .search-member-card .premium-search-member-name,
html body.search-page:not(.admin-body) main.search-shell .search-member-card .premium-search-member-name strong {
  color: var(--palette-ink,#342339) !important;
}

html body.search-page:not(.admin-body) main.search-shell .search-member-card .premium-search-member-name span {
  color: var(--palette-accent-ink,#794d50) !important;
}

@media (max-width: 760px) {
  html body.search-page:not(.admin-body) main.search-shell .search-member-card .premium-search-member-avatar {
    width: 50px !important;
    height: 50px !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: var(--palette-soft,#f6eef6) !important;
    border: 1px solid rgba(52, 35, 57, .08) !important;
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center !important;
  }

  html body.search-page:not(.admin-body) main.search-shell .search-member-card .premium-search-member-avatar img {
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
  }
}

/* Shared plum identity; functional selectors and visibility remain unchanged. */
body:not(.admin-body){--m-radius:14px;--blue:var(--palette-primary,#623d66);--blue-deep:var(--palette-ink,#342339);--ink:var(--palette-ink,#342339);--line:var(--palette-line,#e5dce5);--surface-soft:var(--palette-soft,#f6eef6);}
html body:not(.admin-body):not(.classic-home-page) .primary-button{background:var(--palette-primary,#623d66)!important;color:#fff!important;border-color:var(--palette-primary,#623d66)!important;border-radius:12px!important;box-shadow:0 5px 16px rgba(52,35,57,.12)!important;}
html body:not(.admin-body):not(.classic-home-page) .primary-button:hover{background:var(--palette-deep,#49304f)!important;color:#fff!important;}
html body:not(.admin-body) :is(input,select,textarea):focus-visible{outline:2px solid var(--palette-primary,#623d66);outline-offset:2px;}

html body.search-page:not(.admin-body) main.search-shell .search-hero{background:linear-gradient(135deg,var(--palette-deep,#49304f),var(--palette-ink,#342339))!important;border-color:var(--palette-line,#e5dce5)!important;border-radius:18px!important;}
html body.search-page:not(.admin-body) main.search-shell .search-hero-stat{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.18)!important;}
@media(max-width:900px){
html body:not(.admin-body):not(.profile-chat-active) .mobile-app-nav{display:flex!important;position:fixed!important;inset:auto 12px max(12px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;transform:none!important;z-index:90!important;justify-content:space-around!important;gap:4px!important;box-sizing:border-box!important;padding:12px 8px!important;background:var(--palette-ink,#342339)!important;border:1px solid #6c5071!important;border-radius:18px!important;box-shadow:0 8px 30px #34233933!important;}
html body:not(.admin-body):not(.profile-chat-active) .mobile-app-nav a{color:#fff!important;text-decoration:none!important;min-width:0!important;font-size:12px!important;line-height:1.5!important;}
html body:not(.admin-body):not(.profile-chat-active) .site-footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important;}
}

/* Agreed experience: clear hierarchy, reusable surfaces and readable content. */
html[dir] body:not(.admin-body){background:var(--palette-bg,#faf7f3)!important;color:var(--palette-ink,#342339);--m-radius:16px;--m-shadow:0 8px 28px #34233908;--m-shadow-soft:0 4px 16px #34233906}
html[dir] body:not(.admin-body) :is(.page-shell,.blog-shell,.classic-profile-shell){max-width:1200px!important;width:calc(100% - 48px)!important;margin-inline:auto!important;padding-block:32px 56px;box-sizing:border-box}
html[dir] body:not(.admin-body) :is(.form-panel,.profile-side-menu,.classic-profile-card,.classic-member-card,.blog-side-card,.search-filter-panel){border:1px solid var(--palette-line,#e5dce5)!important;border-radius:16px!important;background:var(--palette-surface,#fff)!important;box-shadow:none!important}
html[dir] body:not(.admin-body) :is(h1,h2,h3){text-wrap:balance}
html[dir] body:not(.admin-body) h1{line-height:1.45}
html[dir] body:not(.admin-body) :is(button,.primary-button,.secondary-button,.ghost-button){border-radius:10px!important}
html[dir] body:not(.admin-body) :is(.primary-button,.secondary-button){min-height:46px;padding:11px 20px!important;font-size:14px!important;line-height:1.5!important;display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none!important;box-sizing:border-box}
html[dir] body:not(.admin-body) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea){border-radius:9px!important;border:1px solid var(--palette-line,#e5dce5);font-size:16px;max-width:100%;box-sizing:border-box}
html[dir] body:not(.admin-body) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--palette-primary,#623d66)!important;outline-offset:3px}
html[dir] body:not(.admin-body) .site-header{background:var(--palette-surface,#fff)!important;border-bottom:1px solid var(--palette-line,#e5dce5)!important;box-shadow:none!important}
html[dir] body:not(.admin-body) .site-header-inner{max-width:1240px!important;margin:auto;gap:18px!important;padding:16px 24px!important;box-sizing:border-box}
html[dir] body:not(.admin-body) .main-nav a{border-radius:8px;padding:8px 12px!important;font-size:13px!important;white-space:nowrap}
html[dir] body:not(.admin-body) .main-nav a[aria-current=page]{background:var(--palette-soft,#f6eef6)!important;color:var(--palette-primary,#623d66)!important;font-weight:800}
html[dir] body:not(.admin-body) .search-hero{background:var(--palette-soft,#f6eef6)!important;color:var(--palette-ink,#342339)!important;border:0!important;border-radius:20px!important;padding:30px!important;box-shadow:none!important;min-height:0!important;gap:24px}
html[dir] body:not(.admin-body) .search-hero h1{font-size:clamp(27px,3vw,38px)!important;color:inherit!important;margin-bottom:10px}
html[dir] body:not(.admin-body) .search-hero p{color:var(--palette-muted,#726675)!important;max-width:65ch;line-height:1.9}
html[dir] body:not(.admin-body) .search-context-nav{display:flex;flex-wrap:wrap;gap:10px;margin-block:24px!important}
html[dir] body:not(.admin-body) .search-context-nav a{padding:10px 16px!important;border-radius:10px!important;min-height:44px;box-sizing:border-box}
html[dir] body:not(.admin-body) .search-filter-panel{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;padding:24px!important;align-items:end;margin-bottom:28px!important}
html[dir] body:not(.admin-body) .search-filter-panel label{display:grid;gap:8px;min-width:0;font-size:13px}
html[dir] body:not(.admin-body) .search-filter-panel .inline-check{display:flex;align-items:center;gap:8px;min-height:44px}
html[dir] body:not(.admin-body) .experience-advanced-filters{grid-column:1/-1;border-block:1px solid var(--palette-line,#e5dce5);padding:14px 0}
html[dir] body:not(.admin-body) .experience-advanced-filters summary{cursor:pointer;padding:6px 2px;font-weight:700;color:var(--palette-primary,#623d66);min-height:32px}
html[dir] body:not(.admin-body) .experience-advanced-filters summary span{font-size:12px;font-weight:400;color:var(--palette-muted,#726675);margin-inline-start:16px}
html[dir] body:not(.admin-body) .experience-advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:18px}
html[dir] body:not(.admin-body) .search-result-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
html[dir] body:not(.admin-body) .search-member-card{border:1px solid var(--palette-line,#e5dce5)!important;border-radius:18px!important;background:var(--palette-surface,#fff)!important;box-shadow:none!important;overflow:hidden;min-width:0}
html[dir] body:not(.admin-body) .profile-workspace{gap:24px!important;align-items:start}
html[dir] body:not(.admin-body) .profile-side-menu{padding:16px!important}
html[dir] body:not(.admin-body) .profile-content-area{min-width:0}
html[dir] body:not(.admin-body) .profile-tabs a{padding:12px 14px!important;border-radius:10px!important;min-height:44px;box-sizing:border-box}
html[dir] body:not(.admin-body) .profile-panel{padding:28px!important}
html[dir] body:not(.admin-body) .member-premium-hero{border-radius:20px!important;box-shadow:none!important;padding:28px!important;background:var(--palette-soft,#f6eef6)!important;color:var(--palette-ink,#342339)!important}
html[dir] body:not(.admin-body) .classic-profile-cards{gap:20px!important}
html[dir] body:not(.admin-body) .classic-profile-card{padding:24px!important}
html[dir] body:not(.admin-body) .request-row{padding:18px!important;border:1px solid var(--palette-line,#e5dce5);border-radius:14px!important;gap:16px}
html[dir] body:not(.admin-body) .conversation-card{padding:16px!important;border-radius:12px!important}
html[dir] body:not(.admin-body) .chat-bubble{max-width:82%;padding:12px 16px!important;line-height:1.9!important;border-radius:16px!important;overflow-wrap:anywhere}
html[dir] body:not(.admin-body) .blog-index-hero{padding:36px!important;border-radius:20px!important;background:var(--palette-soft,#f6eef6)!important;color:var(--palette-ink,#342339)!important;box-shadow:none!important}
html[dir] body:not(.admin-body) .blog-card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
html[dir] body:not(.admin-body) .blog-card{border-radius:16px!important;border:1px solid var(--palette-line,#e5dce5)!important;box-shadow:none!important;overflow:hidden;background:var(--palette-surface,#fff)}
html[dir] body:not(.admin-body) .blog-card-body{padding:24px!important}
html[dir] body:not(.admin-body) .blog-article-body{font-size:18px!important;line-height:2.05!important;min-width:0;overflow-wrap:break-word}
html[dir] body:not(.admin-body) .blog-article-body p{margin-block:0 1.35em!important}
html[dir] body:not(.admin-body) .blog-article-body :is(h2,h3){margin-block:1.8em .7em!important;line-height:1.6!important}
html[dir] body:not(.admin-body) .blog-article-body img{max-width:100%;height:auto}
html[dir] body:not(.admin-body) .ad-slot{margin-block:36px!important;clear:both;isolation:isolate}
html[dir] body:not(.admin-body) .ad-slot:empty{margin:0!important}
@media(min-width:1001px){
 html[dir] body:not(.admin-body) .site-header-inner{display:flex!important;flex-wrap:wrap!important}
 html[dir] body:not(.admin-body) .main-nav{order:5;flex:1 0 100%;display:flex!important;justify-content:center;gap:8px!important;border-top:1px solid var(--palette-line,#e5dce5);padding-top:10px}
 html[dir] body:not(.admin-body) .header-actions{margin-inline-start:auto}
 html[dir] body:not(.admin-body) .profile-workspace{grid-template-columns:230px minmax(0,1fr)!important}
 html[dir] body:not(.admin-body) .blog-content-grid{grid-template-columns:minmax(0,1fr) 270px!important;gap:40px!important}
}
@media(max-width:760px){
 html[dir] body:not(.admin-body) :is(.page-shell,.blog-shell,.classic-profile-shell){width:calc(100% - 32px)!important;padding-block:20px 100px}
 html[dir] body:not(.admin-body) :is(.search-hero,.profile-panel,.member-premium-hero,.blog-index-hero,.classic-profile-card){padding:20px!important}
 html[dir] body:not(.admin-body) .search-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:18px!important;gap:14px!important}
 html[dir] body:not(.admin-body) .experience-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 html[dir] body:not(.admin-body) .experience-advanced-filters summary span{display:block;margin-inline-start:20px;margin-top:4px}
 html[dir] body:not(.admin-body) :is(.search-result-grid,.blog-card-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
 html[dir] body:not(.admin-body) .blog-article-body{font-size:17px!important;line-height:1.95!important}
 html[dir] body:not(.admin-body) .blog-article-hero h1{font-size:28px!important;line-height:1.6!important}
}
@media(max-width:480px){html[dir] body:not(.admin-body) :is(.search-result-grid,.blog-card-grid){grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){html[dir] body:not(.admin-body) *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Text on the new light hero surfaces must not inherit legacy white headings. */
html[dir] body:not(.admin-body) .blog-index-hero :is(h1,h2,h3){color:var(--palette-ink,#342339)!important}
html[dir] body:not(.admin-body) .blog-index-hero p{color:var(--palette-muted,#726675)!important}
html[dir] body:not(.admin-body) .blog-index-hero .eyebrow{color:var(--palette-primary,#623d66)!important;background:none!important}
html[dir] body:not(.admin-body) .blog-index-hero .ghost-button{color:var(--palette-primary,#623d66)!important;background:var(--palette-surface,#fff)!important;border:1px solid var(--palette-line,#e5dce5)!important}
html[dir] body:not(.admin-body) .member-hero-copy :is(h1,h2,h3){color:var(--palette-ink,#342339)!important}
html[dir] body:not(.admin-body) .member-hero-copy p{color:var(--palette-muted,#726675)!important}
html[dir] body:not(.admin-body) .member-hero-stats :is(strong,span){color:var(--palette-ink,#342339)!important}
html[dir] body:not(.admin-body) .member-hero-action{color:var(--palette-primary,#623d66)!important;background:var(--palette-surface,#fff)!important;border:1px solid var(--palette-line,#e5dce5)!important}

/* One shared header contract; IDs isolate it from legacy page-specific rules. */
#monayaa-site-header{position:relative!important;inset:auto!important;z-index:100!important;background:var(--palette-surface,#fff)!important;color:var(--palette-ink,#342339)!important;border:0!important;border-bottom:1px solid var(--palette-line,#e5dce5)!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;min-height:0!important}
#monayaa-site-header *{box-sizing:border-box}
#monayaa-site-header [hidden]{display:none!important}
#monayaa-site-header .site-header-inner{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;position:relative!important;width:calc(100% - 40px)!important;max-width:1240px!important;margin:0 auto!important;padding:14px 0!important;gap:12px 20px!important;min-height:72px!important}
#monayaa-site-header :is(a,span,strong,button){font-family:inherit;text-decoration:none!important}
#monayaa-site-header :is(.brand,.brand span,.member-mini-card,.member-mini-card strong){color:var(--palette-ink,#342339)!important;background:none!important;box-shadow:none!important}
#monayaa-site-header .brand{display:inline-flex!important;align-items:center;gap:8px;font-size:25px!important;flex-shrink:0}
#monayaa-site-header .brand img{width:40px!important;height:40px!important;filter:none!important;object-fit:contain}
#monayaa-site-header .member-mini-card{display:inline-flex!important;align-items:center;gap:8px;font-size:14px!important;padding:6px!important;border:0!important}
#monayaa-site-header .member-mini-card img{width:34px!important;height:34px!important;border-radius:50%;object-fit:cover}
#monayaa-site-header .header-actions{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;margin-inline-start:auto!important;position:static!important}
#monayaa-site-header :is(.compact-auth,.online-now-link,.member-notify-chip,.header-world-link){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px!important;padding:8px 12px!important;border:1px solid var(--palette-line,#e5dce5)!important;border-radius:10px!important;background:var(--palette-surface,#fff)!important;color:var(--palette-primary,#623d66)!important;box-shadow:none!important;font-size:13px!important}
#monayaa-site-header :is(.compact-auth,.online-now-link,.member-notify-chip) :is(strong,span){color:inherit!important}
#monayaa-site-header .main-nav{display:flex!important;position:static!important;inset:auto!important;transform:none!important;visibility:visible!important;opacity:1!important;order:5!important;flex:1 0 100%!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:4px!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;max-width:none!important;margin:0!important;padding:10px 0 0!important;border:0!important;border-top:1px solid var(--palette-line,#e5dce5)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#monayaa-site-header .main-nav a{display:inline-flex!important;align-items:center!important;min-height:42px!important;padding:9px 12px!important;border:0!important;border-radius:8px!important;color:var(--palette-ink,#342339)!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;line-height:1.5!important;text-shadow:none!important}
#monayaa-site-header .main-nav a:is(:hover,:focus-visible,[aria-current=page]){color:var(--palette-primary,#623d66)!important;background:var(--palette-soft,#f6eef6)!important}
#monayaa-site-header .member-notify-wrapper{display:inline-flex!important;position:relative!important}
#monayaa-site-header .notification-dropdown{display:none!important;position:absolute!important;inset-block-start:100%!important;inset-inline-end:0!important;inset-inline-start:auto!important;width:min(340px,calc(100vw - 40px))!important;max-height:360px!important;overflow-y:auto!important;padding:16px!important;background:var(--palette-surface,#fff)!important;color:var(--palette-ink,#342339)!important;border:1px solid var(--palette-line,#e5dce5)!important;border-radius:12px!important;box-shadow:0 12px 32px #3423391a!important;z-index:120!important}
#monayaa-site-header .member-notify-wrapper:is(:hover,:focus-within,.is-open) .notification-dropdown{display:grid!important;gap:10px}
#monayaa-site-header .notification-dropdown :is(a,span,strong,small){color:var(--palette-ink,#342339)!important}
#monayaa-site-header :is(.mobile-nav-toggle,.mobile-nav-backdrop){display:none!important}
#monayaa-mobile-nav,#monayaa-inbox-shortcuts{display:none!important}
@media(max-width:900px){
 #monayaa-site-header .site-header-inner{width:calc(100% - 24px)!important;gap:8px!important;padding:10px 0!important}
 #monayaa-site-header .brand{font-size:21px!important}
 #monayaa-site-header .brand img{width:32px!important;height:32px!important}
 #monayaa-site-header .member-mini-card strong{display:none!important}
 #monayaa-site-header .header-actions{gap:5px!important}
 #monayaa-site-header .header-actions :is(.online-now-link,.header-world-link){display:none!important}
 #monayaa-site-header .mobile-nav-toggle{display:flex!important;flex-direction:column;justify-content:center;gap:4px;width:42px!important;height:42px!important;padding:10px!important;background:var(--palette-soft,#f6eef6)!important;border:1px solid var(--palette-line,#e5dce5)!important;border-radius:9px!important;order:0}
 #monayaa-site-header .mobile-nav-toggle span{display:block!important;width:20px!important;height:2px!important;background:var(--palette-primary,#623d66)!important}
 #monayaa-site-header .main-nav{display:none!important}
 body.mobile-nav-open #monayaa-site-header .main-nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;flex-wrap:nowrap!important;position:absolute!important;inset-block-start:100%!important;inset-inline:0!important;width:100%!important;max-height:70vh!important;overflow-y:auto!important;background:var(--palette-surface,#fff)!important;border:1px solid var(--palette-line,#e5dce5)!important;border-radius:12px!important;padding:12px!important;z-index:122!important}
 #monayaa-mobile-nav{display:flex!important;position:fixed!important;inset:auto 12px max(12px,env(safe-area-inset-bottom))!important;width:auto!important;transform:none!important;z-index:90!important;justify-content:space-around!important;gap:4px!important;padding:10px 6px!important;border-radius:16px!important;background:var(--palette-ink,#342339)!important;box-shadow:0 8px 24px #34233926!important}
 #monayaa-mobile-nav a{display:flex!important;flex-direction:column;align-items:center;gap:4px;color:#fff!important;text-decoration:none!important;font-size:11px!important;min-height:42px;justify-content:center;flex:1;min-width:0}
 #monayaa-mobile-nav a :is(strong,span){color:inherit!important}
 #monayaa-mobile-nav a.is-active{background:#ffffff1c!important;border-radius:9px}
 #monayaa-inbox-shortcuts{display:flex!important;justify-content:center;flex-wrap:wrap;gap:14px;padding:10px 12px!important;background:var(--palette-soft,#f6eef6)!important;font-size:12px;line-height:1.6}
 #monayaa-inbox-shortcuts a{color:var(--palette-primary,#623d66)!important;text-decoration:none!important}
 body.profile-chat-active #monayaa-mobile-nav{display:none!important}
}

/* Let the wrapped desktop navigation contribute to header height. */
#monayaa-site-header{display:block!important;height:auto!important;max-height:none!important}
#monayaa-site-header .site-header-inner{height:auto!important;max-height:none!important;align-content:flex-start!important}
#monayaa-site-header .main-nav{flex-shrink:0!important}