/* id="mb-v100-sitewide-reference-ui" */

:root{
  --mb-red:#e52f46;
  --mb-red-2:#ff3f72;
  --mb-red-dark:#c92339;
  --mb-rose:#fff2f5;
  --mb-rose-2:#fff8fa;
  --mb-blue:#2877d4;
  --mb-green:#28a66a;
  --mb-purple:#8252d1;
  --mb-orange:#f59a2f;
  --mb-ink:#151a2d;
  --mb-ink-2:#374151;
  --mb-muted:#7b8496;
  --mb-line:#e7e9ef;
  --mb-surface:#ffffff;
  --mb-bg:#f7f7fa;
  --mb-radius:20px;
  --mb-radius-sm:14px;
  --mb-shadow:0 10px 28px rgba(19,25,44,.08);
  --mb-shadow-soft:0 4px 16px rgba(19,25,44,.055);
}
html,body{background:var(--mb-bg)!important;color:var(--mb-ink)!important;}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.01em;}
*{box-sizing:border-box;}
img{object-fit:cover;}

/* shared app shell */
.app-overlay{background:var(--mb-bg)!important;}
.app-topbar,.nav{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--mb-line)!important;box-shadow:0 3px 14px rgba(19,25,44,.035)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.app-topbar-inner{max-width:1180px!important;min-height:68px!important;padding:10px 16px!important;}
.app-title{font-size:22px!important;font-weight:900!important;color:var(--mb-ink)!important;letter-spacing:-.035em!important;}
.app-subtitle{color:var(--mb-muted)!important;font-size:12px!important;}
.app-container,.public-profile-wrap,.messages-wrap{max-width:1180px!important;}
.app-container{width:min(1180px,calc(100% - 28px))!important;margin:18px auto 92px!important;}

/* cards + sections */
.panel,.card,.settings-card,.profile-card,.message-card,.compat-chip,.inbox-item,.notification-item,.admin-card{
  background:#fff!important;border:1px solid var(--mb-line)!important;border-radius:var(--mb-radius)!important;box-shadow:var(--mb-shadow-soft)!important;
}
.panel{padding:20px!important;margin-bottom:14px!important;}
.panel-title{font-size:19px!important;font-weight:900!important;color:var(--mb-ink)!important;letter-spacing:-.025em!important;}
.panel-description,.muted,.helper,.hint{color:var(--mb-muted)!important;}
hr{border:0!important;border-top:1px solid var(--mb-line)!important;}

/* buttons */
.btn,button.btn,.action-btn,.tab-btn{
  min-height:42px!important;border-radius:13px!important;border:1px solid var(--mb-line)!important;background:#fff!important;color:var(--mb-ink-2)!important;font-weight:800!important;box-shadow:none!important;transition:.18s ease!important;
}
.btn:hover,.action-btn:hover,.tab-btn:hover{transform:translateY(-1px)!important;border-color:#efb9c3!important;box-shadow:var(--mb-shadow-soft)!important;}
.btn.primary,.btn.danger,.primary,.active-tab,[aria-selected="true"]{
  background:linear-gradient(135deg,var(--mb-red),var(--mb-red-2))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 18px rgba(229,47,70,.18)!important;
}
.btn.secondary{background:var(--mb-rose)!important;color:var(--mb-red-dark)!important;border-color:#f4ced5!important;}

/* forms / filters */
.field,input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  min-height:46px!important;border:1px solid var(--mb-line)!important;border-radius:13px!important;background:#fff!important;color:var(--mb-ink)!important;padding:10px 12px!important;box-shadow:none!important;
}
.field:focus,input:focus,select:focus,textarea:focus{outline:none!important;border-color:#ee8797!important;box-shadow:0 0 0 4px rgba(229,47,70,.08)!important;}
label,.filter-label{font-weight:800!important;color:#2d3446!important;}
input[type="range"]{accent-color:var(--mb-red)!important;}
input[type="checkbox"],input[type="radio"]{accent-color:var(--mb-red)!important;}

/* discover / search results */
.discover-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;}
.discover-card{overflow:hidden!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--mb-line)!important;box-shadow:var(--mb-shadow)!important;}
.discover-photo{background:#eceef3!important;aspect-ratio:4/5!important;}
.discover-photo img{width:100%!important;height:100%!important;object-fit:cover!important;}
.discover-body{padding:14px!important;}
.discover-name{font-size:20px!important;font-weight:900!important;color:var(--mb-ink)!important;}
.discover-location,.discover-bio,.discover-detail-list{color:#687185!important;}
.compatibility-badge,.public-score{background:#fff!important;color:var(--mb-red-dark)!important;border:2px solid #f2bbc4!important;border-radius:999px!important;box-shadow:0 5px 14px rgba(25,30,45,.12)!important;font-weight:900!important;}
#discover-overlay .app-container>.panel:first-child{background:#fff!important;}

/* profile */
.public-info,#profile-summary-card,.compatibility-profile-promo{background:#fff!important;border:1px solid var(--mb-line)!important;border-radius:22px!important;box-shadow:var(--mb-shadow)!important;}
.public-main-photo{border-radius:22px!important;overflow:hidden!important;}
.public-name{font-weight:950!important;letter-spacing:-.04em!important;color:var(--mb-ink)!important;}
.profile-tabs,.public-tabs{display:flex!important;gap:6px!important;overflow:auto!important;padding-bottom:3px!important;}
.profile-tabs .btn,.public-tabs .btn{border-radius:999px!important;white-space:nowrap!important;}

/* messaging */
.messages-wrap{width:min(980px,calc(100% - 26px))!important;}
.inbox-item{padding:12px 14px!important;margin-bottom:8px!important;}
.inbox-avatar{border-radius:50%!important;overflow:hidden!important;}
.message-bubble,.chat-bubble{border-radius:16px!important;padding:10px 12px!important;max-width:78%!important;}
.message-bubble.mine,.chat-bubble.mine,.message-out,.outgoing{background:linear-gradient(135deg,var(--mb-red),var(--mb-red-2))!important;color:#fff!important;}
.message-bubble.theirs,.chat-bubble.theirs,.message-in,.incoming{background:#f1f2f5!important;color:var(--mb-ink)!important;}
.message-composer,.chat-composer{background:#fff!important;border-top:1px solid var(--mb-line)!important;}

/* notifications, settings, account, help */
.settings-row,.account-row,.help-row,.notification-row,.menu-row{
  background:#fff!important;border-bottom:1px solid var(--mb-line)!important;min-height:52px!important;padding:12px 14px!important;
}
.settings-row:last-child,.account-row:last-child,.help-row:last-child,.notification-row:last-child,.menu-row:last-child{border-bottom:0!important;}
.settings-row:hover,.account-row:hover,.help-row:hover,.notification-row:hover,.menu-row:hover{background:var(--mb-rose-2)!important;}

/* compatibility test */
.compatibility-test-container,.compatibility-question-card,.question-card{background:#fff!important;border:1px solid var(--mb-line)!important;border-radius:22px!important;box-shadow:var(--mb-shadow)!important;}
.compatibility-progress,.progress-bar{border-radius:999px!important;overflow:hidden!important;background:#f4dfe4!important;}
.compatibility-progress>* ,.progress-bar>*{background:linear-gradient(90deg,var(--mb-red),var(--mb-red-2))!important;}
.answer-option,.compatibility-option{border:1px solid var(--mb-line)!important;border-radius:13px!important;background:#fff!important;padding:11px 12px!important;}
.answer-option.selected,.compatibility-option.selected{background:var(--mb-rose)!important;border-color:#ed9eaa!important;color:var(--mb-red-dark)!important;}

/* bottom/mobile navigation */
.bottom-nav,.mobile-bottom-nav,.app-bottom-nav{
  background:rgba(255,255,255,.98)!important;border-top:1px solid var(--mb-line)!important;box-shadow:0 -5px 18px rgba(19,25,44,.07)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.bottom-nav button,.bottom-nav a,.mobile-bottom-nav button,.mobile-bottom-nav a,.app-bottom-nav button,.app-bottom-nav a{color:#6d7588!important;font-weight:750!important;}
.bottom-nav .active,.mobile-bottom-nav .active,.app-bottom-nav .active{color:var(--mb-red)!important;}

/* modal/mobile menu */
.modal,.dialog,.sheet,.drawer{border-radius:22px!important;background:#fff!important;box-shadow:0 24px 70px rgba(15,20,35,.22)!important;}
.drawer.dark,.mobile-menu{background:#1e2637!important;color:#fff!important;}

/* desktop dashboard */
.dashboard-grid,.home-grid{gap:14px!important;}
.stat-card,.dashboard-card{border-radius:18px!important;border:1px solid var(--mb-line)!important;background:#fff!important;box-shadow:var(--mb-shadow-soft)!important;}

/* remove decorative clutter from older editions */
#profile-account-container::before,#profile-account-container .compatibility-profile-promo::after,#profile-summary-card::after,#profile-summary-card::before,.photo-section::after,.romance-sparkles{display:none!important;}

/* responsive behavior mirroring the supplied phone mock */
@media(max-width:1100px){
  .discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:700px){
  body{background:#fff!important;}
  .app-overlay{background:#fff!important;}
  .app-topbar{position:sticky!important;top:0!important;z-index:900!important;}
  .app-topbar-inner{min-height:56px!important;padding:7px 10px!important;}
  .app-title{font-size:18px!important;}
  .app-subtitle{display:none!important;}
  .app-container,.public-profile-wrap,.messages-wrap{width:100%!important;max-width:none!important;margin:8px 0 82px!important;padding:0 8px!important;}
  .panel{border-radius:16px!important;padding:13px!important;margin-bottom:9px!important;box-shadow:none!important;}
  .discover-grid{grid-template-columns:1fr!important;gap:10px!important;}
  .discover-card{border-radius:17px!important;box-shadow:none!important;}
  .discover-photo{aspect-ratio:4/5!important;}
  .discover-body{padding:12px!important;}
  .btn,button.btn{min-height:40px!important;border-radius:11px!important;font-size:12px!important;}
  .field,input:not([type="checkbox"]):not([type="radio"]),select,textarea{min-height:43px!important;border-radius:11px!important;font-size:14px!important;}
  .public-info,#profile-summary-card,.compatibility-profile-promo{border-radius:16px!important;box-shadow:none!important;}
  .public-main-photo{border-radius:0!important;}
  .message-bubble,.chat-bubble{max-width:84%!important;border-radius:15px!important;}
  #discover-overlay #discover-mobile-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  #discover-overlay #discover-mobile-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:380px){
  #discover-overlay #discover-mobile-actions .btn{font-size:9px!important;padding:5px 2px!important;}
}

/* id="mb-9004-mobile-admin" */

@media(max-width:768px){
  #admin-panel-overlay{overflow-x:hidden!important;}
  #admin-panel-overlay .app-topbar-inner{align-items:flex-start!important;flex-wrap:wrap!important;}
  #admin-panel-overlay .app-actions{display:flex!important;flex-wrap:wrap!important;width:100%!important;}
  #admin-panel-overlay .app-actions .btn{flex:1 1 auto!important;min-width:0!important;}
  #admin-panel-overlay .app-container{width:calc(100% - 12px)!important;margin:8px auto 100px!important;max-width:none!important;}
  #admin-panel-overlay .admin-mobile-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;overflow:visible!important;}
  #admin-panel-overlay .admin-mobile-tabs .btn{width:100%!important;min-width:0!important;white-space:normal!important;min-height:48px!important;padding:8px 7px!important;font-size:11px!important;line-height:1.2!important;justify-content:center!important;text-align:center!important;}
  #admin-panel-overlay #admin-content{display:block!important;width:100%!important;min-width:0!important;overflow:visible!important;}
  #admin-panel-overlay #admin-content>.panel,#admin-panel-overlay #admin-content .panel{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;padding:12px!important;}
  #admin-panel-overlay #admin-content [style*="grid-template-columns"]{grid-template-columns:1fr!important;}
  #admin-panel-overlay #admin-content [style*="display: grid"]{max-width:100%!important;min-width:0!important;}
  #admin-panel-overlay #admin-content table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
  #admin-panel-overlay #admin-content input,#admin-panel-overlay #admin-content select,#admin-panel-overlay #admin-content textarea{width:100%!important;max-width:100%!important;min-width:0!important;}
  #admin-panel-overlay #admin-content .btn{max-width:100%!important;white-space:normal!important;}
  #admin-panel-overlay #admin-users-list>div,#admin-panel-overlay #admin-feedback-list>div,#admin-panel-overlay #admin-reports-list>div{width:100%!important;max-width:100%!important;min-width:0!important;}
}
@media(max-width:420px){
  #admin-panel-overlay .admin-mobile-tabs{grid-template-columns:1fr 1fr!important;}
  #admin-panel-overlay .admin-mobile-tabs .admin-tab-count{min-width:20px!important;height:20px!important;padding:0 5px!important;font-size:10px!important;}
}

/* id="mb-9007-navigation-style" */

/* 9.007 — single fixed main navigation + contextual left subnavigation */
.mb907-globalnav{position:sticky;top:0;z-index:60020;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #e8e4e8;box-shadow:0 6px 22px rgba(31,41,55,.05);padding:9px 14px}
.mb907-globalnav-inner{width:min(1380px,100%);margin:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.mb907-globalnav .btn{width:100%;min-height:42px;padding:9px 10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-overlay>.app-topbar{display:none!important}
.mb907-shell{display:grid!important;grid-template-columns:225px minmax(0,1fr)!important;gap:18px!important;align-items:start}
.mb907-main{min-width:0;display:grid;gap:18px}
.mb907-sidebar{position:sticky;top:72px;align-self:start;background:#fff;border:1px solid #e8e4e8;border-radius:22px;padding:12px;box-shadow:0 10px 28px rgba(31,41,55,.05);display:grid;gap:7px;z-index:20}
.mb907-sidebar-title{font-size:12px;font-weight:900;color:#8a6170;padding:6px 8px;text-transform:uppercase;letter-spacing:.05em}
.mb907-sidebar .btn{text-align:left;justify-content:flex-start;width:100%;min-height:42px;padding:9px 11px!important}
#profile-overlay #account-current-profile-card,#profile-overlay .compatibility-profile-promo{display:none!important}
#profile-overlay #profile-summary-card{order:1;margin-top:0!important}
#profile-overlay .photo-section{order:2}
#profile-overlay #profile-edit-fields{order:3}
#profile-overlay #mb907-settings-group{order:4}
#profile-overlay #admin-quick-card{order:5}
#profile-overlay #profile-summary-card .panel-title{font-size:23px}
#profile-overlay #profile-summary-card .btn.primary{min-width:210px}
#discover-overlay #discover-mobile-tabs,#discover-overlay #discover-desktop-tabs,#discover-overlay #discover-mobile-actions,#discover-overlay #discover-desktop-actions{display:none!important}
.mb907-settings-group{display:grid;gap:14px}
.mb907-settings-group>#account-settings-heading{margin:0!important;order:-1!important}
.mb907-settings-anchor{scroll-margin-top:88px}
@media(max-width:900px){
 .mb907-globalnav{padding:6px;overflow-x:auto}
 .mb907-globalnav-inner{display:flex;width:max-content;min-width:100%;gap:5px}
 .mb907-globalnav .btn{width:auto;min-width:118px;font-size:12px;padding:8px!important}
 .mb907-shell{grid-template-columns:1fr!important;gap:10px!important}
 .mb907-sidebar{position:sticky;top:57px;display:flex;overflow-x:auto;border-radius:16px;padding:7px;gap:5px}
 .mb907-sidebar-title{display:none}
 .mb907-sidebar .btn{width:auto;min-width:max-content;text-align:center;font-size:12px;min-height:38px;padding:7px 10px!important}
 .app-container{width:min(100% - 14px,1380px)!important;margin-top:12px!important}
}