/* id="mb-v71-mobile-modern-ui" */

/* V72 — global mobile profile navigation + compact compatibility card */
@media (max-width:760px){
  #profile-overlay .app-topbar{
    padding:0!important;
    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid rgba(234,217,224,.8)!important;
    box-shadow:0 5px 18px rgba(31,41,55,.05)!important;
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  }
  #profile-overlay .app-topbar-inner{display:block!important;min-height:0!important;padding:7px 8px 8px!important;}
  #profile-overlay .app-topbar-inner>div:first-child{display:none!important;}
  #profile-overlay .app-actions{
    width:100%!important;margin:0!important;display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-rows:minmax(40px,auto)!important;
    gap:6px!important;align-items:stretch!important;overflow:visible!important;
  }
  #profile-overlay .app-actions .btn{
    position:relative!important;width:100%!important;min-width:0!important;min-height:40px!important;
    padding:5px 4px!important;border-radius:12px!important;border:1px solid #ece3e7!important;
    background:linear-gradient(180deg,#fff 0%,#fffafb 100%)!important;color:#344054!important;
    font-size:9.5px!important;line-height:1.12!important;font-weight:800!important;letter-spacing:-.05px!important;
    white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;
    box-shadow:0 2px 8px rgba(31,41,55,.035)!important;
  }
  #profile-overlay .app-actions .btn:active{transform:scale(.985)!important;background:#fff3f7!important;}
  #profile-overlay .site-language-switcher{
    width:100%!important;min-width:0!important;min-height:40px!important;padding:3px!important;
    border:1px solid #f0d9e2!important;border-radius:12px!important;display:flex!important;
    align-items:center!important;justify-content:center!important;background:#fff!important;
    box-shadow:0 2px 8px rgba(31,41,55,.035)!important;
  }
  #profile-overlay .site-language-switcher button{
    flex:1 1 0!important;min-width:0!important;height:30px!important;font-size:9.5px!important;padding:0 3px!important;border-radius:9px!important;
  }
  #profile-overlay .site-lang-separator{font-size:9px!important;margin:0!important;}
  #top-message-unread-profile{position:absolute!important;right:2px!important;top:2px!important;margin:0!important;transform:scale(.74);transform-origin:top right;}

  #profile-account-container{padding-top:10px!important;}
  #profile-account-container .compatibility-profile-promo{
    min-height:0!important;margin:0 0 10px!important;padding:11px 12px!important;
    border:1px solid #f3d4df!important;border-radius:17px!important;display:grid!important;
    grid-template-columns:1fr!important;gap:8px!important;
    background:linear-gradient(145deg,#fff 0%,#fff8fb 68%,#fff2f6 100%)!important;
    box-shadow:0 6px 18px rgba(238,47,101,.055)!important;
    overflow:hidden!important;
  }
  #profile-account-container .compatibility-profile-promo::after{
    width:54px!important;height:44px!important;right:8px!important;bottom:6px!important;
    transform:none!important;opacity:.065!important;background-position:right bottom!important;
  }
  #profile-account-container .compatibility-profile-promo>div{padding-right:38px!important;}
  #profile-account-container .compatibility-profile-promo .promo-kicker{
    width:max-content!important;margin-bottom:5px!important;padding:4px 8px!important;
    font-size:9.5px!important;letter-spacing:.15px!important;border-radius:999px!important;
  }
  #profile-account-container .compatibility-profile-promo h3{
    margin:0 0 4px!important;font-size:17px!important;line-height:1.16!important;letter-spacing:-.2px!important;
  }
  #profile-account-container .compatibility-profile-promo p{
    margin:0!important;max-width:100%!important;font-size:11.8px!important;line-height:1.38!important;color:#6d7585!important;
    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
  }
  #profile-account-container .compatibility-profile-promo .btn{
    width:100%!important;min-height:38px!important;margin:0!important;padding:7px 10px!important;
    border-radius:12px!important;font-size:12.5px!important;font-weight:850!important;
    box-shadow:0 6px 16px rgba(255,63,114,.16)!important;
  }
  #profile-overlay .panel{border-radius:16px!important;box-shadow:0 5px 17px rgba(31,41,55,.035)!important;}
  #profile-overlay .panel-title{letter-spacing:-.2px!important;}
  #profile-overlay .field,#profile-overlay select.field,#profile-overlay textarea.field{border-radius:12px!important;}
  #profile-overlay .btn{transition:transform .12s ease,box-shadow .12s ease,background .12s ease;}
  #profile-overlay .btn:active{transform:scale(.99);}
  #profile-mobile-dock{border:1px solid rgba(226,218,222,.9)!important;box-shadow:0 10px 28px rgba(31,41,55,.11)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
}
@media (max-width:370px){
  #profile-overlay .app-actions{gap:4px!important;}
  #profile-overlay .app-actions .btn{font-size:8.8px!important;padding:4px 2px!important;}
  #profile-overlay .site-language-switcher button{font-size:8.8px!important;padding:0 2px!important;}
  #profile-account-container .compatibility-profile-promo h3{font-size:16px!important;}
}

/* id="mb-v73-coral-warmth" */

/* =========================================================
   V73 CORAL WARMTH — full UI refresh
   Warm coral / peach palette, soft cards, desktop sidebar,
   compact responsive mobile layout. Existing functions/data
   remain untouched; this layer only modernizes presentation.
   ========================================================= */
:root{
  --pink:#ff654f;
  --pink-dark:#ef4f3b;
  --ink:#252127;
  --muted:#7b7478;
  --soft:#fff5f0;
  --line:#f0dfd7;
  --white:#fff;
  --green:#61b77c;
  --coral:#ff654f;
  --coral-2:#ff7d67;
  --peach:#ffd9c7;
  --peach-soft:#fff4ed;
  --cream:#fffdfb;
  --sand:#f8eee8;
  --shadow:0 14px 40px rgba(115,72,54,.09);
  --shadow-soft:0 7px 22px rgba(115,72,54,.065);
  --radius:22px;
  --sidebar-w:170px;
}
html,body{background:#fffaf7;color:var(--ink)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

/* landing */
.nav{background:rgba(255,253,251,.94)!important;border-color:#f2e4dd!important;box-shadow:0 4px 20px rgba(94,55,40,.035)}
.brand{color:var(--coral)!important}
.heart{border-color:var(--coral)!important}
.heart:before,.heart:after{border-color:var(--coral)!important;background:#fffdfb!important}
.hero{background:radial-gradient(circle at 80% 28%,rgba(255,183,150,.34),transparent 26%),linear-gradient(135deg,#fffdfb 0%,#fff8f3 48%,#ffeadf 100%)!important;border-color:#f5e4dc!important}
.pill{background:#fff0e9!important;border-color:#ffd5c4!important;color:var(--coral)!important}
h1 span{color:var(--coral)!important}
.point,.step,.card,.panel{border-color:#f0e4de!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--shadow-soft)!important}
.btn{border-color:#f2c4b5!important;border-radius:13px!important;color:#c9503e!important;background:#fffdfb!important;box-shadow:none!important;font-weight:800!important}
.btn:hover{background:#fff3ee!important;border-color:#ff9f8d!important;transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,var(--coral),#ff5d4a)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 19px rgba(255,101,79,.20)!important}
.btn.primary:hover{background:linear-gradient(135deg,#f75a45,#ed4b38)!important}
.btn.dark{background:#30282a!important;border-color:#30282a!important;color:#fff!important}
.field{border-color:#eaded8!important;background:#fffdfb!important;border-radius:13px!important}
.field:focus{border-color:#ff907c!important;box-shadow:0 0 0 4px rgba(255,101,79,.09)!important}

/* app shell */
.app-overlay{background:linear-gradient(135deg,#fffaf7 0%,#fffdfb 55%,#fff6f0 100%)!important}
.app-topbar{background:rgba(255,253,251,.96)!important;border-bottom:1px solid #f0e4de!important;box-shadow:0 3px 16px rgba(88,55,43,.035)!important}
.app-topbar-inner{max-width:none!important;min-height:68px!important;padding:9px 22px!important}
.app-title{color:#282226!important;font-size:21px!important;letter-spacing:-.025em!important}
.app-subtitle{color:#85797a!important}
.app-container{width:min(1180px,calc(100% - 36px))!important;margin:24px auto 80px!important}
.panel{border-radius:18px!important;padding:20px!important}
.panel-title{color:#2b2528!important}
.panel-description{color:#81777a!important}

/* Soft coral cards and banners */
.compatibility-profile-promo,#feedback-support-card,#photo-access-quick-card{
  border-color:#ffd7ca!important;
  background:linear-gradient(135deg,#fff1ea 0%,#fff9f5 58%,#ffe7dc 100%)!important;
  box-shadow:var(--shadow-soft)!important;
}
.compatibility-profile-promo .promo-kicker{background:var(--coral)!important}
#profile-summary-card,#message-settings-card,#daily-email-settings-card,#profile-status-card,.photo-section{
  border-color:#f0e1da!important;
  background:#fffdfb!important;
  box-shadow:var(--shadow-soft)!important;
}
#profile-account-container::before{opacity:.035!important;filter:hue-rotate(330deg) saturate(.8)}
#profile-account-container .compatibility-profile-promo::after,#profile-summary-card::after,.photo-section::after{filter:hue-rotate(330deg) saturate(.8)}

/* Discover */
#discover-overlay .app-container>.panel:first-child{background:linear-gradient(135deg,#fffdfb,#fff2eb)!important}
.discover-filter{gap:9px!important}
.filter-label{color:#766b6e!important}
.discover-grid{gap:15px!important}
.discover-card{border-color:#f0e3dd!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(94,61,47,.07)!important;background:#fff!important}
.discover-card:hover{transform:translateY(-3px)!important;box-shadow:0 14px 30px rgba(94,61,47,.11)!important}
.discover-photo{background:linear-gradient(135deg,#ffe9df,#fff6f1)!important}
.discover-body{padding:14px!important}
.discover-name{color:#2d2729!important;font-size:19px!important}
.discover-location,.discover-bio{color:#81777a!important}
.compatibility-badge{background:#eff8ee!important;color:#397d4e!important;border:1px solid #d9eddc!important;box-shadow:0 5px 14px rgba(54,106,68,.08)!important;backdrop-filter:none!important}
.tag{background:#fff7f2!important;border-color:#f0ded6!important;color:#655b5e!important}

/* Public profile */
.public-main-photo,.public-info{border-radius:20px!important}
.public-info{border-color:#f0e3dc!important;box-shadow:var(--shadow-soft)!important;background:#fffdfb!important}
.public-score{color:#c94f3e!important;background:#fff0e9!important;border-color:#ffd0c0!important}
.public-thumb{border-radius:12px!important}
.public-thumb:hover{border-color:var(--coral)!important}

/* Messages */
.messages-wrap{max-width:980px!important}
.inbox-item{border-color:#f0e4de!important;background:#fffdfb!important;border-radius:16px!important;box-shadow:0 4px 14px rgba(90,56,44,.035)}
.inbox-item:hover{border-color:#ffb6a5!important;box-shadow:0 9px 22px rgba(90,56,44,.08)!important}
.inbox-avatar{background:#fff0e9!important;color:#c74d3b!important}
.unread-badge{background:var(--coral)!important}
.message-row.mine .message-bubble{background:#050505!important;color:#fff!important;border-bottom-right-radius:5px!important;box-shadow:0 7px 18px rgba(0,0,0,.20)!important}
.message-row:not(.mine) .message-bubble{background:#fff!important;border:1px solid #eee3de!important;color:#443d3f!important;border-bottom-left-radius:5px!important}
.message-time{opacity:.82}
.message-row.mine .message-time{opacity:1!important;color:#aeb9c8!important}
.message-row.mine .message-status.sent{color:#d8e0ea!important}
.message-row.mine .message-status.delivered{color:#62a7ff!important}
.message-row.mine .message-status.read{color:#72dc8b!important}
.message-composer{background:#fffaf7!important;border-color:#efe1da!important}
.message-composer textarea{background:#fff!important;border-color:#eaded8!important;border-radius:18px!important}

/* compatibility test */
#compatibility-overlay .panel,.compatibility-question-card{border-radius:18px!important}
#compatibility-overlay input[type="radio"],#compatibility-overlay input[type="checkbox"]{accent-color:var(--coral)}
#compatibility-overlay .compatibility-question-category{background:#fff0e9!important;color:#c34e3d!important}

/* progress and badges */
.completion-track,.track{background:#f1e7e2!important}
.completion-fill,.fill{background:linear-gradient(90deg,var(--coral),#ff9f88)!important}
.trust-badge,.match-banner{background:#fff0e9!important;border-color:#ffd2c3!important;color:#b84b3b!important}

/* language switch */
.site-language-switcher{border-color:#efddd5!important;background:#fffdfb!important;box-shadow:none!important}
.site-language-switcher button.active{background:var(--coral)!important;color:#fff!important}

/* ================= DESKTOP LEFT MENU ================= */
.mb-coral-sidebar{display:none}
@media(min-width:901px){
  .app-overlay.mb-has-coral-sidebar{padding-left:var(--sidebar-w)!important}
  .app-overlay.mb-has-coral-sidebar>.app-topbar{left:var(--sidebar-w)!important;width:calc(100% - var(--sidebar-w))!important}
  .app-overlay.mb-has-coral-sidebar>.app-topbar .app-topbar-inner{padding-left:18px!important;padding-right:20px!important}
  .app-overlay.mb-has-coral-sidebar>.app-container,
  .app-overlay.mb-has-coral-sidebar>.messages-wrap,
  .app-overlay.mb-has-coral-sidebar>.public-profile-wrap{max-width:1180px!important}
  .mb-coral-sidebar{
    display:flex;position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);z-index:69000;
    flex-direction:column;padding:19px 12px 16px;background:rgba(255,253,251,.98);
    border-right:1px solid #f0e3dd;box-shadow:8px 0 30px rgba(87,53,41,.035);overflow-y:auto;
  }
  .mb-coral-brand{display:flex;align-items:center;gap:8px;padding:4px 8px 23px;color:var(--coral);font-size:16px;font-weight:900;white-space:nowrap}
  .mb-coral-brand-heart{width:21px;height:18px;display:grid;place-items:center;font-size:20px;line-height:1}
  .mb-coral-nav{display:flex;flex-direction:column;gap:5px}
  .mb-coral-nav button{width:100%;min-height:39px;border:0;background:transparent;border-radius:11px;padding:9px 10px;display:flex;align-items:center;gap:10px;text-align:left;color:#6c6164;font-size:12px;font-weight:700;cursor:pointer;transition:.16s ease}
  .mb-coral-nav button:hover{background:#fff3ed;color:#cc503e;transform:translateX(1px)}
  .mb-coral-nav button.active{background:linear-gradient(90deg,#fff0e9,#fff6f2);color:#ef5945;box-shadow:inset 3px 0 0 var(--coral)}
  .mb-coral-nav .ico{width:19px;text-align:center;font-size:15px;flex:0 0 auto}
  .mb-coral-nav .count{margin-left:auto;display:none;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--coral);color:#fff;font-size:10px;align-items:center;justify-content:center}
  .mb-coral-divider{height:1px;background:#f0e5df;margin:11px 6px}
  .mb-coral-sidebar-bottom{margin-top:auto;padding-top:14px}
  .mb-coral-sidebar-bottom .site-language-switcher{width:100%;justify-content:center;margin-bottom:8px}
}

/* top action row lighter and compact on desktop */
@media(min-width:901px){
  .app-actions{gap:6px!important;flex-wrap:wrap!important}
  .app-actions .btn{min-height:36px!important;padding:8px 10px!important;font-size:11px!important;border-radius:11px!important}
}

/* ================= MOBILE ================= */
@media(max-width:900px){
  :root{--radius:17px}
  .app-overlay{padding-left:0!important}
  .app-topbar{left:0!important;width:100%!important}
  .app-topbar-inner{padding:8px 10px!important;min-height:58px!important}
  .app-title{font-size:18px!important}
  .app-container{width:calc(100% - 14px)!important;margin:10px auto 88px!important}
  .panel{padding:14px!important;border-radius:16px!important}
  .btn{border-radius:12px!important}
  .discover-grid{grid-template-columns:1fr!important;gap:12px!important}
  .discover-card{border-radius:17px!important}
  .discover-photo{aspect-ratio:16/11!important}
  .public-profile-wrap{width:calc(100% - 14px)!important;margin:10px auto 88px!important}
  .public-main-photo,.public-info{border-radius:17px!important}
  .messages-wrap{padding:12px 8px 88px!important}
  .message-bubble{max-width:86%!important}
  .compatibility-profile-promo{border-radius:16px!important}
  .mb-mobile-dock{background:rgba(255,253,251,.96)!important;border:1px solid #f0ded7!important;box-shadow:0 10px 30px rgba(87,53,41,.13)!important}
  .mb-mobile-dock button{color:#817578!important}
  .mb-mobile-dock button .mb-dock-icon{color:var(--coral)!important}
  .mb-mobile-dock button:active{background:#fff0e9!important}
  #conversation-overlay .message-composer{border-radius:18px 18px 0 0!important;padding-left:4px!important;padding-right:4px!important}
}
@media(max-width:520px){
  .app-actions{gap:4px!important}
  .app-actions .btn{min-height:34px!important;padding:7px 8px!important;font-size:10px!important}
  .discover-filter{grid-template-columns:1fr 1fr!important}
  .public-name{font-size:27px!important}
  .message-composer .btn{min-width:44px!important}
}
@media(max-width:380px){.discover-filter{grid-template-columns:1fr!important}}

/* English mode: slightly roomier labels, no clipping */
html[lang="en"] .mb-coral-nav button{font-size:11.5px}
html[lang="en"] .app-actions .btn{white-space:nowrap}
html[lang="en"] select.field{padding-right:30px!important}

/* id="mb-v74-deep-audit-style" */

/* V74 DEEP AUDIT — Coral Warmth stability & responsive polish */
:root{--sidebar-w:184px}
button,.btn,[role="button"],a{-webkit-tap-highlight-color:transparent}
button:focus-visible,.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,101,79,.28)!important;outline-offset:2px}
.app-overlay{isolation:isolate}
.mb-coral-sidebar{overscroll-behavior:contain}
.mb-coral-nav button{line-height:1.2}
.mb-coral-nav button .count{font-variant-numeric:tabular-nums}
.message-thread{scrollbar-gutter:stable}
.message-bubble{overflow-wrap:anywhere}
@media(min-width:901px){
  .app-overlay.mb-has-coral-sidebar>.app-container,.app-overlay.mb-has-coral-sidebar>.messages-wrap,.app-overlay.mb-has-coral-sidebar>.public-profile-wrap{width:min(1180px,calc(100% - 34px))!important}
}
@media(max-width:900px){
  body.is-authenticated{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .app-overlay{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
  .app-topbar{padding-top:env(safe-area-inset-top)}
  .mb-mobile-dock{bottom:max(6px,env(safe-area-inset-bottom))!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .mb-mobile-dock button{min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mb-mobile-dock button.mb-dock-heart{width:54px;height:54px;min-height:54px!important;justify-self:center;border-radius:50%!important;background:linear-gradient(135deg,#ff745f,#ff5846)!important;color:#fff!important;box-shadow:0 10px 24px rgba(255,101,79,.28)!important}
  .mb-mobile-dock button.mb-dock-heart .mb-dock-icon{color:#fff!important;font-size:23px!important;margin:0!important}
  .mb-mobile-dock button.mb-dock-heart .mb-dock-label{display:none}
  .photo-gallery{gap:8px!important}
  .public-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .app-topbar-inner{gap:7px!important}.app-title{font-size:17px!important}.app-subtitle{font-size:10.5px!important}.panel-title{font-size:17px!important}
  .discover-body{padding:13px!important}.public-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.message-composer textarea{font-size:16px!important}
}
@media(max-width:360px){.mb-mobile-dock button{font-size:8.5px!important;padding-left:1px!important;padding-right:1px!important}.app-actions .btn{font-size:9px!important;padding-left:6px!important;padding-right:6px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}