/* V18.02.0011 — color-only theme alignment.
   No layout, sizing, navigation, WebRTC, messaging, Supabase or interaction rules. */
:root{
  --pink:#c73473;
  --pink-dark:#a92d61;
  --ink:#21151c;
  --muted:#6f5b66;
  --soft:#fce8f1;
  --line:#efd9e4;
  --white:#ffffff;
  --shadow:0 16px 40px rgba(120,45,83,.10);
  --brand:#c73473;
  --brand2:#7a3fc6;
  --mb-red:#c73473;
  --mb-line:#efd9e4;
  accent-color:#c73473;
}

html{background:#fff9fc;}
body{color:#21151c;background:#fff9fc;}

.nav,
.app-topbar,
.mb-fixed-primary-nav{
  background:rgba(255,249,252,.96)!important;
  border-color:#efd9e4!important;
}

.app-overlay{background:#fff9fc!important;}

.panel,
.card,
.discover-card,
.public-info{
  border-color:#efd9e4!important;
}

.btn.primary{
  background:linear-gradient(135deg,#c73473,#e34787)!important;
  border-color:#c73473!important;
  color:#fff!important;
}
.btn.primary:hover{background:linear-gradient(135deg,#ae2d64,#cf3b76)!important;}

.field:focus{
  border-color:#c73473!important;
  box-shadow:0 0 0 3px rgba(199,52,115,.10)!important;
}

.seg button.active,
.compatibility-badge,
.public-score{
  color:#c73473!important;
  border-color:#efd9e4!important;
}

.mb-fixed-primary-nav button:hover,
.mb-fixed-primary-nav button.active,
.mb-mobile-dock button:active{
  background:#fce8f1!important;
  color:#c73473!important;
}

input[type="checkbox"],
input[type="radio"],
input[type="range"]{accent-color:#c73473;}

#member-home-overlay .mbhs-see-all{color:#c73473!important;}
#member-home-overlay .mbhs-see-all:hover,
#member-home-overlay .mbhs-see-all:focus-visible{background:#fce8f1!important;}
#member-home-overlay .mbhs-placeholder{
  background:linear-gradient(145deg,#fce8f1,#eee6ff)!important;
  color:#c73473!important;
}
#member-home-overlay .mbhs-score{
  background:linear-gradient(135deg,#c73473,#a92d61)!important;
  box-shadow:0 8px 18px rgba(199,52,115,.18)!important;
}
#member-home-overlay .mbhs-name-button:hover,
#member-home-overlay .mbhs-name-button:focus-visible{color:#a92d61!important;}
#member-home-overlay .mbhs-heart{
  background:linear-gradient(145deg,#c73473,#a92d61)!important;
  box-shadow:0 12px 28px rgba(199,52,115,.24)!important;
}
#member-home-overlay .mbhs-heart.is-liked{
  background:linear-gradient(145deg,#a92d61,#7a3fc6)!important;
  box-shadow:0 12px 28px rgba(122,63,198,.20)!important;
}
#member-home-overlay .mbhs-dot.is-active{background:#c73473!important;}
#member-home-overlay .mbhs-like-small{color:#c73473!important;}
#member-home-overlay .mbhs-like-small.is-liked{
  color:#fff!important;
  background:#c73473!important;
  border-color:#c73473!important;
}

.compatibility-profile-promo{
  border-color:#efd9e4!important;
  background:linear-gradient(135deg,#fff9fc 0%,#ffffff 58%,#fce8f1 100%)!important;
  box-shadow:0 12px 30px rgba(199,52,115,.08)!important;
}
.compatibility-profile-promo .promo-kicker{background:#c73473!important;}

.primary-badge,
.num{background:#c73473!important;}

.pill,
.icon,
.public-score{
  background:#fce8f1!important;
  color:#c73473!important;
}

.hero{
  background:
    radial-gradient(circle at 70% 35%,rgba(199,52,115,.12),transparent 28%),
    radial-gradient(circle at 90% 16%,rgba(122,63,198,.08),transparent 25%),
    linear-gradient(135deg,#fff 0%,#fff9fc 44%,#fce8f1 100%)!important;
  border-bottom-color:#efd9e4!important;
}

.match{background:#fff9fc!important;}
.avatar{
  background:linear-gradient(135deg,#f9d8e7,#e7ddff)!important;
  color:#7c3157!important;
}
.fill{background:linear-gradient(90deg,#c73473,#7a3fc6)!important;}

::selection{background:#f1c5d8;color:#21151c;}


/* V18.02.0011 visual-strength patch — overrides legacy Coral Warmth colors only.
   No display, position, size, spacing, navigation, WebRTC, messaging logic or data rules. */
:root{
  --coral:#c73473!important;
  --coral-2:#7a3fc6!important;
  --peach:#f3c9dc!important;
  --peach-soft:#fff0f6!important;
  --cream:#fff9fc!important;
  --sand:#f7e9f0!important;
  --shadow:0 14px 40px rgba(120,45,83,.10)!important;
  --shadow-soft:0 7px 22px rgba(120,45,83,.075)!important;
}

html,body{
  background:#fff9fc!important;
  color:#21151c!important;
}

.nav{
  background:rgba(255,249,252,.96)!important;
  border-color:#efd9e4!important;
  box-shadow:0 4px 20px rgba(120,45,83,.055)!important;
}
.brand{color:#c73473!important;}
.heart,.heart:before,.heart:after{border-color:#c73473!important;}
.heart:before,.heart:after{background:#fff9fc!important;}

.hero{
  background:
    radial-gradient(circle at 80% 28%,rgba(122,63,198,.12),transparent 27%),
    radial-gradient(circle at 18% 18%,rgba(199,52,115,.12),transparent 27%),
    linear-gradient(135deg,#fff 0%,#fff9fc 48%,#fce8f1 100%)!important;
  border-color:#efd9e4!important;
}
.pill{
  background:#fce8f1!important;
  border-color:#efc3d5!important;
  color:#c73473!important;
}
h1 span{color:#c73473!important;}

.point,.step,.card,.panel{
  border-color:#efd9e4!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:var(--shadow-soft)!important;
}

.btn{
  border-color:#e7b7cc!important;
  color:#a92d61!important;
  background:#fff9fc!important;
}
.btn:hover{
  background:#fce8f1!important;
  border-color:#d987aa!important;
}
.btn.primary{
  background:linear-gradient(135deg,#c73473,#7a3fc6)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 8px 19px rgba(122,63,198,.18)!important;
}
.btn.primary:hover{
  background:linear-gradient(135deg,#ad2d63,#6934ad)!important;
}
.btn.dark{
  background:#342233!important;
  border-color:#342233!important;
  color:#fff!important;
}

.field{
  border-color:#ead4df!important;
  background:#fffafd!important;
  color:#21151c!important;
}
.field:focus{
  border-color:#c73473!important;
  box-shadow:0 0 0 4px rgba(199,52,115,.10)!important;
}

.app-overlay{
  background:linear-gradient(135deg,#fff9fc 0%,#fff 55%,#f8efff 100%)!important;
}
.app-topbar{
  background:rgba(255,249,252,.97)!important;
  border-bottom-color:#efd9e4!important;
  box-shadow:0 3px 16px rgba(120,45,83,.05)!important;
}
.app-title,.panel-title{color:#2b1723!important;}
.app-subtitle,.panel-description{color:#735c68!important;}

.compatibility-profile-promo,
#feedback-support-card,
#photo-access-quick-card{
  border-color:#edbfd2!important;
  background:linear-gradient(135deg,#fce8f1 0%,#fff9fc 58%,#eee6ff 100%)!important;
}
.compatibility-profile-promo .promo-kicker{background:#c73473!important;}

#profile-summary-card,
#message-settings-card,
#daily-email-settings-card,
#profile-status-card,
.photo-section{
  border-color:#efd9e4!important;
  background:#fff9fc!important;
}

#discover-overlay .app-container>.panel:first-child{
  background:linear-gradient(135deg,#fff9fc,#f6edff)!important;
}
.filter-label{color:#735c68!important;}
.discover-card{
  border-color:#efd9e4!important;
  box-shadow:0 8px 24px rgba(120,45,83,.07)!important;
  background:#fff!important;
}
.discover-card:hover{
  box-shadow:0 14px 30px rgba(120,45,83,.12)!important;
}
.discover-photo{
  background:linear-gradient(135deg,#f9d8e7,#eee6ff)!important;
}
.discover-name{color:#2b1723!important;}
.discover-location,.discover-bio{color:#735c68!important;}
.tag{
  background:#fff4f8!important;
  border-color:#efd9e4!important;
  color:#684a59!important;
}
.public-info{
  border-color:#efd9e4!important;
  background:#fff9fc!important;
}
.public-score{
  color:#c73473!important;
  background:#fce8f1!important;
  border-color:#efc3d5!important;
}
.public-thumb:hover{border-color:#c73473!important;}

.inbox-item{
  border-color:#efd9e4!important;
  background:#fff9fc!important;
  box-shadow:0 4px 14px rgba(120,45,83,.04)!important;
}
.inbox-item:hover{
  border-color:#daa0ba!important;
  box-shadow:0 9px 22px rgba(120,45,83,.09)!important;
}
.inbox-avatar{
  background:#fce8f1!important;
  color:#c73473!important;
}
.unread-badge{background:#c73473!important;}
.message-composer{
  background:#fff9fc!important;
  border-color:#efd9e4!important;
}
.message-composer textarea{
  background:#fff!important;
  border-color:#ead4df!important;
}

#compatibility-overlay input[type="radio"],
#compatibility-overlay input[type="checkbox"]{accent-color:#c73473!important;}
#compatibility-overlay .compatibility-question-category{
  background:#fce8f1!important;
  color:#a92d61!important;
}
.completion-track,.track{background:#f0e4ea!important;}
.completion-fill,.fill{
  background:linear-gradient(90deg,#c73473,#7a3fc6)!important;
}
.trust-badge,.match-banner{
  background:#fce8f1!important;
  border-color:#efc3d5!important;
  color:#a92d61!important;
}

.site-language-switcher{
  border-color:#efd9e4!important;
  background:#fff9fc!important;
}
.site-language-switcher button.active{
  background:linear-gradient(135deg,#c73473,#7a3fc6)!important;
  color:#fff!important;
}

.mb907-globalnav{
  background:rgba(255,249,252,.98)!important;
  border-bottom-color:#efd9e4!important;
  box-shadow:0 6px 22px rgba(120,45,83,.07)!important;
}
.mb907-globalnav .btn{
  border-color:#e7b7cc!important;
  background:#fff9fc!important;
  color:#8f2c59!important;
}
.mb907-globalnav .btn.primary,
.mb907-globalnav .btn.active{
  background:linear-gradient(135deg,#c73473,#7a3fc6)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.mb907-sidebar{
  background:#fff9fc!important;
  border-color:#efd9e4!important;
  box-shadow:0 10px 28px rgba(120,45,83,.07)!important;
}
.mb907-sidebar-title{color:#9a426b!important;}
.mb907-sidebar .btn{
  border-color:#efd9e4!important;
  background:#fff!important;
  color:#7b3a59!important;
}
.mb907-sidebar .btn.primary,
.mb907-sidebar .btn.active{
  background:#fce8f1!important;
  color:#a92d61!important;
  border-color:#e7b7cc!important;
}

.mb-coral-sidebar{
  background:rgba(255,249,252,.99)!important;
  border-right-color:#efd9e4!important;
  box-shadow:8px 0 30px rgba(120,45,83,.055)!important;
}
.mb-coral-brand{color:#c73473!important;}
.mb-coral-nav button{color:#6f5261!important;}
.mb-coral-nav button:hover{
  background:#fce8f1!important;
  color:#a92d61!important;
}
.mb-coral-nav button.active{
  background:linear-gradient(90deg,#fce8f1,#f4edff)!important;
  color:#a92d61!important;
  box-shadow:inset 3px 0 0 #c73473!important;
}
.mb-coral-nav .count{background:#c73473!important;}
.mb-coral-divider{background:#efd9e4!important;}

.mb-mobile-dock{
  background:rgba(255,249,252,.97)!important;
  border-color:#efd9e4!important;
  box-shadow:0 10px 30px rgba(120,45,83,.14)!important;
}
.mb-mobile-dock button{color:#755d69!important;}
.mb-mobile-dock button .mb-dock-icon{color:#c73473!important;}
.mb-mobile-dock button:active,
.mb-mobile-dock button.active{
  background:#fce8f1!important;
  color:#a92d61!important;
}

button:focus-visible,.btn:focus-visible,a:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline-color:rgba(199,52,115,.32)!important;
}

::selection{
  background:#e9bfd1!important;
  color:#21151c!important;
}


/* V18.02.0011 iOS/runtime-color override.
   Higher specificity is intentional because these UI styles are injected after page load. */

/* REAL iOS authenticated top navigation */
html body #mb-v29-global-topnav{
  background:linear-gradient(135deg,#fff5fa 0%,#f8efff 100%)!important;
  border-bottom-color:#dca6c0!important;
  box-shadow:0 5px 18px rgba(122,63,198,.14)!important;
}
html body #mb-v29-global-topnav button{
  background:#fff7fb!important;
  color:#7b3158!important;
  border-color:#e8c5d5!important;
}
html body #mb-v29-global-topnav button.active{
  background:linear-gradient(135deg,#c73473 0%,#7a3fc6 100%)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 4px 12px rgba(122,63,198,.22)!important;
}
html body #mb-v29-public-language{
  background:#fff7fb!important;
  border-color:#e8c5d5!important;
  color:#7b3158!important;
}
html body #mb-v29-public-language button{
  color:#7b3158!important;
}
html body #mb-v29-public-language button.active{
  color:#fff!important;
  background:linear-gradient(135deg,#c73473,#7a3fc6)!important;
}

/* REAL iOS bottom dock */
html body #mb-mobile-dock,
html body .mb-mobile-dock{
  background:linear-gradient(135deg,rgba(255,247,251,.98),rgba(248,239,255,.98))!important;
  border-color:#dca6c0!important;
  box-shadow:0 -4px 18px rgba(122,63,198,.12)!important;
}
html body #mb-mobile-dock button,
html body .mb-mobile-dock button{
  color:#704c60!important;
}
html body #mb-mobile-dock button .mb-dock-icon,
html body .mb-mobile-dock button .mb-dock-icon{
  color:#c73473!important;
}
html body #mb-mobile-dock button.active,
html body .mb-mobile-dock button.active,
html body #mb-mobile-dock button:active,
html body .mb-mobile-dock button:active{
  background:#f4e4ef!important;
  color:#9b2f60!important;
}

/* REAL authenticated Home */
html body #member-home-overlay{
  background:
    radial-gradient(circle at 90% 10%,rgba(122,63,198,.10),transparent 28%),
    radial-gradient(circle at 10% 0%,rgba(199,52,115,.10),transparent 30%),
    #fff9fc!important;
}
html body #member-home-overlay .mb1009-hero{
  background:linear-gradient(135deg,#fff 0%,#fce8f1 58%,#eee6ff 100%)!important;
  border-color:#dca6c0!important;
  box-shadow:0 12px 32px rgba(122,63,198,.11)!important;
}
html body #member-home-overlay .mb1009-hero:after{
  color:rgba(122,63,198,.12)!important;
}
html body #member-home-overlay .mb1009-eyebrow{
  color:#c73473!important;
}
html body #member-home-overlay .mb1009-minirow span{
  background:#fff7fb!important;
  border-color:#e8c5d5!important;
  color:#71465d!important;
}
html body #member-home-overlay .mb1009-feature{
  background:linear-gradient(180deg,#fff 0%,#fff8fc 100%)!important;
  border-color:#ead0dc!important;
  box-shadow:0 7px 22px rgba(120,45,83,.055)!important;
}
html body #member-home-overlay .mb1009-feature-ico{
  background:linear-gradient(135deg,#fce8f1,#eee6ff)!important;
  color:#a92d61!important;
}
html body #member-home-overlay .mb1009-note{
  background:#fff7fb!important;
  border-color:#ead0dc!important;
  color:#6f5261!important;
}

/* Runtime-injected profile quality section */
html body #member-home-overlay .mb35-quality{
  border-color:#dca6c0!important;
  background:linear-gradient(135deg,#fff 0%,#fce8f1 58%,#eee6ff 100%)!important;
  box-shadow:0 9px 25px rgba(122,63,198,.10)!important;
}
html body #member-home-overlay .mb35-quality-icon{
  background:#fff7fb!important;
  border-color:#e8c5d5!important;
}
html body #member-home-overlay .mb35-eyebrow{
  color:#c73473!important;
}
html body #member-home-overlay .mb35-card{
  background:#fff9fc!important;
  border-color:#ead0dc!important;
}
html body #member-home-overlay .mb35-card-icon{
  background:linear-gradient(135deg,#fce8f1,#eee6ff)!important;
}
html body #member-home-overlay .mb35-quality-note,
html body #member-home-overlay .mb35-card-note{
  color:#7d3f60!important;
}

/* Member-home recommended profiles */
html body #member-home-overlay .mbhs-feature,
html body #member-home-overlay .mbhs-pop-card{
  border-color:#ead0dc!important;
  background:#fff9fc!important;
  box-shadow:0 9px 24px rgba(120,45,83,.07)!important;
}
html body #member-home-overlay .mbhs-score{
  background:linear-gradient(135deg,#c73473,#7a3fc6)!important;
}
html body #member-home-overlay .mbhs-heart{
  background:linear-gradient(135deg,#c73473,#7a3fc6)!important;
}
html body #member-home-overlay .mbhs-like-small{
  color:#c73473!important;
  border-color:#e8c5d5!important;
}
html body #member-home-overlay .mbhs-like-small.is-liked{
  background:linear-gradient(135deg,#c73473,#7a3fc6)!important;
  color:#fff!important;
  border-color:transparent!important;
}
html body #member-home-overlay .mbhs-dot.is-active{
  background:#7a3fc6!important;
}


/* V18.02.0011 SITEWIDE palette completion.
   Color-only. Semantic danger/success states and video surfaces remain intact. */
:root{
  --mb906-red:#c73473!important;
  --mb906-red-dark:#a92d61!important;
  --mb906-red-soft:#fce8f1!important;
  --mb906-bg:#fff9fc!important;
  --mb906-surface:#ffffff!important;
  --mb906-ink:#21151c!important;
  --mb906-muted:#6f5b66!important;
  --mb906-line:#efd9e4!important;
  --mb906-shadow:0 10px 30px rgba(120,45,83,.08)!important;
  --mb906-shadow-lg:0 20px 50px rgba(122,63,198,.12)!important;
}

/* all app pages / overlays, except the black video stage itself */
html body .app-overlay:not(#video-call-overlay),
html body [id$="-overlay"]:not(#video-call-overlay){
  background:
    radial-gradient(circle at 92% 4%,rgba(122,63,198,.07),transparent 24%),
    radial-gradient(circle at 4% 2%,rgba(199,52,115,.07),transparent 27%),
    #fff9fc!important;
  color:#21151c!important;
}
html body .app-overlay:not(#video-call-overlay) .panel,
html body [id$="-overlay"]:not(#video-call-overlay) .panel{
  background:#fff!important;
  border-color:#efd9e4!important;
  box-shadow:0 8px 26px rgba(120,45,83,.065)!important;
}
html body .app-overlay:not(#video-call-overlay) .panel-title,
html body [id$="-overlay"]:not(#video-call-overlay) .panel-title,
html body .app-overlay:not(#video-call-overlay) .app-title,
html body [id$="-overlay"]:not(#video-call-overlay) .app-title{
  color:#2b1723!important;
}
html body .app-overlay:not(#video-call-overlay) .panel-description,
html body [id$="-overlay"]:not(#video-call-overlay) .panel-description,
html body .app-overlay:not(#video-call-overlay) .app-subtitle,
html body [id$="-overlay"]:not(#video-call-overlay) .app-subtitle{
  color:#735c68!important;
}

/* generic non-semantic controls */
html body .app-overlay:not(#video-call-overlay) .btn:not(.danger):not(.success):not(.error):not([data-danger]),
html body [id$="-overlay"]:not(#video-call-overlay) .btn:not(.danger):not(.success):not(.error):not([data-danger]){
  border-color:#e4b7ca!important;
  background:#fff9fc!important;
  color:#9c315f!important;
}
html body .app-overlay:not(#video-call-overlay) .btn.primary:not(.danger):not(.success):not(.error),
html body [id$="-overlay"]:not(#video-call-overlay) .btn.primary:not(.danger):not(.success):not(.error){
  background:linear-gradient(135deg,#c73473,#7a3fc6)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(122,63,198,.17)!important;
}
html body .app-overlay:not(#video-call-overlay) .field,
html body [id$="-overlay"]:not(#video-call-overlay) .field,
html body [id$="-overlay"]:not(#video-call-overlay) input:not([type="checkbox"]):not([type="radio"]),
html body [id$="-overlay"]:not(#video-call-overlay) select,
html body [id$="-overlay"]:not(#video-call-overlay) textarea{
  background:#fffafd!important;
  border-color:#ead4df!important;
  color:#21151c!important;
}
html body .app-overlay:not(#video-call-overlay) .field:focus,
html body [id$="-overlay"]:not(#video-call-overlay) input:focus,
html body [id$="-overlay"]:not(#video-call-overlay) select:focus,
html body [id$="-overlay"]:not(#video-call-overlay) textarea:focus{
  border-color:#c73473!important;
  box-shadow:0 0 0 4px rgba(199,52,115,.10)!important;
}

/* Discover / Search */
html body #discover-overlay .app-container>.panel:first-child{
  background:linear-gradient(135deg,#fff,#fce8f1 72%,#eee6ff)!important;
  border-color:#e8c5d5!important;
}
html body #discover-overlay .discover-card{
  background:#fff!important;
  border-color:#ead0dc!important;
}
html body #discover-overlay .discover-photo{
  background:linear-gradient(135deg,#f9d8e7,#eee6ff)!important;
}
html body #discover-overlay .compatibility-badge{
  background:#fff7fb!important;
  color:#c73473!important;
  border-color:#e8b7cd!important;
  box-shadow:0 6px 16px rgba(120,45,83,.12)!important;
}
html body #discover-overlay .tag{
  background:#fce8f1!important;
  border-color:#e8c5d5!important;
  color:#7b3158!important;
}

/* Matches + social tabs */
html body #discover-overlay[data-mb-matches-mode="1"] #mb-match-social-tabs{
  background:linear-gradient(135deg,#fff7fb,#f6efff)!important;
  border-color:#dca6c0!important;
  box-shadow:0 7px 18px rgba(122,63,198,.10)!important;
}
html body #discover-overlay[data-mb-matches-mode="1"] #mb-match-social-tabs .btn{
  background:#fff!important;
  color:#8b315d!important;
  border-color:#e8c5d5!important;
}
html body #discover-overlay[data-mb-matches-mode="1"] #mb-match-social-tabs .btn.primary,
html body #discover-overlay[data-mb-matches-mode="1"] #mb-match-social-tabs .btn.active{
  background:linear-gradient(135deg,#c73473,#7a3fc6)!important;
  color:#fff!important;
  border-color:transparent!important;
}

/* Profile + Settings */
html body #profile-overlay,
html body #profile-account-container{
  background:#fff9fc!important;
}
html body #profile-overlay #profile-summary-card,
html body #profile-overlay .photo-section,
html body #profile-overlay #profile-edit-fields,
html body #profile-overlay #message-settings-card,
html body #profile-overlay #daily-email-settings-card,
html body #profile-overlay #profile-status-card,
html body #profile-overlay #blocked-security-panel,
html body #profile-overlay #feedback-settings-card,
html body #profile-overlay #feedback-card{
  background:#fff!important;
  border-color:#ead0dc!important;
  box-shadow:0 7px 22px rgba(120,45,83,.065)!important;
}
html body #profile-overlay .compatibility-profile-promo{
  background:linear-gradient(135deg,#fce8f1,#fff9fc 55%,#eee6ff)!important;
  border-color:#dca6c0!important;
}
html body #profile-overlay .primary-badge{
  background:linear-gradient(135deg,#c73473,#7a3fc6)!important;
}

/* Compatibility test + comparison */
html body #compatibility-overlay{
  background:#fff9fc!important;
}
html body #compatibility-overlay .compatibility-question-card,
html body #compatibility-overlay [data-compatibility-card="true"]{
  background:#fff!important;
  border-color:#ead0dc!important;
  box-shadow:0 6px 18px rgba(120,45,83,.05)!important;
}
html body #mb-v1011-guide{
  background:linear-gradient(135deg,#fce8f1,#fff9fc)!important;
  border-color:#e8b7cd!important;
  color:#684a59!important;
}
html body #mb-v1011-guide strong{color:#a92d61!important;}
html body .mb-v1011-qbadge,
html body .mb-v11028-public-q-number{
  background:#fff7fb!important;
  border-color:#e8c5d5!important;
  color:#8f315d!important;
}
html body .mb-v1011-qbadge.core{
  background:#fce8f1!important;
  border-color:#e8b7cd!important;
  color:#a92d61!important;
}
html body .mb-v11028-edit-btn{
  background:#fff!important;
  border-color:#e1a8c1!important;
  color:#a92d61!important;
}
html body .mb-v11028-edit-btn:hover{
  background:#fce8f1!important;
  border-color:#c96f98!important;
}

/* Love Game */
html body #love-game-overlay{
  background:
    radial-gradient(circle at 90% 5%,rgba(122,63,198,.08),transparent 24%),
    #fff9fc!important;
}
html body #love-game-overlay .mb-love-card{
  background:#fff!important;
  border-color:#e2b8ca!important;
  box-shadow:0 10px 28px rgba(120,45,83,.10)!important;
}
html body #love-game-overlay .mb-love-placeholder{
  background:linear-gradient(135deg,#fce8f1,#eee6ff)!important;
}
html body #love-game-overlay .mb-love-info h2{color:#2b1723!important;}
html body #love-game-overlay .mb-love-meta,
html body #love-game-overlay .mb-love-goal,
html body #love-game-overlay .mb-love-count{color:#735c68!important;}
html body #love-game-overlay .mb-love-score{color:#c73473!important;}
html body #love-game-overlay .mb-love-actions .btn.primary{
  background:linear-gradient(135deg,#c73473,#7a3fc6)!important;
  color:#fff!important;
}

/* Messages inbox + conversation */
html body #messages-overlay,
html body #conversation-overlay{
  background:#fff9fc!important;
}
html body #messages-overlay .inbox-item{
  background:#fff!important;
  border-color:#ead0dc!important;
  box-shadow:0 6px 18px rgba(120,45,83,.05)!important;
}
html body #messages-overlay .inbox-avatar{
  background:linear-gradient(135deg,#fce8f1,#eee6ff)!important;
  color:#a92d61!important;
}
html body #messages-overlay .unread-badge{background:#c73473!important;}
html body #conversation-overlay .message-row.mine .message-bubble,
html body #conversation-overlay .message-bubble.outgoing,
html body #conversation-overlay .message-bubble.sent,
html body #conversation-overlay .message-bubble.mine{
  background:linear-gradient(135deg,#c73473,#9a397d)!important;
  color:#fff!important;
}
html body #conversation-overlay .message-row:not(.mine) .message-bubble,
html body #conversation-overlay .message-bubble.incoming,
html body #conversation-overlay .message-bubble.received{
  background:#fff!important;
  border-color:#ead0dc!important;
  color:#3d2934!important;
}
html body #conversation-overlay .message-composer{
  background:#fff7fb!important;
  border-color:#ead0dc!important;
}
html body #conversation-overlay .message-composer textarea{
  background:#fff!important;
  border-color:#e8c5d5!important;
}

/* Message settings / video permission settings */
html body #mb11007-message-settings-overlay,
html body #mb11022-video-settings-overlay{
  background:#fff9fc!important;
}
html body #mb11007-message-settings-overlay .mb11007-box,
html body #mb11022-video-settings-overlay .mb11022-box{
  background:#fff!important;
  border-color:#ead0dc!important;
  box-shadow:0 14px 36px rgba(120,45,83,.11)!important;
}
html body #mb11007-message-settings-overlay .mb11007-option,
html body #mb11022-video-settings-overlay .mb11022-option{
  background:#fff9fc!important;
  border-color:#ead0dc!important;
}
html body #mb11007-message-settings-overlay input,
html body #mb11022-video-settings-overlay input{
  accent-color:#c73473!important;
}

/* Admin */
html body #admin-panel-overlay,
html body #admin-user-detail-overlay,
html body #admin-security-reason-overlay,
html body #admin-feedback-user-overlay{
  background:#fff9fc!important;
}
html body #admin-panel-overlay .admin-mobile-tabs .btn,
html body #admin-panel-overlay .admin-tab-btn{
  background:#fff!important;
  color:#8b315d!important;
  border-color:#e8c5d5!important;
}
html body #admin-panel-overlay .admin-mobile-tabs .btn.primary,
html body #admin-panel-overlay .admin-mobile-tabs .btn.active,
html body #admin-panel-overlay .admin-tab-btn.active{
  background:linear-gradient(135deg,#c73473,#7a3fc6)!important;
  color:#fff!important;
  border-color:transparent!important;
}
html body #admin-panel-overlay .admin-tab-count{
  background:#c73473!important;
  color:#fff!important;
}
html body #admin-panel-overlay .mb1006-user-card,
html body #admin-panel-overlay .mb-v14039-card{
  background:#fff!important;
  border-color:#ead0dc!important;
  box-shadow:0 6px 18px rgba(120,45,83,.05)!important;
}

/* Legal / assistant / feedback-type overlays */
html body #legal-page-overlay,
html body #mb-assistant-panel,
html body #admin-feedback-user-overlay{
  background:#fff9fc!important;
}
html body #mb-assistant-panel{
  border-color:#e3b8cb!important;
  box-shadow:0 18px 45px rgba(122,63,198,.15)!important;
}

/* Video call: colors only; preserve stage/media/layout exactly */
html body #video-call-overlay .mb-v11029-gift-btn,
html body #video-call-overlay .mb-v11029-msg.mine{
  background:linear-gradient(135deg,#c73473,#7a3fc6)!important;
  border-color:#d98db0!important;
  color:#fff!important;
}
html body #video-call-overlay .mb-v11030-media-btn:not(.is-off):not(.mb-v11031-end-btn){
  border-color:rgba(199,52,115,.42)!important;
}
html body #video-call-overlay .mb-call-sub,
html body #video-call-overlay .mb-v11029-empty{
  color:#e7d7e1!important;
}

/* dark mode: keep dark surfaces, change only accent */
html.mb906-dark{
  --mb906-red:#d8548c!important;
  --mb906-red-dark:#b83e73!important;
  --mb906-red-soft:#3a2232!important;
}

/* V18.02.0011 public profile action deck layout */
#public-profile-overlay .mb-profile-contact-card,
#public-profile-overlay .mb-profile-permission-card,
#public-profile-overlay .mb-profile-safety-card{
  margin-top:14px;
  padding:14px;
  border:1px solid #ead0dc;
  border-radius:16px;
  background:linear-gradient(135deg,#fff 0%,#fff8fc 72%,#f8efff 100%);
  box-shadow:0 7px 20px rgba(120,45,83,.06);
}
#public-profile-overlay .mb-profile-action-title{
  margin-bottom:10px;
  color:#5e334a;
  font-size:13px;
  font-weight:900;
  letter-spacing:.01em;
}
#public-profile-overlay .mb-profile-contact-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
#public-profile-overlay .mb-profile-contact-actions .btn,
#public-profile-overlay .mb-profile-permission-actions .btn,
#public-profile-overlay .mb-profile-safety-actions .btn{
  min-width:0;
  min-height:44px;
  white-space:normal;
  line-height:1.15;
}
#public-profile-overlay .mb-profile-contact-actions .mb-profile-message-action{
  background:linear-gradient(135deg,#c73473,#7a3fc6)!important;
  border-color:transparent!important;
  color:#fff!important;
}
#public-profile-overlay .mb-profile-permission-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
#public-profile-overlay .mb-profile-permission-actions .btn[aria-pressed="true"]{
  background:#edf9f2!important;
  border-color:#9bd6b5!important;
  color:#176b48!important;
}
#public-profile-overlay .mb-profile-safety-card{
  margin-top:24px;
  background:#fff;
}
#public-profile-overlay .mb-profile-safety-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
#public-profile-overlay .mb-profile-block-action{
  border-color:#efb3b3!important;
  color:#a52a2a!important;
  background:#fff8f8!important;
}
#public-profile-overlay .mb-profile-legacy-gift-panels,
#public-profile-overlay .safety-actions[hidden]{
  display:none!important;
}
@media(max-width:900px){
  #public-profile-overlay .mb-profile-contact-card,
  #public-profile-overlay .mb-profile-permission-card,
  #public-profile-overlay .mb-profile-safety-card{
    margin-top:10px;
    padding:11px;
    border-radius:14px;
  }
  #public-profile-overlay .mb-profile-contact-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  #public-profile-overlay .mb-profile-contact-actions .mb-profile-message-action{
    grid-column:1/-1;
  }
  #public-profile-overlay .mb-profile-contact-actions .btn{
    min-height:46px;
    padding:7px 5px!important;
    font-size:11px!important;
  }
  #public-profile-overlay .mb-profile-permission-actions{
    grid-template-columns:1fr;
    gap:7px;
  }
  #public-profile-overlay .mb-profile-permission-actions .btn{
    min-height:44px;
    font-size:11px!important;
  }
  #public-profile-overlay .mb-profile-safety-actions .btn{
    min-height:44px;
    font-size:11px!important;
  }
}
@media(max-width:390px){
  #public-profile-overlay .mb-profile-contact-actions .btn,
  #public-profile-overlay .mb-profile-permission-actions .btn,
  #public-profile-overlay .mb-profile-safety-actions .btn{
    font-size:10px!important;
  }
}