:root{
  --wine:#750027;
  --wine-dark:#430019;
  --wine-soft:#a40d3f;
  --gold:#d6a437;
  --gold-light:#ffe4a6;
  --ivory:#fffaf2;
  --cream:#fbf3e8;
  --blush:#fff1ee;
  --ink:#2c1720;
  --muted:#7b6870;
  --line:#ead8bd;
  --shadow:0 18px 45px rgba(67,0,25,.12);
  --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:15px;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:
  radial-gradient(circle at 80% 8%,rgba(214,164,55,.12),transparent 28%),
  linear-gradient(180deg,#fffaf4 0%,#fff7ef 46%,#fffaf5 100%);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.ms-icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.ms-brand{display:flex;align-items:center;gap:10px;color:#fff}
.ms-logo-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--gold),#fff0b8);color:var(--wine);font:700 24px var(--serif);box-shadow:0 8px 18px rgba(0,0,0,.18)}
.ms-logo-mark--image{padding:0;overflow:hidden;background:transparent;border-radius:50%;border:1px solid rgba(255,226,158,.55)}
.ms-logo-mark--image img{width:100%;height:100%;object-fit:cover}
.ms-logo-mark--large{width:74px;height:74px;border-radius:50%}
.ms-brand strong{font:700 34px/1 var(--serif);letter-spacing:-.02em}
.ms-brand strong span{color:var(--gold)}
.ms-brand small{display:block;color:#eac988;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.ms-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:10px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.2s ease;background:#fff}
.ms-btn-primary{background:linear-gradient(135deg,var(--wine),#bf315d);color:#fff;box-shadow:0 16px 28px rgba(117,0,39,.22)}
.ms-btn-gold{background:linear-gradient(135deg,#fff2be,var(--gold));color:#5d2600;border-color:#d59a22}
.ms-btn-outline,.ms-btn-light{border-color:var(--line);color:var(--wine);background:#fffdf9}
.ms-btn-wide{width:100%}
.ms-panel{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:22px}
.ms-panel h2,.ms-panel h3{margin:0 0 12px;color:var(--wine);font-family:var(--serif)}
.ms-empty{grid-column:1/-1;padding:28px;border:1px dashed var(--line);border-radius:16px;background:#fffdf8;color:var(--muted);text-align:center}
.ms-flash,.flash{max-width:900px;margin:12px auto;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--wine);font-weight:800}
.ms-flash.error,.flash--error{background:#fff1f1;color:#b31331}
.ms-flash.success,.flash--success{background:#f4fff3;color:#176d27}
.ms-round-action b[hidden]{display:none!important}

/* Public landing */
.ms-public{min-height:100vh}
.ms-landing-nav{height:92px;padding:0 48px;background:linear-gradient(135deg,var(--wine-dark),var(--wine));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(214,164,55,.35)}
.ms-landing-nav nav{display:flex;align-items:center;gap:34px;color:#fff}
.ms-landing-nav nav a{font-weight:700;opacity:.95}
.ms-landing-nav nav a.active{color:var(--gold);border-bottom:2px solid var(--gold);padding-bottom:8px}
.ms-login-link{position:relative;overflow:hidden;border:1px solid rgba(255,226,146,.95);border-radius:12px;padding:14px 26px;color:#ffe9a8!important;background:linear-gradient(135deg,rgba(255,227,156,.12),rgba(255,255,255,.03));box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 14px 32px rgba(0,0,0,.18)}
.ms-login-link:before{content:"";position:absolute;top:-70%;left:-45%;width:40%;height:240%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:rotate(24deg);animation:ms-shine 3.4s ease-in-out infinite}
.ms-login-link>*{position:relative;z-index:1}
@keyframes ms-shine{0%,45%{left:-55%}72%,100%{left:130%}}
.ms-landing-hero{position:relative;min-height:520px;padding:72px 6vw 120px;background:
  linear-gradient(90deg,rgba(255,250,242,.97) 0%,rgba(255,250,242,.86) 38%,rgba(255,250,242,.08) 74%),
  url("../img/generated/milansaathi-landing-hero.jpg") right center/cover no-repeat}
.ms-landing-copy{max-width:620px}
.ms-landing-copy h1{font:700 clamp(52px,6vw,82px)/.98 var(--serif);color:#64101d;margin:0 0 22px}
.ms-landing-copy p{font-size:22px;line-height:1.5;color:#5b4b52;margin:0 0 32px;max-width:560px}
.ms-hero-actions{display:flex;gap:20px;flex-wrap:wrap}
.ms-hero-actions .ms-btn{min-height:58px;padding:0 34px;border-radius:12px;font-size:17px}
.ms-hero-create{min-width:260px;font-size:18px!important;box-shadow:0 20px 38px rgba(117,0,39,.28)}
.ms-hero-search{position:absolute;left:6vw;right:6vw;bottom:-48px;display:grid;grid-template-columns:repeat(4,1fr) 160px;gap:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px}
.ms-hero-search label{display:flex;gap:14px;align-items:center;padding:0 22px;border-right:1px solid var(--line)}
.ms-hero-search label svg{color:var(--gold)}
.ms-hero-search span{display:grid;gap:4px;color:var(--muted)}
.ms-hero-search b{color:var(--ink);font-size:17px}
.ms-trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:82px 6vw 34px;padding:22px;background:#fffdf9;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(92,50,17,.08)}
.ms-trust-strip div{display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:center}
.ms-trust-strip svg{grid-row:1/3;width:44px;height:44px;padding:10px;border-radius:50%;background:#fff5e9;color:var(--gold)}
.ms-trust-strip b{font:700 18px var(--serif);color:var(--wine)}
.ms-trust-strip span{color:var(--muted)}
.ms-home-showcase{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px;margin:0 6vw 34px;padding:28px;background:linear-gradient(135deg,#fffdf9,#fff4ea);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 42px rgba(67,0,25,.08)}
.ms-showcase-head span{display:inline-flex;margin-bottom:10px;padding:7px 12px;border-radius:999px;background:#fff1e1;color:#8b5b0e;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.ms-showcase-head h2{font:700 34px/1.08 var(--serif);color:var(--wine);margin:0 0 12px}
.ms-showcase-head p{color:#6b5960;line-height:1.55;margin:0}
.ms-showcase-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ms-showcase-list article{display:grid;grid-template-columns:46px 1fr;gap:6px 14px;align-content:start;padding:18px;border:1px solid rgba(214,164,55,.28);border-radius:14px;background:rgba(255,255,255,.74)}
.ms-showcase-list svg{grid-row:1/3;width:46px;height:46px;padding:11px;border-radius:14px;background:#fff4df;color:var(--gold)}
.ms-showcase-list b{color:var(--wine);font-size:16px}
.ms-showcase-list p{margin:0;color:var(--muted);line-height:1.45}
.ms-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 6vw 64px}
.ms-feature-grid a{padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.ms-feature-grid svg{width:72px;height:72px;padding:18px;border-radius:50%;background:#fff1ee;color:var(--gold)}
.ms-feature-grid h3{font:700 26px var(--serif);color:var(--wine);margin:16px 0 10px}
.ms-feature-grid p{color:var(--muted);line-height:1.6}
.ms-feature-grid span{color:var(--wine);font-weight:800}

/* Login */
.ms-login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1.08fr;background:#fff9f3}
.ms-login-visual{position:relative;min-height:100vh;background:
  linear-gradient(180deg,rgba(70,0,28,.1),rgba(70,0,28,.18)),
  url("../img/generated/milansaathi-login-hero.jpg") center/cover no-repeat}
.ms-login-brand{position:absolute;top:70px;left:72px;color:#fff}
.ms-login-trust{position:absolute;left:42px;bottom:54px;width:340px;padding:36px;background:linear-gradient(135deg,rgba(84,0,32,.96),rgba(138,21,55,.92));border-radius:18px;color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.ms-login-trust svg{width:58px;height:58px;color:var(--gold);margin-bottom:14px}
.ms-login-trust p{font:400 24px/1.4 var(--serif);margin:0 0 18px}
.ms-login-trust hr{border:0;border-top:1px solid rgba(255,220,150,.45);margin:20px 0}
.ms-login-panel{position:relative;display:grid;place-items:center;padding:70px}
.ms-back-home{position:absolute;right:70px;top:45px;color:var(--wine);font-size:18px}
.ms-login-card{width:min(620px,100%);padding:70px 54px 34px;background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px rgba(95,49,28,.12);text-align:center;position:relative}
.ms-login-emblem{position:absolute;top:-45px;left:50%;transform:translateX(-50%);width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fff, #fff0f0);border:1px solid #fff;box-shadow:var(--shadow);color:var(--gold);font:700 45px var(--serif)}
.ms-login-emblem .ms-logo-mark{box-shadow:none}
.ms-login-card h1{font:700 42px var(--serif);color:#64101d;margin:0 0 10px}
.ms-login-card>p{font-size:20px;color:var(--muted);margin:0 0 22px}
.ms-gold-divider{display:flex;justify-content:center;margin:18px 0 28px}
.ms-gold-divider span{width:150px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);position:relative}
.ms-gold-divider span:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;background:var(--gold);transform:translate(-50%,-50%) rotate(45deg)}
.ms-form{display:grid;gap:18px;text-align:left}
.ms-form label,.ms-form-grid label,.ms-search-form label{display:grid;gap:8px;color:#3b2028;font-weight:800}
.ms-input-icon{height:72px;border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;align-items:center;gap:16px;padding:0 22px}
.ms-input-icon svg{color:#6c5a62}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fffdf9;color:var(--ink);padding:14px 16px;outline:none}
textarea{resize:vertical}
.ms-input-icon input{border:0;padding:0;font-size:20px}
.ms-safe-note{display:flex;align-items:center;justify-content:center;gap:10px;margin:26px 0;color:var(--muted)}
.ms-safe-note svg{color:var(--gold)}
.ms-login-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:24px;border-top:1px solid var(--line);text-align:left}
.ms-login-benefits span{display:grid;grid-template-columns:42px 1fr;gap:4px 12px}
.ms-login-benefits svg{grid-row:1/3;width:40px;height:40px;color:var(--gold)}
.ms-login-benefits b{color:var(--ink)}
.ms-login-benefits small{color:var(--muted)}

/* Notification, legal and support refinements */
.ms-notification-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.ms-notification-list{display:grid;gap:12px}
.ms-notification-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 10px 26px rgba(67,0,25,.06);transition:.18s ease}
.ms-notification-item:hover{transform:translateY(-1px);border-color:#e2bd72;box-shadow:0 16px 34px rgba(67,0,25,.1)}
.ms-notification-item.unread{background:linear-gradient(90deg,#fff,#fff6f8);border-left:4px solid var(--wine-soft)}
.ms-notification-item i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff0f4;color:var(--wine)}
.ms-notification-item h3{margin:0 0 5px;color:var(--ink);font:800 18px/1.25 var(--sans)}
.ms-notification-item h3 span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e33d58;margin-left:10px;vertical-align:middle}
.ms-notification-item p{margin:0;color:#5f4d55;line-height:1.45}
.ms-notification-item time{color:var(--muted);font-size:13px;white-space:nowrap}
.ms-notification-side{display:grid;gap:12px}
.ms-notification-side label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #f0dfc8;font-weight:800}
.ms-notification-side input{width:auto}
.ms-notification-side .ms-side-note{padding:14px;border-radius:12px;background:#fff8ed;color:var(--muted)}
.ms-notification-side .ms-side-note b{display:flex;align-items:center;gap:8px;color:var(--wine);margin-bottom:6px}
.ms-legal-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ms-legal-hero-card{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:22px;padding:28px;background:
  radial-gradient(circle at 88% 20%,rgba(214,164,55,.2),transparent 26%),
  linear-gradient(135deg,#fff,#fff7eb)}
.ms-legal-hero-card>div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:6px 18px;align-items:center}
.ms-legal-hero-card>div>span{grid-row:1/3;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fff0cf,#d6a437);color:var(--wine);box-shadow:0 12px 28px rgba(214,164,55,.22)}
.ms-legal-hero-card h2{margin:0;color:var(--wine);font:900 28px/1.15 var(--serif)}
.ms-legal-hero-card p{grid-column:2;margin:0;color:#5f4d55;line-height:1.55;max-width:980px}
.ms-legal-hub-card{min-height:190px;padding:22px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:10px;transition:.18s ease}
.ms-legal-hub-card:hover{transform:translateY(-2px);border-color:#e2bd72;box-shadow:0 18px 38px rgba(67,0,25,.12)}
.ms-legal-hub-card span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff2da;color:var(--wine)}
.ms-legal-hub-card h2{margin:0;color:var(--wine);font:800 22px/1.2 var(--serif)}
.ms-legal-hub-card p{margin:0;color:var(--muted);line-height:1.45}
.ms-legal-hub-card b{margin-top:auto;color:var(--wine)}
.ms-legal-safety-banner{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ms-legal-safety-banner h2{margin:0;color:var(--wine)}
.ms-legal-safety-banner p{margin:0;max-width:800px;color:#5f4d55;line-height:1.55}
.ms-support-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px;padding:24px;background:linear-gradient(135deg,#fff,#fff7ef)}
.ms-support-intro>div{display:grid;grid-template-columns:54px minmax(0,1fr);gap:4px 16px;align-items:center}
.ms-support-intro svg{grid-row:1/3;width:54px;height:54px;padding:13px;border-radius:50%;background:#fff2da;color:var(--wine)}
.ms-support-intro h2{margin:0;color:var(--wine);font:900 27px/1.15 var(--serif)}
.ms-support-intro p{grid-column:2;margin:0;color:#5f4d55;line-height:1.5}
.ms-support-intro>span{white-space:nowrap;border-radius:999px;padding:9px 14px;font-weight:900;font-size:13px}
.ms-support-intro>span.ready{background:#eaf8ed;color:#13752a}
.ms-support-intro>span.missing{background:#fff0f0;color:#9b1030}
.ms-support-safety-note{margin:0;color:#7a6570;background:#fff7ed;border:1px solid #f0dfc8;border-radius:12px;padding:12px 14px;line-height:1.45}
.ms-support-table-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.ms-support-table-head h2{margin:0;display:flex;align-items:center;gap:10px}
.ms-support-table-head small{border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:var(--wine);font-weight:900;background:#fff8ed}
.ms-support-table-wrap{overflow:auto}
.ms-support-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.ms-support-table th{padding:12px 14px;text-align:left;background:#fff7ee;color:var(--wine);border-bottom:1px solid var(--line)}
.ms-support-table td{padding:13px 14px;border-bottom:1px solid #f0dfc8;vertical-align:top}
.ms-support-table b,.ms-support-table span,.ms-support-table em{display:block}
.ms-support-table span{margin-top:4px;color:var(--muted);line-height:1.4}
.ms-support-table em{margin-top:6px;font-style:normal;color:#176d27}
.ms-support-table mark{display:inline-flex;padding:5px 10px;border-radius:999px;background:#fff1da;color:var(--wine);font-weight:800}
.ms-browser-notice-permission{position:fixed;right:330px;bottom:26px;z-index:80;width:min(420px,calc(100vw - 40px));padding:18px;border:1px solid #e4c27d;border-radius:16px;background:rgba(255,253,248,.98);box-shadow:0 22px 55px rgba(67,0,25,.18)}
.ms-browser-notice-permission strong{display:block;color:var(--wine);font:800 20px/1.2 var(--serif);margin-bottom:6px}
.ms-browser-notice-permission p{margin:0 0 14px;color:var(--muted);line-height:1.45}
.ms-browser-notice-permission div{display:flex;gap:10px;justify-content:flex-end}
.ms-browser-notice-permission button{min-height:38px;padding:0 14px;border-radius:9px;border:1px solid var(--line);font-weight:800;cursor:pointer;background:#fff;color:var(--wine)}
.ms-browser-notice-permission button[data-notification-enable]{border-color:transparent;background:linear-gradient(135deg,var(--wine),#bf315d);color:#fff}

/* App shell */
.ms-app{padding-left:280px;padding-top:78px}
.ms-sidebar{position:fixed;inset:0 auto 0 0;width:280px;background:
  radial-gradient(circle at 10% 12%,rgba(255,225,140,.16),transparent 18%),
  linear-gradient(180deg,#750027,#420018);color:#fff;padding:28px 18px;z-index:20;overflow-y:auto}
.ms-brand--side{margin:0 8px 30px}
.ms-brand--side strong{font-size:29px}
.ms-nav{display:grid;gap:8px}
.ms-nav a{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 16px;border-radius:11px;color:#fff;font-weight:700;position:relative}
.ms-nav a.active,.ms-nav a:hover{background:rgba(255,255,255,.15);box-shadow:inset 3px 0 0 var(--gold)}
.ms-nav b{margin-left:auto;background:#df4767;border-radius:16px;padding:3px 8px;font-size:12px}
.ms-sidebar-card{margin-top:34px;padding:24px;border:1px solid rgba(255,220,150,.45);border-radius:14px;background:rgba(255,255,255,.1);text-align:center}
.ms-sidebar-card svg{width:48px;height:48px;color:var(--gold)}
.ms-sidebar-card strong{display:block;color:#ffe6a5;font:700 23px var(--serif);margin:10px 0}
.ms-sidebar-card p{color:#f5dce2;font-size:13px;line-height:1.5}
.ms-sidebar-card a{display:block;background:linear-gradient(135deg,#fff1b3,var(--gold));color:#51151e;border-radius:8px;padding:12px;font-weight:900}
.ms-topbar{position:fixed;top:0;left:280px;right:0;height:78px;background:rgba(255,250,242,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:15}
.ms-top-search{height:46px;width:min(460px,40vw);display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 14px}
.ms-top-search input{border:0;padding:0;background:transparent}
.ms-top-actions{display:flex;align-items:center;gap:12px}
.ms-premium-chip,.ms-user-chip,.ms-round-action,.ms-logout{height:46px;border:1px solid var(--line);background:#fffdf8;border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 14px;color:var(--wine);font-weight:800}
.ms-round-action{width:46px;justify-content:center;padding:0;position:relative}
.ms-round-action b{position:absolute;right:-4px;top:-5px;background:#df375d;color:#fff;border-radius:50%;font-size:11px;width:19px;height:19px;display:grid;place-items:center}
.ms-logout{cursor:pointer}
.ms-main{padding:34px 34px 90px;max-width:1640px;margin:0 auto}
.ms-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.ms-page-head h1{font:700 44px/1.05 var(--serif);color:#5d091b;margin:0 0 8px}
.ms-page-head p{margin:0;color:var(--muted);font-size:17px}
.ms-inline-search{display:flex;gap:10px;min-width:430px}
.ms-tabs{display:flex;gap:12px;margin:0 0 24px;overflow-x:auto}
.ms-tabs a{padding:12px 20px;border:1px solid var(--line);border-radius:10px;background:#fffdf9;color:var(--wine);font-weight:800;white-space:nowrap}
.ms-tabs a.active{background:linear-gradient(135deg,var(--wine),#c23861);color:#fff;border-color:transparent}

/* Profile cards and lists */
.ms-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:22px}
.ms-profile-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(60,20,30,.08)}
.ms-profile-photo{height:250px;position:relative;display:block;background:linear-gradient(135deg,#f8e8dc,#fff5ee)}
.ms-profile-photo img{width:100%;height:100%;object-fit:cover}
.ms-match-badge{position:absolute;left:12px;top:12px;background:linear-gradient(135deg,var(--wine),#c02d58);color:#fff;border-radius:8px;padding:9px 10px;font-weight:900;line-height:1;text-align:center;box-shadow:0 8px 20px rgba(117,0,39,.2)}
.ms-match-badge small{display:block;font-size:11px}
.ms-online{position:absolute;right:12px;top:12px;border-radius:20px;padding:6px 10px;font-size:12px;background:rgba(0,0,0,.45);color:#fff}
.ms-online.online:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#2ecb53;margin-right:6px}
.ms-profile-photo em{position:absolute;right:12px;top:50px;display:flex;align-items:center;gap:5px;background:#fff;border-radius:7px;padding:7px 9px;color:var(--wine);font-style:normal;font-weight:800}
.ms-profile-body{padding:16px}
.ms-profile-body h3{font-size:20px;color:#4a0016;margin:0 0 7px}
.ms-profile-body p{min-height:40px;color:#6f5b63;margin:0 0 14px;line-height:1.45}
.ms-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ms-card-actions form{display:contents}
.ms-card-actions .ms-btn{min-height:38px;padding:0 10px;font-size:13px}
.ms-shortlist-form button{margin-top:10px;width:100%;border:1px solid var(--line);border-radius:9px;background:#fffdf9;color:var(--wine);padding:10px;font-weight:800}
.ms-profile-card.compact{min-width:228px}
.ms-profile-card.compact .ms-profile-photo{height:160px}
.ms-profile-card.list{display:grid;grid-template-columns:180px 1fr}
.ms-profile-card.list .ms-profile-photo{height:230px}
.ms-profile-card.list .ms-card-actions{grid-template-columns:repeat(3,1fr)}

/* Dashboard */
.ms-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}
.ms-dashboard-main,.ms-dashboard-side{display:grid;gap:22px}
.ms-progress-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}
.ms-progress-row span,.ms-accuracy-pill i{height:8px;background:#efe3d3;border-radius:99px;overflow:hidden}
.ms-progress-row i,.ms-accuracy-pill em{display:block;height:100%;background:linear-gradient(90deg,var(--wine),#c12f5c)}
.ms-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.ms-section-title h2{font:700 24px var(--serif);margin:0;color:var(--wine)}
.ms-section-title em{font:800 12px var(--sans);background:#fff1f1;color:#b21c43;padding:5px 8px;border-radius:20px}
.ms-section-title a{color:var(--wine);font-weight:800}
.ms-horizontal-cards{display:grid;grid-auto-flow:column;grid-auto-columns:245px;gap:18px;overflow-x:auto;padding-bottom:8px}
.ms-two-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}
.ms-action-list{display:grid;gap:11px}
.ms-action-list a{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fffdf9}
.ms-action-list button{border:1px solid var(--wine);color:var(--wine);background:#fff;border-radius:8px;padding:7px 14px;font-weight:800}
.ms-profile-strength{text-align:center}
.ms-profile-strength b{width:96px;height:96px;margin:0 auto 12px;border-radius:50%;border:10px solid var(--gold);display:grid;place-items:center;font-size:28px;color:var(--wine)}
.ms-premium-card{background:linear-gradient(135deg,var(--wine),#430019);color:#fff;border-radius:16px;padding:28px;box-shadow:var(--shadow)}
.ms-premium-card h2{font:700 27px var(--serif);color:#ffe6a5}
.ms-premium-card li{margin:10px 0;color:#ffe6e9}

/* Matches/search */
.ms-match-layout{display:grid;grid-template-columns:250px 1fr;gap:22px}
.ms-filter-card{position:sticky;top:100px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}
.ms-filter-card h2{font:700 22px var(--serif);color:var(--wine);margin:0 0 18px}
.ms-filter-card label{display:grid;gap:8px;margin-bottom:16px;color:#4a0016;font-weight:800}
.ms-range-line{height:4px;border-radius:99px;background:linear-gradient(90deg,var(--wine) 20%,#eee1d0 20%);margin:8px 0 18px}
.ms-filter-save{display:flex;justify-content:center;gap:8px;margin-top:14px;color:var(--wine);font-weight:800}
.ms-ad-card{min-height:360px;border-radius:14px;background:linear-gradient(160deg,#fff6ea,#ffe8e6);border:1px solid var(--line);padding:30px;display:grid;align-content:center;text-align:center;box-shadow:var(--shadow)}
.ms-ad-card b{color:#9b6a18;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.ms-ad-card h2{font:700 30px var(--serif);color:var(--wine)}
.ms-search-layout{display:grid;grid-template-columns:360px 1fr;gap:24px}
.ms-search-form{display:grid;gap:18px;align-self:start;position:sticky;top:100px}
.ms-form-section{display:grid;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px}
.ms-form-section h2{font:700 21px var(--serif);color:var(--wine);margin:0}
.ms-check{display:flex!important;align-items:center;gap:10px}
.ms-check input{width:auto}

/* Detail */
.ms-back-link{display:inline-flex;color:var(--muted);font-weight:800;margin-bottom:14px}
.ms-detail-layout{display:grid;grid-template-columns:360px minmax(0,1fr) 430px;gap:24px}
.ms-detail-photo-card,.ms-detail-main,.ms-detail-side{display:grid;gap:18px;align-self:start}
.ms-detail-photo{height:465px;border-radius:16px;overflow:hidden;position:relative;box-shadow:var(--shadow)}
.ms-detail-photo img{width:100%;height:100%;object-fit:cover}
.ms-detail-photo em{position:absolute;left:18px;bottom:18px;background:linear-gradient(135deg,var(--wine),#bd3159);color:#fff;padding:11px 18px;border-radius:10px;font-style:normal;font-weight:800}
.ms-detail-photo b{position:absolute;right:-2px;bottom:-2px;width:86px;height:86px;border-radius:50%;background:var(--wine);border:4px solid var(--gold);color:#fff;display:grid;place-items:center;font-size:24px;text-align:center}
.ms-detail-photo b small{display:block;font-size:11px}
.ms-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ms-thumbs img{height:76px;width:100%;object-fit:cover;border-radius:10px;border:2px solid var(--gold)}
.ms-detail-main h1{font:700 42px var(--serif);color:var(--wine);margin:32px 0 0}
.ms-detail-main>p{font-size:17px;color:var(--muted);margin:0}
.ms-detail-actions{display:flex;gap:12px;flex-wrap:wrap}
.ms-detail-actions form{display:contents}
.ms-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}
.ms-info-grid span{display:grid;grid-template-columns:24px 1fr;gap:4px 9px}
.ms-info-grid svg{color:var(--gold)}
.ms-info-grid small{color:var(--muted)}
.ms-info-grid b{grid-column:2;color:var(--ink)}
.ms-detail-side table,.ms-feature-table table,.ms-table-wrap table{width:100%;border-collapse:collapse}
td,th{border-bottom:1px solid var(--line);padding:13px;text-align:left}
th{color:var(--wine);background:#fff8ef}
.ms-astro-mini b,.ms-big-score{display:block;font:700 42px var(--serif);color:var(--wine);margin:10px 0}

/* Preferences */
.ms-accuracy-pill{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;min-width:420px;box-shadow:var(--shadow);color:var(--wine);font-weight:800}
.ms-accuracy-pill i{flex:1}
.ms-pref-hero{display:grid;grid-template-columns:140px 1fr;gap:28px;align-items:center;margin-bottom:22px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow)}
.ms-circle-progress{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--gold) 0 82%,#f0e2cf 82%);display:grid;place-items:center}
.ms-circle-progress b{width:86px;height:86px;border-radius:50%;background:#fff;display:grid;place-items:center;font:700 34px var(--serif);color:var(--wine)}
.ms-pref-hero h2{font:700 28px var(--serif);color:var(--wine);margin:0 0 8px}
.ms-pref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ms-pref-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:var(--shadow)}
.ms-pref-card h2{font:700 23px var(--serif);color:var(--wine);margin:0 0 12px}
.ms-pref-row{min-height:52px;display:grid;grid-template-columns:25px 1fr 210px 18px;align-items:center;gap:12px;border:1px solid var(--line);border-bottom:0;padding:0 14px;background:#fffdf9}
.ms-pref-row:first-of-type{border-radius:11px 11px 0 0}
.ms-pref-row:last-child{border-bottom:1px solid var(--line);border-radius:0 0 11px 11px}
.ms-pref-row svg{color:var(--wine)}
.ms-pref-row span{font-weight:800}
.ms-pref-row input{border:0;text-align:right;background:transparent;font-weight:800;color:#5d5054}
.ms-pref-row b{font-size:24px;color:var(--wine)}
.ms-pref-summary{display:grid;grid-template-columns:1fr auto 300px;gap:24px;align-items:center;margin-top:18px;padding:20px;background:linear-gradient(90deg,#fff8ef,#fff0e9);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}

/* Kundli and premium */
.ms-kundli-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 330px;gap:20px}
.ms-birth-card{display:grid;gap:16px}
.ms-kundli-preview{background:linear-gradient(135deg,#78002b,#430019);border-radius:16px;padding:18px;color:#ffe9b8;box-shadow:var(--shadow)}
.ms-kundli-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.ms-kundli-head h2{font:700 24px var(--serif);margin:0}
.ms-segment{display:flex;background:#400018;border:1px solid var(--gold);border-radius:30px;padding:4px}
.ms-segment button{border:0;border-radius:24px;background:transparent;color:#ffe9b8;padding:10px 22px;font-weight:800}
.ms-segment button.active{background:linear-gradient(135deg,#fff1b6,var(--gold));color:#501b00}
.ms-chart{height:430px;background:#fff9ed;border:3px solid var(--gold);border-radius:10px;color:#8b061f;position:relative;display:grid;place-items:center;overflow:hidden}
.ms-chart-north:before,.ms-chart-north:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 49.5%,#d69b23 50%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,#d69b23 50%,transparent 50.5%)}
.ms-chart span{position:relative;z-index:1;font-weight:800;text-align:center}
.ms-chart-north{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}
.ms-chart-south{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}
.ms-chart-note{color:#ffe8ba}
.ms-kundli-side{display:grid;gap:16px}
.ms-kundli-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.ms-bars span{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:10px;margin:11px 0}
.ms-bars i{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--wine),var(--gold))}
.ms-membership-hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin-bottom:24px}
.ms-membership-photo{height:300px;border-radius:16px;background:url("../img/generated/milansaathi-membership-hero.jpg") center/cover no-repeat;position:relative;box-shadow:var(--shadow)}
.ms-membership-photo span{position:absolute;left:40px;bottom:26px;background:rgba(92,0,30,.88);color:#ffe7a0;border:1px solid var(--gold);border-radius:16px;padding:18px 28px;font:700 22px var(--serif)}
.ms-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:22px}
.ms-price-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;position:relative;box-shadow:var(--shadow)}
.ms-price-card.highlight{border:2px solid var(--gold)}
.ms-price-card em{position:absolute;right:0;top:0;background:var(--gold);padding:9px 24px;border-radius:0 14px 0 14px;color:#4e1b00;font-style:normal;font-weight:900}
.ms-price-card h2{font:700 30px var(--serif);color:var(--wine)}
.ms-price-card b{display:block;font:700 36px var(--serif);color:var(--wine);margin:18px 0}

/* Chat/notifications/profile */
.ms-chat-page{display:grid;grid-template-columns:330px minmax(0,1fr) 300px;gap:0;min-height:calc(100vh - 150px);background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.ms-thread-list{border-right:1px solid var(--line);padding:20px;display:grid;gap:12px;align-content:start}
.ms-thread-list a{display:grid;grid-template-columns:58px 1fr;gap:12px;padding:12px;border-radius:12px}
.ms-thread-list a.active{background:#fff1f1}
.ms-thread-list img,.ms-chat-window header img{width:58px;height:58px;border-radius:50%;object-fit:cover}
.ms-chat-window{display:grid;grid-template-rows:auto 1fr auto;background:#fffaf4}
.ms-chat-window header{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff;border-bottom:1px solid var(--line)}
.ms-chat-window header .ms-btn{margin-left:auto}
.ms-messages{padding:26px;display:flex;flex-direction:column;gap:18px}
.ms-bubble{max-width:52%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.ms-bubble.mine{align-self:flex-end;background:linear-gradient(135deg,var(--wine),#96304e);color:#fff}
.ms-bubble small{display:block;text-align:right;opacity:.7;margin-top:6px}
.ms-composer{display:flex;gap:10px;padding:18px;border-top:1px solid var(--line);background:#fff}
.ms-chat-side{padding:20px;border-left:1px solid var(--line);display:grid;gap:14px;align-content:start}
.ms-chat-side>img{width:100%;height:210px;object-fit:cover;border-radius:14px}
.ms-notification-layout{display:grid;grid-template-columns:1fr 360px;gap:24px}
.ms-notification-list{display:grid;gap:12px}
.ms-notification-list article{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 8px 20px rgba(80,20,30,.06)}
.ms-notification-list article.unread{border-color:#efb8c5;background:#fffafa}
.ms-notification-list i{width:52px;height:52px;border-radius:50%;background:#fff0f2;display:grid;place-items:center;color:var(--wine)}
.ms-notification-side b{font:700 42px var(--serif);color:var(--wine)}
.ms-notification-side label{display:flex;justify-content:space-between;margin:16px 0}
.ms-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ms-form-grid .wide{grid-column:1/-1}
.ms-photo-grid,.ms-verify-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ms-photo-grid div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px}
.ms-photo-grid img{height:260px;width:100%;object-fit:cover;border-radius:10px}
.ms-verify-grid .done{border-color:#b8dfbd;background:#f8fff8}
.ms-verify-grid i{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff1f1;color:var(--wine);font-size:24px}
.ms-settings-grid,.ms-support-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.ms-ticket{border:1px solid var(--line);border-radius:12px;padding:14px;margin:10px 0}
.ms-call-screen{text-align:center;max-width:520px;margin:30px auto}
.ms-call-screen img{width:130px;height:130px;border-radius:50%;object-fit:cover;margin:0 auto 18px}

/* Dialog */
.ms-dialog-backdrop{position:fixed;inset:0;background:rgba(25,10,14,.55);z-index:50;display:none;align-items:end;justify-content:center;padding:20px}
.ms-dialog-backdrop.show{display:flex}
.ms-royal-dialog{width:min(560px,100%);background:#fffaf2;border:1px solid var(--gold);border-radius:24px 24px 18px 18px;box-shadow:0 25px 80px rgba(0,0,0,.28);padding:28px;animation:msSheet .22s ease-out}
.ms-royal-dialog:before{content:"";display:block;width:54px;height:5px;border-radius:99px;background:#d8c4a3;margin:0 auto 18px}
.ms-royal-dialog h2{font:700 30px var(--serif);color:var(--wine);margin:0 0 14px}
.ms-royal-dialog p{color:#5b4b52;line-height:1.6}
@keyframes msSheet{from{transform:translateY(35px);opacity:.5}to{transform:none;opacity:1}}

@media(max-width:1180px){
  .ms-profile-grid{grid-template-columns:repeat(2,1fr)}
  .ms-detail-layout,.ms-kundli-layout,.ms-chat-page{grid-template-columns:1fr}
  .ms-detail-side,.ms-chat-side{display:none}
  .ms-dashboard-grid,.ms-membership-hero,.ms-notification-layout{grid-template-columns:1fr}
}
@media(max-width:820px){
  .ms-app{padding-left:0;padding-top:calc(68px + env(safe-area-inset-top));padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .ms-sidebar{display:none}
  .ms-topbar{left:0;height:calc(68px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0}
  .ms-top-search{width:44px;border-radius:50%;overflow:hidden}
  .ms-top-search input,.ms-premium-chip span,.ms-user-chip span,.ms-logout{display:none}
  .ms-main{padding:22px 14px 100px}
  .ms-page-head{display:grid}
  .ms-page-head h1{font-size:34px}
  .ms-bottom-nav{display:grid}
  .ms-profile-grid,.ms-pref-grid,.ms-pricing-grid,.ms-kundli-bottom,.ms-form-grid,.ms-photo-grid,.ms-verify-grid,.ms-settings-grid,.ms-support-layout,.ms-feature-grid,.ms-trust-strip,.ms-home-showcase,.ms-showcase-list{grid-template-columns:1fr}
  .ms-match-layout,.ms-search-layout{grid-template-columns:1fr}
  .ms-filter-card,.ms-search-form{position:static}
  .ms-login-page{grid-template-columns:1fr}
  .ms-login-visual{min-height:42vh}
  .ms-login-panel{padding:54px 18px}
  .ms-back-home{top:24px;right:18px;font-size:15px}
  .ms-login-card{padding:58px 20px 24px}
  .ms-login-benefits{grid-template-columns:1fr}
  .ms-landing-nav{padding:0 18px}
  .ms-landing-nav nav a:not(.ms-login-link){display:none}
  .ms-landing-hero{padding:42px 20px 130px}
  .ms-landing-copy h1{font-size:46px}
  .ms-hero-search{position:relative;left:auto;right:auto;bottom:auto;margin-top:34px;grid-template-columns:1fr}
  .ms-hero-search label{border-right:0;border-bottom:1px solid var(--line);padding:12px}
}
.ms-bottom-nav{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));height:66px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 36px rgba(0,0,0,.14);z-index:25;grid-template-columns:repeat(5,1fr);display:none}
.ms-bottom-nav a{display:grid;place-items:center;color:#7c6a70;font-size:11px;font-weight:800}
.ms-bottom-nav svg{width:24px;height:24px}
.ms-bottom-nav a.active{color:var(--wine)}
@media(max-width:820px){.ms-bottom-nav{display:grid}}

/* MilanSaathi premium rebuild layer */
:root{
  --ms-radius:18px;
  --ms-radius-lg:26px;
  --ms-card-shadow:0 18px 42px rgba(67,0,25,.10);
  --ms-soft-shadow:0 10px 26px rgba(67,0,25,.075);
}
body{
  background:
    radial-gradient(circle at 85% 5%,rgba(214,164,55,.16),transparent 28rem),
    radial-gradient(circle at 12% 60%,rgba(117,0,39,.08),transparent 30rem),
    linear-gradient(180deg,#fffaf2 0,#fff7ef 42%,#fffaf5 100%);
}
.ms-btn{border-radius:12px;font-weight:900;letter-spacing:-.01em}
.ms-btn:hover,.ms-nav a:hover,.ms-profile-card:hover{transform:translateY(-2px)}
.ms-btn-outline{background:#fffdf9;border-color:#e5cfac;color:var(--wine)}
.ms-btn-primary{background:linear-gradient(135deg,#87002f 0%,#b01748 52%,#cf4569 100%)}
.ms-btn-gold{box-shadow:0 12px 24px rgba(214,164,55,.18)}
.ms-panel,.ms-profile-card,.ms-filter-card,.ms-search-form,.ms-price-card,.ms-ad-card{
  border-radius:var(--ms-radius);
  box-shadow:var(--ms-card-shadow);
}

.ms-sidebar{
  width:292px;
  background:
    radial-gradient(circle at 20% 7%,rgba(255,225,140,.18),transparent 12rem),
    linear-gradient(180deg,#7b0035 0,#5b0024 46%,#380016 100%);
  padding:24px 18px;
  box-shadow:18px 0 54px rgba(67,0,25,.24);
}
.ms-app{padding-left:292px}
.ms-topbar{left:292px;height:82px;padding:0 30px;background:rgba(255,250,242,.96)}
.ms-brand--side{align-items:flex-start;margin-bottom:24px;gap:12px}
.ms-brand--side .ms-logo-mark{width:42px;height:42px;flex:0 0 auto}
.ms-brand--side strong{font-size:28px;white-space:nowrap}
.ms-brand--side small{font-size:10px;letter-spacing:.13em;max-width:150px;white-space:normal}
.ms-nav{gap:6px}
.ms-nav a{
  min-height:49px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:14px;
  transition:.18s ease;
}
.ms-nav a.active{
  background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.09));
  border-color:rgba(255,255,255,.14);
  box-shadow:inset 4px 0 0 var(--gold);
}
.ms-nav a svg{width:21px;height:21px;color:#ffe6a5}
.ms-sidebar-card{
  text-align:left;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.06));
  border-radius:18px;
}
.ms-sidebar-card svg{width:36px;height:36px}
.ms-sidebar-card a{text-align:center}

.ms-top-search{
  width:min(520px,42vw);
  height:50px;
  border-radius:14px;
  box-shadow:var(--ms-soft-shadow);
}
.ms-top-actions{gap:10px}
.ms-premium-chip,.ms-round-action,.ms-user-menu summary{
  min-height:50px;
  border:1px solid #e6d1af;
  border-radius:14px;
  background:#fffdf8;
  box-shadow:var(--ms-soft-shadow);
}
.ms-user-menu{position:relative}
.ms-user-menu summary{
  list-style:none;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  color:var(--wine);
  font-weight:900;
  cursor:pointer;
}
.ms-user-menu summary::-webkit-details-marker{display:none}
.ms-user-menu summary img{
  width:34px;
  height:34px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid #f3dfbd;
  background:#fff1e8;
}
.ms-user-menu summary svg:last-child{width:16px;height:16px;opacity:.7}
.ms-user-menu>div{
  position:absolute;
  right:0;
  top:58px;
  width:230px;
  display:grid;
  gap:4px;
  padding:10px;
  background:#fffdf8;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 24px 60px rgba(67,0,25,.16);
  z-index:40;
}
.ms-user-menu a,.ms-user-menu button{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  border:0;
  border-radius:12px;
  background:transparent;
  padding:11px 12px;
  color:var(--wine-dark);
  font-weight:850;
  text-align:left;
}
.ms-user-menu a:hover,.ms-user-menu button:hover{background:#fff2eb}

.ms-main{padding:36px 38px 96px;max-width:1660px}
.ms-page-head{margin-bottom:22px}
.ms-page-head h1{
  font-size:clamp(38px,3.1vw,54px);
  letter-spacing:-.025em;
}
.ms-page-head p{font-size:17px}
.ms-tabs{gap:10px;align-items:center}
.ms-tabs a{border-radius:999px;padding:12px 18px;box-shadow:var(--ms-soft-shadow)}
.ms-tabs a b{
  display:inline-grid;
  place-items:center;
  margin-left:7px;
  min-width:24px;
  height:22px;
  border-radius:99px;
  background:#f4dfad;
  color:#6d3300;
  font-size:12px;
}
.ms-tabs a.active b{background:rgba(255,255,255,.25);color:#fff}

.ms-profile-grid{
  grid-template-columns:repeat(auto-fill,minmax(292px,1fr));
  gap:22px;
  align-items:start;
}
.ms-profile-card{
  overflow:hidden;
  background:#fff;
  border:1px solid #e7d4b7;
  transition:.18s ease;
}
.ms-profile-photo{
  height:auto;
  aspect-ratio:4/5;
  background:
    radial-gradient(circle at 50% 20%,rgba(214,164,55,.32),transparent 6rem),
    linear-gradient(160deg,#fff3e7,#f7dfe7);
}
.ms-profile-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:opacity .2s ease;
}
.ms-profile-photo.is-placeholder img{
  object-fit:contain;
  padding:52px 42px 58px;
  opacity:.58;
}
.ms-profile-photo:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:38%;
  background:linear-gradient(180deg,transparent,rgba(42,5,18,.56));
  pointer-events:none;
}
.ms-photo-watermark{
  position:absolute;
  left:50%;
  top:46%;
  transform:translate(-50%,-50%);
  color:var(--wine);
  font:800 24px var(--serif);
  opacity:.9;
  z-index:1;
}
.ms-photo-missing{
  position:absolute;
  left:50%;
  bottom:42px;
  transform:translateX(-50%);
  z-index:2;
  color:#fff;
  background:rgba(117,0,39,.72);
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  padding:7px 12px;
  font-weight:850;
}
.ms-match-badge{border-radius:11px;padding:9px 11px}
.ms-online{backdrop-filter:blur(10px);background:rgba(47,39,38,.62)}
.ms-profile-photo em{top:auto;right:12px;bottom:13px;z-index:2;border-radius:999px}
.ms-profile-body{padding:18px}
.ms-profile-body h3{font-size:21px;line-height:1.18}
.ms-profile-body p{min-height:44px;font-size:14px}
.ms-card-actions{grid-template-columns:1fr 1fr;gap:9px}
.ms-card-actions .ms-btn{min-height:40px}
.ms-shortlist-form button{
  border-radius:12px;
  background:#fff9f1;
  transition:.18s ease;
}
.ms-shortlist-form button:hover{background:#fff1df}
.ms-profile-card.compact{min-width:260px}
.ms-profile-card.compact .ms-profile-photo{height:auto;aspect-ratio:4/4.2}
.ms-profile-card.list{
  grid-template-columns:190px 1fr;
  align-items:stretch;
}
.ms-profile-card.list .ms-profile-photo{height:100%;min-height:240px;aspect-ratio:auto}
.ms-profile-card.list .ms-profile-body{display:grid;align-content:center}

.ms-dashboard-grid{
  grid-template-columns:minmax(0,1fr) 360px;
  gap:24px;
  align-items:start;
}
.ms-progress-row{
  padding:16px 18px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--ms-soft-shadow);
}
.ms-trust-footer{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.ms-trust-footer span,.ms-pref-mini a{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--wine);
  font-weight:900;
}
.ms-pref-mini p{margin-bottom:12px}

.ms-match-layout{grid-template-columns:300px minmax(0,1fr);gap:24px}
.ms-filter-card{
  top:104px;
  padding:22px;
}
.ms-filter-card select{background:#fffaf4}
.ms-search-layout{grid-template-columns:360px minmax(0,1fr);gap:24px}
.ms-search-form{top:104px;padding:0;overflow:hidden}
.ms-search-form .ms-form-section{
  padding:20px;
  margin:0;
  border-bottom:1px solid var(--line);
}
.ms-search-form h2{
  display:flex;
  align-items:center;
  gap:9px;
}
.ms-form-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.ms-form-actions{display:grid;gap:10px;padding:20px}

.ms-detail-layout{grid-template-columns:380px minmax(0,1fr) 420px}
.ms-detail-photo{height:auto;aspect-ratio:4/5.1}
.ms-detail-main h1{margin-top:10px}
.ms-detail-actions .ms-btn{min-width:142px}
.ms-info-grid span{border-radius:14px;background:#fffdf8;padding:10px}

.ms-pref-row input{font-size:16px;color:#3f3337}
.ms-pref-summary{grid-template-columns:1fr auto minmax(230px,300px)}

.ms-membership-hero{grid-template-columns:minmax(0,1fr) minmax(420px,560px)}
.ms-benefit-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.ms-benefit-list article{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
  box-shadow:var(--ms-soft-shadow);
}
.ms-benefit-list svg{color:var(--gold);width:34px;height:34px}
.ms-benefit-list h2{font-size:19px;margin:10px 0 6px;color:var(--wine-dark)}
.ms-membership-photo{min-height:330px;height:100%;border-radius:22px}

.ms-notification-list article{
  border-radius:18px;
  padding:16px 18px;
  border-color:#d8d8d8;
}
.ms-notification-list i{background:#fff0f2}
.ms-notification-side label input{accent-color:var(--wine);width:22px;height:22px}

.ms-profile-edit-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
.ms-profile-edit-layout .ms-panel h2{
  font-size:24px;
  margin:0;
}
.ms-profile-edit-layout small{color:var(--muted);font-weight:700}

.ms-login-visual,.ms-landing-hero,.ms-membership-photo{background-color:#efe0d9}
.ms-login-card{box-shadow:0 28px 80px rgba(74,6,31,.13)}
.ms-input-icon{border-radius:14px}

@media(max-width:1280px){
  .ms-dashboard-grid,.ms-detail-layout,.ms-kundli-layout,.ms-notification-layout,.ms-membership-hero{grid-template-columns:1fr}
  .ms-dashboard-side,.ms-detail-side{display:grid}
  .ms-benefit-list{grid-template-columns:1fr}
  .ms-legal-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ms-legal-hero-card,.ms-legal-safety-banner,.ms-support-intro{align-items:flex-start;flex-direction:column}
}
@media(max-width:980px){
  .ms-app{padding-left:0;padding-top:calc(72px + env(safe-area-inset-top))}
  .ms-sidebar{display:none}
  .ms-topbar{left:0;height:calc(72px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0}
  .ms-top-search{width:46px}
  .ms-top-search input,.ms-premium-chip span,.ms-user-menu summary span{display:none}
  .ms-user-menu>div{right:0}
  .ms-main{padding:22px 14px 100px}
  .ms-match-layout,.ms-search-layout,.ms-pref-grid,.ms-two-grid{grid-template-columns:1fr}
  .ms-filter-card,.ms-search-form{position:static}
  .ms-profile-grid{grid-template-columns:1fr}
  .ms-profile-card.list{grid-template-columns:1fr}
  .ms-profile-card.list .ms-profile-photo{aspect-ratio:4/4.5}
  .ms-trust-footer{grid-template-columns:1fr}
  .ms-legal-hub-grid{grid-template-columns:1fr}
  .ms-legal-hero-card>div,.ms-support-intro>div{grid-template-columns:1fr}
  .ms-legal-hero-card p,.ms-support-intro p{grid-column:auto}
  .ms-pref-summary{grid-template-columns:1fr}
  .ms-page-head{display:grid}
  .ms-inline-search{min-width:0;width:100%;display:grid;grid-template-columns:1fr auto}
  .ms-form-split{grid-template-columns:1fr}
}
@media(max-width:640px){
  .ms-card-actions{grid-template-columns:1fr}
  .ms-profile-photo{aspect-ratio:4/4.9}
  .ms-horizontal-cards{grid-auto-columns:78vw}
  .ms-login-brand{left:22px;top:28px}
  .ms-login-trust{left:22px;right:22px;bottom:24px;width:auto}
}

/* Full UI-first polish batch */
.ms-otp-input-wrap{
  height:72px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  display:grid;
  place-items:center;
  padding:0 18px;
}
.ms-otp-input-wrap input{
  border:0;
  background:transparent;
  text-align:center;
  font-size:30px;
  letter-spacing:.42em;
  font-weight:900;
  color:var(--wine);
  padding-left:.42em;
}
.ms-detail-title{
  background:linear-gradient(135deg,#fff,#fff7ed);
  border:1px solid var(--line);
  border-radius:20px;
  padding:22px;
  box-shadow:var(--ms-soft-shadow);
}
.ms-detail-title h1{margin:0 0 8px}
.ms-detail-tabs{
  display:flex;
  gap:8px;
  overflow:auto;
  padding:10px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--ms-soft-shadow);
}
.ms-detail-tabs a{
  white-space:nowrap;
  border-radius:999px;
  padding:10px 14px;
  color:var(--wine);
  font-weight:900;
}
.ms-detail-tabs a.active{
  background:linear-gradient(135deg,var(--wine),#c23861);
  color:#fff;
}
.ms-access-card{
  background:linear-gradient(145deg,#fff,#fff7e4);
}
.ms-detail-side table thead th{
  font-size:12px;
}
.ms-detail-side table td:last-child{
  width:52px;
  text-align:center;
  color:var(--ok);
  font-weight:900;
}
.ms-sheet-template{
  display:none;
}
.ms-sheet-handle{
  width:58px;
  height:5px;
  margin:0 auto 16px;
  border-radius:99px;
  background:#d8c4a3;
}
.ms-kundli-preview{
  border:1px solid rgba(255,228,166,.45);
  box-shadow:0 26px 70px rgba(67,0,25,.18);
}
.ms-chart{
  max-width:720px;
  margin:0 auto;
  aspect-ratio:1/1;
  height:auto;
  min-height:420px;
  box-shadow:inset 0 0 0 7px rgba(214,164,55,.12),0 16px 36px rgba(0,0,0,.14);
}
.ms-chart-north{
  background:
    linear-gradient(45deg,transparent 49.7%,#c99224 50%,transparent 50.3%),
    linear-gradient(-45deg,transparent 49.7%,#c99224 50%,transparent 50.3%),
    linear-gradient(135deg,#fffaf1,#fff5df);
}
.ms-chart-north:before,.ms-chart-north:after{
  opacity:.78;
}
.ms-chart-south{
  gap:0;
  background:#fff9ed;
}
.ms-chart-south span{
  display:grid;
  place-items:center;
  border:1px solid rgba(117,0,39,.18);
}
.ms-notification-list article h3{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 5px;
}
.ms-notification-list article h3 span{
  width:8px;
  height:8px;
  background:#e43155;
  border-radius:50%;
}
.ms-notification-list article time{
  color:var(--muted);
  font-size:12px;
}
.ms-notification-list article.unread{
  background:linear-gradient(135deg,#fff,#fff8ef);
  border-color:#dfc18b;
}
.ms-settings-card{
  display:grid;
  gap:16px;
  align-content:start;
}
.ms-settings-card h2{
  display:flex;
  align-items:center;
  gap:10px;
}
.ms-settings-card p{
  margin:-6px 0 2px;
}
.ms-switch{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px 0;
  border-bottom:1px solid var(--line);
}
.ms-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.ms-switch span{
  width:48px;
  height:28px;
  border-radius:999px;
  background:#ddd1c5;
  position:relative;
  flex:0 0 auto;
  transition:.18s ease;
}
.ms-switch span:before{
  content:"";
  position:absolute;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#fff;
  left:3px;
  top:3px;
  box-shadow:0 3px 8px rgba(0,0,0,.18);
  transition:.18s ease;
}
.ms-switch input:checked+span{
  background:linear-gradient(135deg,var(--wine),#c23861);
}
.ms-switch input:checked+span:before{
  transform:translateX(20px);
}
.danger-zone{
  background:linear-gradient(145deg,#fff,#fff0f2);
  border-color:#f0c8d0;
}
.ms-profile-edit-layout .ms-panel{
  position:relative;
  overflow:hidden;
}
.ms-profile-edit-layout .ms-panel:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:linear-gradient(180deg,var(--wine),var(--gold));
}
.ms-profile-edit-layout textarea{
  min-height:120px;
}
.ms-chat-page{
  border-radius:22px;
}
.ms-thread-list h2,.ms-chat-side h2{
  color:var(--wine-dark);
  font-family:var(--serif);
}
.ms-thread-list input{
  margin-bottom:4px;
}
.ms-thread-list a{
  transition:.18s ease;
}
.ms-thread-list a:hover{
  background:#fff6f2;
}
.ms-chat-window header span{
  color:var(--ok);
  font-weight:800;
}
.ms-composer{
  align-items:center;
}
.ms-composer input{
  min-height:52px;
  border-radius:999px;
}
.ms-composer button{
  border-radius:999px;
  min-width:92px;
}
.ms-benefit-list article{
  min-height:142px;
}
.ms-price-card{
  min-height:250px;
}
.ms-feature-table{
  overflow:auto;
}
.ms-feature-table table{
  min-width:720px;
}
.ms-feature-table td:last-child{
  color:var(--ok);
}
.ms-verify-grid .ms-panel{
  min-height:190px;
}

@media(max-width:980px){
  .ms-detail-tabs{
    margin:0 -2px;
  }
  .ms-chart{
    min-height:320px;
  }
  .ms-notification-list article{
    grid-template-columns:52px 1fr;
  }
  .ms-notification-list article time{
    grid-column:2;
  }
  .ms-settings-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .ms-otp-input-wrap input{
    font-size:24px;
    letter-spacing:.28em;
    padding-left:.28em;
  }
  .ms-detail-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .ms-detail-actions .ms-btn,.ms-detail-actions form{
    width:100%;
  }
  .ms-info-grid{
    grid-template-columns:1fr;
  }
  .ms-chart{
    min-height:280px;
  }
}

/* Emergency media containment fix
   Prevent remote/profile images from escaping profile cards when a photo has
   unusual intrinsic dimensions, missing metadata, or stale browser CSS order. */
.ms-profile-grid,
.ms-horizontal-cards,
.ms-match-layout,
.ms-search-layout{
  min-width:0;
}
.ms-profile-grid > *,
.ms-horizontal-cards > *{
  min-width:0;
}
.ms-profile-card{
  position:relative;
  contain:layout paint;
  max-width:100%;
  min-width:0;
  isolation:isolate;
}
.ms-profile-card .ms-profile-photo{
  position:relative;
  display:block;
  width:100%;
  max-width:100%;
  overflow:hidden;
  isolation:isolate;
  contain:layout paint;
}
.ms-profile-card:not(.list) .ms-profile-photo{
  height:auto;
  aspect-ratio:4/5;
}
.ms-profile-card.compact .ms-profile-photo{
  aspect-ratio:4/4.2;
}
.ms-profile-card .ms-profile-photo > img{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  min-width:0 !important;
  object-fit:cover;
  object-position:center;
  display:block;
  z-index:0;
}
.ms-profile-card .ms-profile-photo.is-placeholder > img{
  object-fit:contain;
  padding:52px 42px 58px;
}
.ms-profile-card .ms-match-badge,
.ms-profile-card .ms-online,
.ms-profile-card .ms-profile-photo em,
.ms-profile-card .ms-photo-watermark,
.ms-profile-card .ms-photo-missing{
  z-index:3;
}
.ms-profile-card .ms-profile-body{
  position:relative;
  z-index:2;
  background:#fff;
  min-width:0;
}

/* Production UI repair layer - layout stability and premium screen polish */
[hidden]{
  display:none !important;
}
.ms-main{
  width:100%;
  min-width:0;
  overflow-x:hidden;
}
.ms-dashboard-grid,
.ms-dashboard-main,
.ms-dashboard-side,
.ms-two-grid,
.ms-match-layout,
.ms-search-layout,
.ms-kundli-layout,
.ms-chat-page,
.ms-detail-layout{
  min-width:0;
}
.ms-dashboard-main > .ms-panel,
.ms-daily-panel,
.ms-recommended-panel{
  overflow:hidden;
}
.ms-horizontal-cards{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(220px,250px);
  gap:16px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  padding:4px 4px 12px;
  max-width:100%;
}
.ms-horizontal-cards .ms-profile-card{
  scroll-snap-align:start;
}
.ms-horizontal-cards::-webkit-scrollbar,
.ms-detail-tabs::-webkit-scrollbar{
  height:8px;
}
.ms-horizontal-cards::-webkit-scrollbar-track,
.ms-detail-tabs::-webkit-scrollbar-track{
  background:#f1e2cf;
  border-radius:999px;
}
.ms-horizontal-cards::-webkit-scrollbar-thumb,
.ms-detail-tabs::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,var(--wine),#c23861);
  border-radius:999px;
}
.ms-dashboard-side{
  position:sticky;
  top:104px;
  align-self:start;
  z-index:1;
}
.ms-profile-strength{
  overflow:hidden;
  text-align:left;
  display:grid;
  grid-template-columns:94px 1fr;
  gap:16px;
  align-items:center;
}
.ms-profile-strength b{
  margin:0;
  width:86px;
  height:86px;
  font-size:25px;
}
.ms-profile-strength span{
  font:800 20px var(--serif);
  color:var(--wine);
}
.ms-profile-strength p{
  grid-column:2;
  margin:-8px 0 0;
  color:var(--muted);
}
.ms-recommended-panel{
  display:grid;
  gap:14px;
}
.ms-recommended-panel .ms-profile-card.list{
  grid-template-columns:150px minmax(0,1fr);
  min-height:176px;
  border-radius:18px;
}
.ms-recommended-panel .ms-profile-card.list .ms-profile-photo{
  min-height:176px;
  height:100%;
}
.ms-recommended-panel .ms-profile-card.list .ms-profile-body{
  padding:16px 18px;
  align-content:start;
}
.ms-recommended-panel .ms-profile-card.list .ms-profile-body p{
  min-height:0;
}
.ms-recommended-panel .ms-profile-card.list .ms-card-actions{
  grid-template-columns:repeat(4,minmax(90px,1fr));
  gap:8px;
}
.ms-recommended-panel .ms-profile-card.list .ms-card-actions .ms-btn{
  min-height:38px;
}
.ms-recommended-panel .ms-profile-card.list .ms-shortlist-form button{
  margin-top:8px;
  min-height:36px;
  padding:8px;
}
.ms-pending-panel h2{
  font-size:24px;
}
.ms-action-list a{
  gap:12px;
  background:linear-gradient(135deg,#fff,#fff8ef);
}
.ms-action-list a span{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  font-weight:900;
  color:var(--wine-dark);
}
.ms-action-list svg{
  color:var(--gold);
}

/* Kundli screen */
.ms-kundli-layout{
  grid-template-columns:minmax(250px,300px) minmax(460px,1fr) minmax(260px,320px);
  align-items:start;
}
.ms-birth-card{
  gap:18px;
  align-content:start;
  min-height:0;
}
.ms-birth-card h2,
.ms-kundli-stat h2{
  display:flex;
  align-items:center;
  gap:9px;
}
.ms-birth-card p{
  margin:-4px 0 6px;
  color:var(--muted);
  line-height:1.5;
}
.ms-birth-card label{
  margin:0;
}
.ms-birth-card .ms-btn{
  margin-top:4px;
  min-height:54px;
}
.ms-kundli-preview{
  padding:18px 18px 20px;
  overflow:hidden;
}
.ms-kundli-head{
  gap:14px;
}
.ms-kundli-head h2{
  color:#ffe6a5;
}
.ms-chart{
  width:min(100%,560px);
  min-height:0;
  height:auto;
  aspect-ratio:1/1;
}
.ms-chart span{
  display:grid;
  place-items:center;
  min-width:0;
  padding:6px;
  color:#8b002c;
  text-shadow:0 1px 0 #fff6df;
}
.ms-chart-north{
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(3,1fr);
}
.ms-chart-south{
  grid-template-columns:repeat(4,1fr);
  grid-template-rows:repeat(3,1fr);
}
.ms-kundli-side{
  display:grid;
  gap:16px;
}
.ms-kundli-stat{
  min-height:150px;
  background:linear-gradient(145deg,#fff,#fff9ef);
}
.ms-kundli-stat .ms-big-score{
  line-height:1;
}
.ms-kundli-bottom{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:22px;
}
.ms-bars span{
  display:grid;
  grid-template-columns:72px 1fr;
  align-items:center;
  gap:12px;
  margin:12px 0;
}
.ms-bars i{
  height:8px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--wine),var(--gold));
}

/* Interests */
.ms-interest-list{
  display:grid;
  gap:14px;
}
.ms-interest-card{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto auto;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:0 14px 34px rgba(74,6,31,.08);
}
.ms-interest-avatar{
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--wine);
  background:linear-gradient(135deg,#fff0f2,#fff9e8);
}
.ms-interest-card h3{
  margin:0 0 4px;
  color:var(--wine-dark);
  font:800 20px var(--serif);
}
.ms-interest-card p{
  margin:0;
  color:var(--muted);
}
.ms-status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:92px;
  min-height:32px;
  border-radius:999px;
  background:#f3e7d7;
  color:#6b565e;
  font-weight:900;
  text-transform:capitalize;
}
.ms-status-pill.accepted{
  color:#177a36;
  background:#eaf8ee;
}
.ms-status-pill.declined{
  color:#9b1b2d;
  background:#fff0f1;
}
.ms-inline-actions{
  display:flex;
  gap:8px;
}

/* Chat */
.ms-chat-page{
  grid-template-columns:minmax(260px,330px) minmax(420px,1fr) minmax(250px,300px);
  min-height:calc(100vh - 132px);
  overflow:hidden;
  box-shadow:0 20px 60px rgba(67,0,25,.08);
}
.ms-thread-list{
  min-width:0;
  overflow:auto;
}
.ms-thread-list a{
  display:grid;
  grid-template-columns:58px 1fr;
  align-items:center;
  gap:12px;
}
.ms-thread-list a span{
  display:grid;
  gap:4px;
  min-width:0;
}
.ms-thread-list a b,
.ms-thread-list a small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ms-chat-window{
  min-width:0;
  display:grid;
  grid-template-rows:auto 1fr auto;
}
.ms-chat-window header{
  min-width:0;
}
.ms-chat-window header .ms-btn{
  margin-left:auto;
}
.ms-messages{
  overflow:auto;
  padding:24px 28px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.ms-bubble{
  max-width:min(540px,72%);
  min-width:220px;
  border-radius:18px 18px 18px 6px;
}
.ms-bubble.mine{
  align-self:flex-end;
  border-radius:18px 18px 6px 18px;
}
.ms-chat-side{
  min-width:0;
  overflow:auto;
}
.ms-chat-side > img{
  aspect-ratio:4/3;
  height:auto;
}

/* Detail screen */
.ms-detail-layout{
  grid-template-columns:minmax(320px,380px) minmax(0,1fr) minmax(330px,420px);
  align-items:start;
}
.ms-detail-photo-card{
  position:sticky;
  top:104px;
}
.ms-detail-tabs{
  max-width:100%;
}
.ms-detail-main{
  min-width:0;
}
.ms-detail-side{
  min-width:0;
}

@media(max-width:1440px){
  .ms-dashboard-grid{
    grid-template-columns:minmax(0,1fr);
  }
  .ms-dashboard-side{
    position:static;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .ms-kundli-layout{
    grid-template-columns:minmax(250px,300px) minmax(0,1fr);
  }
  .ms-kundli-side{
    grid-column:1/-1;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:1180px){
  .ms-kundli-layout,
  .ms-chat-page,
  .ms-detail-layout{
    grid-template-columns:1fr;
  }
  .ms-detail-photo-card{
    position:static;
  }
  .ms-kundli-side,
  .ms-dashboard-side,
  .ms-kundli-bottom{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .ms-horizontal-cards{
    grid-auto-columns:82vw;
  }
  .ms-recommended-panel .ms-profile-card.list{
    grid-template-columns:1fr;
  }
  .ms-interest-card{
    grid-template-columns:48px 1fr;
  }
  .ms-interest-card .ms-status-pill,
  .ms-interest-card .ms-inline-actions,
  .ms-interest-card > .ms-btn{
    grid-column:2;
    justify-self:start;
  }
  .ms-chat-page{
    min-height:auto;
  }
  .ms-chat-side{
    display:none;
  }
}

/* 2026-07-04 full UI refinement layer */
:root{
  --sidebar-w:238px;
  --comm-w:286px;
  --soft-shadow:0 12px 30px rgba(67,0,25,.075);
}
html{
  scrollbar-color:rgba(117,0,39,.32) rgba(232,216,189,.38);
  scrollbar-width:thin;
}
::-webkit-scrollbar{width:8px;height:6px}
::-webkit-scrollbar-track{background:rgba(232,216,189,.3);border-radius:999px}
::-webkit-scrollbar-thumb{background:rgba(117,0,39,.28);border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:rgba(117,0,39,.45)}
.ms-app{
  padding-left:var(--sidebar-w);
  padding-right:var(--comm-w);
  padding-top:72px;
}
.ms-sidebar{
  width:var(--sidebar-w);
  padding:20px 12px 18px;
  background:linear-gradient(180deg,#8a0634 0%,#52001f 58%,#3d0018 100%);
}
.ms-brand--side{
  margin:0 8px 22px;
  gap:8px;
}
.ms-brand--side .ms-logo-mark{
  width:38px;
  height:38px;
  font-size:22px;
}
.ms-brand--side strong{
  font-size:27px;
  white-space:nowrap;
}
.ms-brand--side small{
  max-width:58px;
  overflow:hidden;
  line-height:1.2;
}
.ms-nav{
  gap:5px;
}
.ms-nav a{
  min-height:46px;
  padding:0 13px;
  border-radius:12px;
  font-size:14px;
  font-weight:850;
}
.ms-nav a .ms-icon{
  width:18px;
  height:18px;
  color:#ffe7a9;
}
.ms-nav a.active{
  background:rgba(255,255,255,.13);
  box-shadow:inset 3px 0 0 var(--gold);
  outline:1px solid rgba(255,255,255,.14);
}
.ms-sidebar-card{
  margin-top:24px;
  padding:18px;
  text-align:left;
  background:rgba(255,255,255,.08);
}
.ms-sidebar-card svg{width:34px;height:34px}
.ms-sidebar-card strong{font-size:22px}
.ms-sidebar-card p{display:none}
.ms-topbar{
  left:var(--sidebar-w);
  right:var(--comm-w);
  height:72px;
  padding:0 26px;
}
.ms-main{
  max-width:none;
  padding:30px 32px 72px;
}
.ms-page-head{
  margin-bottom:18px;
  align-items:center;
}
.ms-page-head h1{
  font-size:clamp(30px,2.8vw,42px);
  letter-spacing:-.015em;
}
.ms-page-head p{
  font-size:15px;
}
.ms-panel,
.ms-profile-card,
.ms-filter-card,
.ms-search-form,
.ms-price-card,
.ms-ad-card{
  border-color:#ead8bd;
  box-shadow:var(--soft-shadow);
}
.ms-dashboard-grid{
  grid-template-columns:minmax(0,1fr) 300px;
  gap:20px;
}
.ms-dashboard-main,
.ms-dashboard-side{
  gap:18px;
}
.ms-progress-row{
  padding:12px 16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.72);
}
.ms-daily-panel{
  padding:18px;
  overflow:hidden;
}
.ms-horizontal-cards{
  grid-auto-columns:218px;
  gap:12px;
  padding:0 0 7px;
  overscroll-behavior-inline:contain;
}
.ms-horizontal-cards::-webkit-scrollbar{height:5px}
.ms-horizontal-cards::-webkit-scrollbar-track{background:rgba(214,164,55,.18)}
.ms-horizontal-cards::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(117,0,39,.7),rgba(214,164,55,.5))}
.ms-profile-card.compact{
  min-width:218px;
}
.ms-profile-card.compact .ms-profile-photo{
  aspect-ratio:4/3.75;
}
.ms-profile-card .ms-profile-photo{
  background:#fff1ee;
  isolation:isolate;
}
.ms-profile-card .ms-profile-photo > img{
  object-fit:cover;
  object-position:center top;
}
.ms-profile-photo.is-placeholder > img{
  object-fit:cover;
  object-position:center;
}
.ms-photo-watermark{
  display:none!important;
}
.ms-photo-missing{
  position:absolute;
  left:50%;
  bottom:20%;
  transform:translateX(-50%);
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  border-radius:999px;
  background:rgba(117,0,39,.86);
  color:#fff;
  padding:7px 13px;
  font-size:12px;
  font-weight:900;
}
.ms-dashboard-side .ms-profile-strength{
  display:grid;
  grid-template-columns:74px 1fr;
  align-items:center;
  gap:16px;
  text-align:left;
  min-height:auto;
  padding:18px;
}
.ms-profile-strength b{
  width:70px;
  height:70px;
  border-width:7px;
  font-size:22px;
  margin:0;
}
.ms-profile-strength span{
  color:var(--wine);
  font:800 22px/1.1 var(--serif);
}
.ms-profile-strength p{
  grid-column:2;
  margin:-10px 0 0;
  color:var(--muted);
}
.ms-premium-card{
  padding:22px;
  border-radius:14px;
}
.ms-premium-card h2{
  font-size:25px;
}
.ms-safety-card{
  padding:18px;
}
.ms-section-title h2{
  font-size:23px;
}
.ms-match-layout{
  grid-template-columns:244px minmax(0,1fr);
  gap:20px;
}
.ms-filter-card{
  top:92px;
  padding:18px;
}
.ms-filter-card label{
  margin-bottom:12px;
}
.ms-filter-card select{
  min-height:45px;
}
.ms-profile-grid{
  grid-template-columns:repeat(3,minmax(230px,1fr));
  gap:18px;
}
.ms-profile-card{
  border-radius:13px;
}
.ms-profile-card:not(.list) .ms-profile-photo{
  height:auto;
  aspect-ratio:4/4.65;
}
.ms-profile-body{
  padding:14px;
}
.ms-profile-body h3{
  font-size:19px;
  margin-bottom:5px;
}
.ms-profile-body p{
  min-height:35px;
  font-size:13px;
}
.ms-card-actions{
  gap:8px;
}
.ms-card-actions .ms-btn,
.ms-shortlist-form button{
  min-height:36px;
  font-size:12px;
}
.ms-match-badge{
  font-size:13px;
  padding:8px 9px;
}
.ms-online{
  padding:5px 9px;
}
.ms-detail-layout{
  grid-template-columns:minmax(330px,420px) minmax(0,1fr) minmax(300px,360px);
  gap:20px;
}
.ms-detail-photo-card{
  top:92px;
}
.ms-detail-photo{
  height:auto;
  aspect-ratio:4/5.35;
}
.ms-detail-photo b{
  width:70px;
  height:70px;
  font-size:20px;
  right:8px;
  bottom:8px;
}
.ms-thumbs{
  grid-template-columns:repeat(auto-fit,minmax(82px,1fr));
}
.ms-detail-title{
  padding:22px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.72);
}
.ms-detail-main h1{
  margin:0 0 8px;
  font-size:38px;
}
.ms-btn-action{
  background:#fff;
  border-color:#c8953b;
  color:#7b0035;
  box-shadow:0 10px 22px rgba(117,0,39,.08);
}
.ms-btn-action .ms-icon{
  color:var(--wine);
}
.ms-info-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  border:0;
  padding:0;
}
.ms-info-grid span{
  grid-template-columns:24px 1fr;
  align-items:start;
  padding:13px;
  border-radius:12px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(234,216,189,.55);
}
.ms-info-grid svg{
  width:20px;
  height:20px;
  color:#c4861f;
}
.ms-info-grid small{
  color:#6a4f59;
  font-weight:800;
}
.ms-info-grid b{
  grid-column:2;
  color:#180910;
  font-size:14px;
}
.ms-detail-tabs{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:5px;
  border-bottom:1px solid var(--line);
}
.ms-detail-tabs::-webkit-scrollbar{height:4px}
.ms-detail-tabs button{
  border:0;
  border-radius:999px;
  padding:11px 17px;
  background:#fffdf8;
  color:var(--wine);
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
}
.ms-detail-tabs button.active{
  background:linear-gradient(135deg,var(--wine),#c23861);
  color:#fff;
}
.ms-tab-panel{
  display:none;
}
.ms-tab-panel.active{
  display:block;
}
.ms-tab-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.ms-tab-detail-grid span{
  display:grid;
  gap:5px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  color:var(--muted);
  background:#fffdf9;
}
.ms-tab-detail-grid b{
  color:var(--ink);
}
.ms-gallery-inline{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(100px,1fr));
  gap:10px;
}
.ms-gallery-inline img{
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:12px;
  border:1px solid var(--line);
}
.ms-detail-side .ms-panel{
  padding:18px;
}
.ms-detail-side table{
  width:100%;
  border-collapse:collapse;
}
.ms-detail-side th,
.ms-detail-side td{
  padding:10px 8px;
  border-bottom:1px solid var(--line);
  text-align:left;
  font-size:13px;
}
.ms-kundli-layout{
  grid-template-columns:270px minmax(420px,1fr) 300px;
  gap:18px;
}
.ms-birth-card{
  padding:20px;
  align-self:start;
}
.ms-kundli-preview{
  border-radius:16px;
  background:linear-gradient(145deg,#7b0035,#4a061f);
  padding:18px;
}
.ms-chart{
  width:min(100%,620px);
  margin:10px auto 0;
  border:3px solid var(--gold);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),0 14px 30px rgba(0,0,0,.18);
}
.ms-chart-north{
  position:relative;
  display:block;
  background:#fff8ea;
  overflow:hidden;
}
.ms-chart-north:before,
.ms-chart-north:after{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
}
.ms-chart-north:before{
  background:
    linear-gradient(45deg,transparent calc(50% - 2px),#d6a437 calc(50% - 1px),#d6a437 calc(50% + 1px),transparent calc(50% + 2px)),
    linear-gradient(-45deg,transparent calc(50% - 2px),#d6a437 calc(50% - 1px),#d6a437 calc(50% + 1px),transparent calc(50% + 2px));
}
.ms-chart-north:after{
  background:
    linear-gradient(63.435deg,transparent calc(50% - 1px),#d6a437 50%,transparent calc(50% + 1px)),
    linear-gradient(-63.435deg,transparent calc(50% - 1px),#d6a437 50%,transparent calc(50% + 1px)),
    linear-gradient(116.565deg,transparent calc(50% - 1px),#d6a437 50%,transparent calc(50% + 1px)),
    linear-gradient(-116.565deg,transparent calc(50% - 1px),#d6a437 50%,transparent calc(50% + 1px));
  opacity:.72;
}
.ms-chart-north span{
  position:absolute;
  z-index:2;
  transform:translate(-50%,-50%);
  min-width:82px;
  text-align:center;
  color:#8b002c;
  font-weight:900;
  line-height:1.25;
  background:rgba(255,248,234,.58);
  border-radius:8px;
}
.ms-chart-north .h1{left:50%;top:18%}
.ms-chart-north .h2{left:28%;top:15%}
.ms-chart-north .h3{left:16%;top:34%}
.ms-chart-north .h4{left:28%;top:50%}
.ms-chart-north .h5{left:16%;top:66%}
.ms-chart-north .h6{left:28%;top:85%}
.ms-chart-north .h7{left:50%;top:82%}
.ms-chart-north .h8{left:72%;top:85%}
.ms-chart-north .h9{left:84%;top:66%}
.ms-chart-north .h10{left:72%;top:50%}
.ms-chart-north .h11{left:84%;top:34%}
.ms-chart-north .h12{left:72%;top:15%}
.ms-chart-south{
  background:#fff8ea;
}
.ms-profile-edit-layout{
  display:grid;
  gap:18px;
}
.ms-form-grid{
  border-left:4px solid var(--wine);
  gap:14px;
}
.ms-form-grid h2{
  font-size:25px;
  margin-bottom:2px;
}
.ms-form-grid input,
.ms-form-grid select,
.ms-form-grid textarea{
  min-height:48px;
  background:#fffdf9;
}
.ms-other-input{
  margin-top:8px;
}
.ms-comm-rail{
  position:fixed;
  right:0;
  top:72px;
  bottom:0;
  width:var(--comm-w);
  z-index:14;
  background:#fffdf9;
  border-left:1px solid var(--line);
  box-shadow:-14px 0 35px rgba(67,0,25,.08);
  display:grid;
  grid-template-rows:auto auto 1fr;
}
.ms-comm-status{
  height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border-bottom:1px solid var(--line);
  color:#6a5960;
  font-size:12px;
}
.ms-comm-status span{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#2ecb53;
}
.ms-comm-status button{
  margin-left:auto;
  border:0;
  background:transparent;
  color:#8a7a80;
  font-size:20px;
  cursor:pointer;
}
.ms-comm-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-bottom:1px solid var(--line);
}
.ms-comm-tabs button{
  min-height:38px;
  border:0;
  border-right:1px solid var(--line);
  background:#fff8ef;
  color:#6a5960;
  font-weight:800;
  cursor:pointer;
}
.ms-comm-tabs button.active{
  background:#fff;
  color:var(--wine);
}
.ms-comm-scroll{
  overflow:auto;
  padding:10px;
}
.ms-comm-scroll h3{
  margin:10px 4px 8px;
  color:var(--wine);
  font:900 13px var(--sans);
  text-transform:uppercase;
  letter-spacing:.04em;
}
.ms-rail-person{
  width:100%;
  border:0;
  background:#fff;
  border-radius:12px;
  display:grid;
  grid-template-columns:42px 1fr 8px;
  gap:10px;
  align-items:center;
  padding:9px;
  margin-bottom:7px;
  text-align:left;
  cursor:pointer;
}
.ms-rail-person:hover{
  background:#fff1ee;
}
.ms-rail-person.is-active{
  background:#fff4e3;
  box-shadow:inset 3px 0 0 var(--gold);
}
.ms-rail-person img{
  width:42px;
  height:42px;
  object-fit:cover;
  border-radius:50%;
  border:1px solid var(--line);
}
.ms-rail-person b,
.ms-rail-person small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ms-rail-person b{
  color:#241019;
  font-size:13px;
}
.ms-rail-person small{
  color:var(--muted);
  font-size:12px;
}
.ms-rail-person i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#bbb;
}
.ms-rail-person i.online{
  background:#24c262;
}
.ms-mini-chat{
  position:fixed;
  right:22px;
  bottom:18px;
  width:320px;
  z-index:9999;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 20px 60px rgba(67,0,25,.22);
  overflow:hidden;
}
.ms-mini-chat[hidden]{
  display:none !important;
}
.ms-mini-chat:not([hidden]){
  display:grid !important;
}
.ms-chat-thread,
.ms-rail-person{
  cursor:pointer;
}
.ms-mini-chat-head{
  display:grid;
  grid-template-columns:38px 1fr auto auto;
  align-items:center;
  gap:10px;
  padding:10px;
  background:linear-gradient(135deg,var(--wine),#c23861);
  color:#fff;
  cursor:pointer;
}
.ms-mini-chat-head img{
  width:38px;
  height:38px;
  border-radius:50%;
  object-fit:cover;
}
.ms-mini-chat-head a,
.ms-mini-chat-head button{
  color:#fff;
  border:1px solid rgba(255,255,255,.35);
  background:transparent;
  border-radius:8px;
  min-height:30px;
  padding:0 8px;
}
.ms-mini-chat-body{
  min-height:170px;
  padding:14px;
  color:var(--muted);
}
.ms-mini-chat-compose{
  display:grid;
  grid-template-columns:1fr 42px;
  gap:8px;
  padding:10px;
  border-top:1px solid var(--line);
}
.ms-mini-chat-compose button{
  border:0;
  border-radius:50%;
  background:var(--wine);
  color:#fff;
}
.ms-mini-chat.is-minimized .ms-mini-chat-body,
.ms-mini-chat.is-minimized .ms-mini-chat-compose{
  display:none;
}
@media(max-width:1500px){
  .ms-app{padding-right:0}
  .ms-topbar{right:0}
  .ms-comm-rail{display:none}
}
@media(max-width:1180px){
  .ms-dashboard-grid,
  .ms-detail-layout,
  .ms-kundli-layout{
    grid-template-columns:1fr;
  }
  .ms-dashboard-side{
    grid-template-columns:1fr;
  }
  .ms-detail-photo-card{
    position:static;
    max-width:440px;
  }
}
@media(max-width:760px){
  .ms-app{
    padding-left:0;
    padding-right:0;
  }
  .ms-topbar{
    left:0;
    right:0;
  }
  .ms-profile-grid,
  .ms-match-layout,
  .ms-search-layout,
  .ms-form-grid{
    grid-template-columns:1fr;
  }
  .ms-horizontal-cards{
    grid-auto-columns:76vw;
  }
  .ms-mini-chat{
    left:12px;
    right:12px;
    width:auto;
    bottom:calc(84px + env(safe-area-inset-bottom));
  }
}

/* 2026-07-04 functionality/UI follow-up: JPG placeholders, roomier cards, dashboard cleanup */
.ms-main{
  padding-top:26px;
}
.ms-page-head{
  padding-top:4px;
}
.ms-page-head h1{
  font-size:clamp(28px,2.35vw,38px) !important;
  line-height:1.08;
}
.ms-dashboard-grid{
  grid-template-columns:minmax(0,1fr) 240px;
  gap:18px;
}
.ms-dashboard-side{
  gap:14px;
}
.ms-dashboard-side .ms-profile-strength{
  grid-template-columns:62px 1fr;
  padding:16px;
  border-radius:16px;
}
.ms-dashboard-side .ms-profile-strength b{
  width:58px;
  height:58px;
  border-width:6px;
  font-size:19px;
}
.ms-dashboard-side .ms-profile-strength span{
  font-size:17px;
}
.ms-dashboard-side .ms-profile-strength p{
  grid-column:1 / -1;
  margin:0;
  font-size:13px;
}
.ms-dashboard-main .ms-two-grid{
  grid-template-columns:1fr;
}
.ms-recommended-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:16px;
}
.ms-recommended-grid .ms-profile-card{
  min-width:0;
}
.ms-recommended-grid .ms-profile-photo{
  aspect-ratio:4/4.75;
}
.ms-horizontal-cards{
  grid-auto-columns:242px;
  gap:14px;
  padding-bottom:6px;
  scrollbar-width:thin;
  scrollbar-color:rgba(117,0,39,.48) rgba(214,164,55,.14);
  cursor:grab;
}
.ms-horizontal-cards.is-middle-dragging{
  cursor:grabbing;
  user-select:none;
}
.ms-horizontal-cards::-webkit-scrollbar,
.ms-detail-tabs::-webkit-scrollbar{
  height:4px !important;
}
.ms-horizontal-cards::-webkit-scrollbar-track,
.ms-detail-tabs::-webkit-scrollbar-track{
  background:rgba(214,164,55,.14) !important;
}
.ms-horizontal-cards::-webkit-scrollbar-thumb,
.ms-detail-tabs::-webkit-scrollbar-thumb{
  background:rgba(117,0,39,.52) !important;
  border-radius:999px;
}
.ms-profile-grid{
  grid-template-columns:repeat(auto-fill,minmax(270px,1fr));
  gap:20px;
}
.ms-profile-card{
  border-radius:18px;
}
.ms-profile-card:not(.list) .ms-profile-photo,
.ms-profile-card.compact .ms-profile-photo{
  aspect-ratio:4/4.85;
}
.ms-profile-card .ms-profile-photo > img{
  object-fit:cover !important;
  object-position:center top !important;
}
.ms-profile-card .ms-profile-photo.is-placeholder > img,
.ms-profile-photo.is-placeholder > img{
  object-fit:cover !important;
  object-position:center top !important;
  padding:0 !important;
}
.ms-profile-card .ms-profile-body{
  padding:15px;
}
.ms-profile-body h3{
  font-size:20px;
}
.ms-profile-body p{
  min-height:38px;
  font-size:13px;
}
.ms-card-actions{
  gap:8px;
}
.ms-card-actions .ms-btn{
  min-height:38px;
  font-size:12px;
}
.ms-photo-missing{
  display:none !important;
}
.ms-match-badge{
  padding:8px 9px;
  font-size:12px;
}
.ms-match-badge small{
  font-size:10px;
}
.ms-online{
  padding:6px 10px;
  font-size:11px;
}
.ms-match-layout{
  grid-template-columns:280px minmax(0,1fr);
  gap:20px;
}
.ms-filter-card{
  padding:20px;
}
.ms-filter-card h2{
  font-size:24px;
}
.ms-filter-card label{
  margin-bottom:12px;
}
.ms-filter-card select{
  min-height:44px;
}
.ms-detail-photo-card{
  max-width:none;
}
.ms-detail-photo{
  aspect-ratio:4/5.35;
}
.ms-detail-photo b{
  width:68px;
  height:68px;
  font-size:20px;
}
.ms-info-grid span small{
  color:#7a4b58;
  font-weight:800;
  letter-spacing:.01em;
}
.ms-info-grid span b{
  color:#170810;
  font-size:15px;
}
.ms-info-grid .ms-icon{
  color:#d6a437;
  width:19px;
  height:19px;
}
.ms-detail-actions .ms-btn-action{
  border-color:#d6a437;
  background:#fff8ea;
  color:#760029;
  box-shadow:0 10px 24px rgba(117,0,39,.08);
}
.ms-comm-rail img,
.ms-user-menu summary img{
  background:#fff2ed;
}
@media(max-width:1500px){
  .ms-dashboard-grid{
    grid-template-columns:minmax(0,1fr);
  }
  .ms-dashboard-side{
    display:none;
  }
}
@media(max-width:980px){
  .ms-profile-grid,
  .ms-recommended-grid{
    grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  }
}

/* 2026-07-04 dashboard/action refinement */
.ms-dashboard-grid{
  grid-template-columns:minmax(0,1fr) !important;
}
.ms-dashboard-end{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}
.ms-dashboard-end-card{
  min-height:168px;
}
.ms-dashboard-end .ms-profile-strength{
  display:grid;
  grid-template-columns:68px 1fr;
  align-items:center;
  gap:12px;
  padding:18px;
}
.ms-dashboard-end .ms-profile-strength b{
  width:62px;
  height:62px;
  border:7px solid #d6a437;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--wine);
  font:900 22px var(--font-serif);
}
.ms-dashboard-end .ms-profile-strength span{
  color:var(--wine);
  font:900 22px var(--font-serif);
  line-height:1.05;
}
.ms-dashboard-end .ms-profile-strength p,
.ms-dashboard-end .ms-profile-strength a{
  grid-column:1 / -1;
}
.ms-dashboard-end .ms-profile-strength p{
  margin:0;
  color:var(--muted);
}
.ms-dashboard-end .ms-profile-strength .ms-btn{
  justify-content:center;
}
.ms-dashboard-end .ms-pending-panel{
  padding:18px;
}
.ms-dashboard-end .ms-pending-panel h2,
.ms-dashboard-end .ms-safety-card h2{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  font-size:22px;
}
.ms-dashboard-end .ms-pending-panel a{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:9px 0;
  border-bottom:1px solid rgba(214,164,55,.25);
  color:#271018;
  text-decoration:none;
  font-weight:750;
}
.ms-dashboard-end .ms-pending-panel a:last-child{
  border-bottom:0;
}
.ms-dashboard-end .ms-pending-panel span{
  color:var(--wine);
  font-weight:900;
}
.ms-dashboard-end .ms-premium-card{
  padding:20px;
  border-radius:18px;
}
.ms-dashboard-end .ms-premium-card h2{
  font-size:24px;
}
.ms-dashboard-end .ms-premium-card ul{
  margin:12px 0;
  padding-left:18px;
}
.ms-dashboard-end .ms-premium-card li{
  margin:6px 0;
}
.ms-dashboard-end .ms-safety-card{
  padding:20px;
}
.ms-dashboard-end .ms-safety-card p{
  color:#2b1820;
  line-height:1.45;
}
.ms-dashboard-end .ms-safety-card a{
  color:var(--wine);
  font-weight:900;
  text-decoration:none;
}
.ms-interest-form button{
  margin-top:10px;
  width:100%;
  border:0;
  border-radius:10px;
  background:linear-gradient(135deg,#9a003c,#cf3465);
  color:#fff;
  padding:11px 12px;
  font-weight:900;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  box-shadow:0 12px 28px rgba(154,0,60,.18);
}
.ms-interest-form button:hover{
  filter:brightness(1.03);
}
.ms-card-actions .ms-shortlist-inline button{
  background:#fffdf9;
  color:var(--wine);
  border:1px solid rgba(214,164,55,.55);
  box-shadow:none;
}
.ms-profile-card .ms-profile-photo em{
  padding:5px 8px !important;
  font-size:10.5px !important;
  border-radius:999px !important;
  gap:4px !important;
}
.ms-profile-card .ms-profile-photo em .ms-icon{
  width:12px !important;
  height:12px !important;
}
.ms-detail-photo em{
  padding:6px 10px !important;
  font-size:11.5px !important;
  border-radius:10px !important;
}
.ms-detail-photo em .ms-icon{
  width:14px !important;
  height:14px !important;
}
.ms-detail-layout{
  grid-template-columns:minmax(470px,520px) minmax(0,1fr) 420px !important;
}
.ms-detail-photo-card{
  min-width:470px;
}
.ms-detail-photo{
  aspect-ratio:4/5.65 !important;
}
.ms-detail-photo b{
  width:58px !important;
  height:58px !important;
  font-size:18px !important;
}
.ms-mini-chat-sent{
  margin-left:auto;
  max-width:82%;
  padding:10px 12px;
  border-radius:16px 16px 4px 16px;
  background:linear-gradient(135deg,#8a0036,#c72c61);
  color:#fff;
  font-weight:700;
  box-shadow:0 10px 24px rgba(138,0,54,.18);
}
@media(max-width:1600px){
  .ms-detail-layout{
    grid-template-columns:minmax(430px,470px) minmax(0,1fr) 380px !important;
  }
  .ms-detail-photo-card{
    min-width:430px;
  }
}
@media(max-width:1320px){
  .ms-dashboard-end{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ms-detail-layout{
    grid-template-columns:1fr !important;
  }
  .ms-detail-photo-card{
    min-width:0;
    max-width:560px;
  }
}
@media(max-width:760px){
  .ms-dashboard-end{
    grid-template-columns:1fr;
  }
}

/* 2026-07-04 dashboard width, image scale, and lower-card order polish */
.ms-dashboard-grid{
  display:block !important;
  width:100% !important;
}
.ms-dashboard-main{
  width:100% !important;
  max-width:none !important;
  display:grid;
  gap:20px;
  min-height:420px !important;
}
.ms-dashboard-grid,
.ms-dashboard-main,
.ms-dashboard-main > *{
  visibility:visible !important;
  opacity:1 !important;
}
.ms-dashboard-main > .ms-panel,
.ms-dashboard-main > .ms-two-grid,
.ms-dashboard-main > .ms-dashboard-end,
.ms-dashboard-main > .ms-trust-footer{
  width:100% !important;
  max-width:none !important;
}
.ms-dashboard-main .ms-two-grid{
  display:block !important;
}
.ms-daily-panel,
.ms-recommended-panel{
  padding:20px !important;
}
.ms-daily-panel .ms-horizontal-cards{
  grid-auto-columns:clamp(275px,18vw,320px) !important;
  gap:16px !important;
  padding:0 0 8px !important;
}
.ms-daily-panel .ms-profile-card.compact{
  min-width:0 !important;
}
.ms-daily-panel .ms-profile-card.compact .ms-profile-photo{
  height:auto !important;
  aspect-ratio:4/5.55 !important;
}
.ms-recommended-grid{
  grid-template-columns:repeat(auto-fill,minmax(285px,1fr)) !important;
  gap:18px !important;
}
.ms-recommended-grid .ms-profile-card .ms-profile-photo{
  height:auto !important;
  aspect-ratio:4/5.3 !important;
}
.ms-dashboard-end{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  margin:4px 0 0 !important;
  align-items:stretch;
}
.ms-dashboard-end-card{
  min-height:0 !important;
  border-radius:18px !important;
  box-shadow:0 14px 34px rgba(67,0,25,.08) !important;
}
.ms-dashboard-end .ms-profile-strength{
  grid-template-columns:58px 1fr !important;
  gap:12px !important;
  padding:16px !important;
  background:#fff !important;
}
.ms-dashboard-end .ms-profile-strength b{
  width:54px !important;
  height:54px !important;
  border-width:6px !important;
  font-size:18px !important;
}
.ms-dashboard-end .ms-profile-strength span{
  font-size:18px !important;
  line-height:1.05 !important;
}
.ms-dashboard-end .ms-profile-strength p{
  font-size:13px !important;
  line-height:1.35 !important;
}
.ms-dashboard-end .ms-profile-strength .ms-btn{
  min-height:36px !important;
  padding:0 12px !important;
  font-size:12px !important;
}
.ms-dashboard-end .ms-pending-panel{
  padding:16px !important;
}
.ms-dashboard-end .ms-pending-panel h2,
.ms-dashboard-end .ms-safety-card h2{
  font:900 18px var(--serif) !important;
  margin-bottom:10px !important;
}
.ms-dashboard-end .ms-pending-panel a{
  padding:8px 0 !important;
  font-size:13px !important;
}
.ms-dashboard-end .ms-pending-panel span{
  font-size:12px !important;
}
.ms-dashboard-end .ms-premium-card{
  padding:18px !important;
  background:linear-gradient(135deg,#750027,#4b001b) !important;
}
.ms-dashboard-end .ms-premium-card h2{
  font-size:21px !important;
  margin-bottom:10px !important;
}
.ms-dashboard-end .ms-premium-card p,
.ms-dashboard-end .ms-premium-card li{
  font-size:13px !important;
}
.ms-dashboard-end .ms-premium-card ul{
  margin:10px 0 !important;
}
.ms-dashboard-end .ms-premium-card a{
  display:inline-flex !important;
  min-height:36px !important;
  align-items:center;
  justify-content:center;
  padding:0 14px !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,#fff0b8,#d6a437) !important;
  color:#4b001b !important;
  font-size:12px !important;
  font-weight:900 !important;
}
.ms-dashboard-end .ms-safety-card{
  padding:16px !important;
}
.ms-dashboard-end .ms-safety-card p,
.ms-dashboard-end .ms-safety-card a{
  font-size:13px !important;
}
.ms-trust-footer{
  margin-top:0 !important;
  padding:16px 20px !important;
}
.ms-horizontal-cards::-webkit-scrollbar,
.ms-detail-tabs::-webkit-scrollbar{
  height:4px !important;
}
.ms-horizontal-cards::-webkit-scrollbar-thumb,
.ms-detail-tabs::-webkit-scrollbar-thumb{
  background:rgba(117,0,39,.38) !important;
}
@media(max-width:1500px){
  .ms-dashboard-end{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:760px){
  .ms-daily-panel .ms-horizontal-cards{
    grid-auto-columns:78vw !important;
  }
  .ms-dashboard-end{
    grid-template-columns:1fr !important;
  }
}

/* 2026-07-04 dashboard completion layout v4 */
.ms-app{
  padding-right:240px !important;
}
.ms-topbar{
  right:240px !important;
}
.ms-comm-rail{
  width:240px !important;
}
.ms-main{
  max-width:none !important;
}
.ms-dashboard-grid{
  display:block !important;
  width:100% !important;
}
.ms-dashboard-main{
  width:100% !important;
  max-width:none !important;
  gap:18px !important;
}
.ms-dashboard-main > .ms-panel,
.ms-dashboard-main > .ms-two-grid,
.ms-dashboard-main > .ms-dashboard-end,
.ms-dashboard-main > .ms-trust-footer{
  width:100% !important;
}
.ms-dashboard-main .ms-two-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
}
.ms-daily-panel,
.ms-recommended-panel{
  padding:18px !important;
  overflow:hidden !important;
}
.ms-daily-panel .ms-section-title,
.ms-recommended-panel .ms-section-title{
  margin-bottom:14px !important;
}
.ms-daily-panel .ms-horizontal-cards{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:clamp(330px,23vw,390px) !important;
  gap:18px !important;
  overflow-x:auto !important;
  padding:0 0 8px !important;
  scroll-snap-type:x proximity;
}
.ms-daily-panel .ms-profile-card.compact{
  min-width:0 !important;
  scroll-snap-align:start;
}
.ms-daily-panel .ms-profile-card.compact .ms-profile-photo{
  height:auto !important;
  aspect-ratio:4/5.7 !important;
}
.ms-daily-panel .ms-profile-card.compact .ms-profile-body{
  padding:16px !important;
}
.ms-daily-panel .ms-profile-card.compact .ms-profile-body h3{
  font-size:21px !important;
  line-height:1.08 !important;
}
.ms-daily-panel .ms-profile-card.compact .ms-profile-body p{
  min-height:38px !important;
}
.ms-recommended-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(330px,1fr)) !important;
  gap:18px !important;
}
.ms-recommended-grid .ms-profile-card .ms-profile-photo{
  height:auto !important;
  aspect-ratio:4/5.45 !important;
}
.ms-recommended-grid .ms-profile-card .ms-profile-body{
  padding:16px !important;
}
.ms-dashboard-end{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  margin:2px 0 0 !important;
  align-items:stretch !important;
  order:20;
}
.ms-trust-footer{
  order:30;
}
.ms-dashboard-end-card{
  min-height:150px !important;
  border-radius:18px !important;
  border:1px solid rgba(214,164,55,.38) !important;
  box-shadow:0 16px 38px rgba(67,0,25,.08) !important;
}
.ms-dashboard-end .ms-profile-strength{
  display:grid !important;
  grid-template-columns:60px 1fr !important;
  align-content:start !important;
  gap:10px 13px !important;
  padding:16px !important;
  background:#fffdf9 !important;
}
.ms-dashboard-end .ms-profile-strength b{
  width:56px !important;
  height:56px !important;
  border:6px solid #d6a437 !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  color:var(--wine) !important;
  font:900 18px var(--serif) !important;
}
.ms-dashboard-end .ms-profile-strength span{
  color:var(--wine) !important;
  font:900 19px/1.05 var(--serif) !important;
}
.ms-dashboard-end .ms-profile-strength p,
.ms-dashboard-end .ms-profile-strength a{
  grid-column:1 / -1 !important;
}
.ms-dashboard-end .ms-profile-strength p{
  margin:0 !important;
  color:var(--muted) !important;
  font-size:13px !important;
}
.ms-dashboard-end .ms-profile-strength .ms-btn{
  width:max-content !important;
  min-height:34px !important;
  padding:0 13px !important;
  font-size:12px !important;
}
.ms-dashboard-end .ms-pending-panel,
.ms-dashboard-end .ms-safety-card{
  padding:16px !important;
  background:#fffdf9 !important;
}
.ms-dashboard-end .ms-pending-panel h2,
.ms-dashboard-end .ms-safety-card h2{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 0 10px !important;
  color:var(--wine) !important;
  font:900 19px var(--serif) !important;
}
.ms-dashboard-end .ms-pending-panel a{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  padding:7px 0 !important;
  border-bottom:1px solid rgba(214,164,55,.24) !important;
  color:#2b1820 !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
.ms-dashboard-end .ms-pending-panel a:last-child{
  border-bottom:0 !important;
}
.ms-dashboard-end .ms-pending-panel span{
  color:var(--wine) !important;
  font-size:12px !important;
  font-weight:900 !important;
}
.ms-dashboard-end .ms-premium-card{
  min-height:150px !important;
  padding:17px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#7a002c,#4a061f) !important;
}
.ms-dashboard-end .ms-premium-card h2{
  margin:0 0 8px !important;
  color:#ffe4a6 !important;
  font:900 21px var(--serif) !important;
}
.ms-dashboard-end .ms-premium-card p,
.ms-dashboard-end .ms-premium-card li{
  font-size:12.5px !important;
  line-height:1.35 !important;
}
.ms-dashboard-end .ms-premium-card ul{
  margin:8px 0 10px !important;
  padding-left:17px !important;
}
.ms-dashboard-end .ms-premium-card a{
  min-height:34px !important;
  padding:0 14px !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,#fff0b8,#d6a437) !important;
  color:#4b001b !important;
  font-size:12px !important;
  font-weight:900 !important;
}
.ms-dashboard-end .ms-safety-card p,
.ms-dashboard-end .ms-safety-card a{
  color:#2b1820 !important;
  font-size:13px !important;
  line-height:1.4 !important;
}
.ms-dashboard-end .ms-safety-card a{
  color:var(--wine) !important;
  font-weight:900 !important;
}
.ms-trust-footer{
  margin-top:0 !important;
  padding:14px 18px !important;
}
.ms-horizontal-cards::-webkit-scrollbar{
  height:3px !important;
}
.ms-horizontal-cards::-webkit-scrollbar-track{
  background:rgba(214,164,55,.12) !important;
}
.ms-horizontal-cards::-webkit-scrollbar-thumb{
  background:rgba(117,0,39,.34) !important;
  border-radius:999px !important;
}
@media(max-width:1700px){
  .ms-daily-panel .ms-horizontal-cards{
    grid-auto-columns:clamp(310px,24vw,360px) !important;
  }
  .ms-recommended-grid{
    grid-template-columns:repeat(auto-fill,minmax(305px,1fr)) !important;
  }
}
@media(max-width:1500px){
  .ms-app{
    padding-right:0 !important;
  }
  .ms-topbar{
    right:0 !important;
  }
  .ms-comm-rail{
    display:none !important;
  }
  .ms-dashboard-end{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:760px){
  .ms-daily-panel .ms-horizontal-cards{
    grid-auto-columns:82vw !important;
  }
  .ms-recommended-grid{
    grid-template-columns:1fr !important;
  }
  .ms-dashboard-end{
    grid-template-columns:1fr !important;
  }
}

/* 2026-07-04 dashboard fill-width and two-row recommendation preview */
body.ms-app{
  padding-right:220px !important;
}
.ms-topbar{
  right:220px !important;
}
.ms-comm-rail{
  width:220px !important;
}
.ms-main{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:30px !important;
  padding-right:18px !important;
}
.ms-dashboard-grid,
.ms-dashboard-main{
  width:100% !important;
  max-width:none !important;
}
.ms-dashboard-main > .ms-panel,
.ms-dashboard-main > .ms-two-grid,
.ms-dashboard-main > .ms-dashboard-end,
.ms-dashboard-main > .ms-trust-footer{
  width:100% !important;
  max-width:none !important;
}
.ms-daily-panel .ms-horizontal-cards{
  grid-auto-columns:clamp(265px,18.2vw,315px) !important;
  gap:14px !important;
}
.ms-daily-panel .ms-profile-card.compact .ms-profile-photo{
  aspect-ratio:4/5.35 !important;
}
.ms-recommended-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  max-height:calc((var(--dashboard-rec-card-h, 560px) * 2) + 16px) !important;
  overflow:hidden !important;
}
.ms-recommended-grid .ms-profile-card{
  min-width:0 !important;
}
.ms-recommended-grid .ms-profile-card .ms-profile-photo{
  aspect-ratio:4/5.15 !important;
}
@media(max-width:1700px){
  .ms-daily-panel .ms-horizontal-cards{
    grid-auto-columns:clamp(255px,18vw,300px) !important;
  }
  .ms-recommended-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media(max-width:1500px){
  body.ms-app{
    padding-right:0 !important;
  }
  .ms-topbar{
    right:0 !important;
  }
  .ms-comm-rail{
    display:none !important;
  }
  .ms-recommended-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:980px){
  .ms-recommended-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:760px){
  .ms-main{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .ms-recommended-grid{
    grid-template-columns:1fr !important;
    max-height:none !important;
  }
}

/* 2026-07-04 dashboard cache-busted width fix v6
   Kept at EOF so it overrides earlier layout experiments on live hosting. */
body.ms-app{
  padding-right:220px !important;
}
body.ms-app .ms-topbar{
  right:220px !important;
}
body.ms-app .ms-comm-rail{
  width:220px !important;
}
body.ms-app .ms-main{
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:24px 10px 72px 28px !important;
}
body.ms-app .ms-dashboard-grid,
body.ms-app .ms-dashboard-main{
  display:block !important;
  width:100% !important;
  max-width:none !important;
}
body.ms-app .ms-dashboard-main > .ms-panel,
body.ms-app .ms-dashboard-main > .ms-two-grid,
body.ms-app .ms-dashboard-main > .ms-dashboard-end,
body.ms-app .ms-dashboard-main > .ms-trust-footer{
  width:100% !important;
  max-width:none !important;
}
body.ms-app .ms-dashboard-main .ms-two-grid{
  display:block !important;
}
body.ms-app .ms-daily-panel,
body.ms-app .ms-recommended-panel{
  width:100% !important;
  max-width:none !important;
}
body.ms-app .ms-daily-panel .ms-horizontal-cards{
  width:100% !important;
  grid-auto-columns:clamp(238px,15.6vw,285px) !important;
  gap:14px !important;
}
body.ms-app .ms-daily-panel .ms-profile-card.compact .ms-profile-photo,
body.ms-app .ms-recommended-grid .ms-profile-card .ms-profile-photo{
  aspect-ratio:4/5.35 !important;
}
body.ms-app .ms-recommended-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  max-height:none !important;
  overflow:hidden !important;
}
body.ms-app .ms-recommended-grid .ms-profile-card{
  min-width:0 !important;
}
body.ms-app .ms-recommended-grid .ms-profile-card:nth-child(n+9){
  display:none !important;
}
@media(min-width:1780px){
  body.ms-app .ms-daily-panel .ms-horizontal-cards{
    grid-auto-columns:clamp(225px,14vw,270px) !important;
  }
  body.ms-app .ms-recommended-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
  body.ms-app .ms-recommended-grid .ms-profile-card{
    display:block !important;
  }
  body.ms-app .ms-recommended-grid .ms-profile-card:nth-child(n+11){
    display:none !important;
  }
}
@media(max-width:1500px){
  body.ms-app{
    padding-right:0 !important;
  }
  body.ms-app .ms-topbar{
    right:0 !important;
  }
  body.ms-app .ms-comm-rail{
    display:none !important;
  }
  body.ms-app .ms-recommended-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  body.ms-app .ms-recommended-grid .ms-profile-card{
    display:block !important;
  }
  body.ms-app .ms-recommended-grid .ms-profile-card:nth-child(n+7){
    display:none !important;
  }
}
@media(max-width:980px){
  body.ms-app .ms-recommended-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body.ms-app .ms-recommended-grid .ms-profile-card:nth-child(n+5){
    display:none !important;
  }
}
@media(max-width:760px){
  body.ms-app .ms-main{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  body.ms-app .ms-recommended-grid{
    grid-template-columns:1fr !important;
    overflow:visible !important;
  }
  body.ms-app .ms-recommended-grid .ms-profile-card{
    display:block !important;
  }
  body.ms-app .ms-recommended-grid .ms-profile-card:nth-child(n+4){
    display:none !important;
  }
}

/* 2026-07-04 balanced content margin + message panel width */
@media(min-width:1501px){
  body.ms-app{
    padding-right:var(--sidebar-w) !important;
  }
  body.ms-app .ms-topbar{
    right:var(--sidebar-w) !important;
  }
  body.ms-app .ms-comm-rail{
    width:var(--sidebar-w) !important;
  }
  body.ms-app .ms-main{
    padding-left:70px !important;
    padding-right:70px !important;
  }
}

.ms-chat-page{
  grid-template-columns:var(--sidebar-w) minmax(420px,1fr) minmax(250px,300px) !important;
}

.ms-thread-list{
  width:var(--sidebar-w) !important;
  min-width:var(--sidebar-w) !important;
}

@media(max-width:1500px){
  body.ms-app .ms-main{
    padding-left:48px !important;
    padding-right:48px !important;
  }
  .ms-chat-page{
    grid-template-columns:var(--sidebar-w) minmax(0,1fr) !important;
  }
}

@media(max-width:980px){
  body.ms-app .ms-main{
    padding-left:22px !important;
    padding-right:22px !important;
  }
}

@media(max-width:760px){
  body.ms-app .ms-main{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .ms-chat-page{
    grid-template-columns:1fr !important;
  }
  .ms-thread-list{
    width:auto !important;
    min-width:0 !important;
  }
}

/* 2026-07-05 profile detail and chat interaction polish */
body.ms-app .ms-topbar{
  right:0 !important;
  z-index:30;
}
body.ms-app .ms-top-actions{
  margin-left:auto;
}
body.ms-app.ms-comm-collapsed{
  padding-right:0 !important;
}
body.ms-app.ms-comm-collapsed .ms-topbar{
  right:0 !important;
}
body.ms-app.ms-comm-collapsed .ms-comm-rail{
  transform:translateX(calc(100% - 18px));
  opacity:.35;
  pointer-events:none;
}
body.ms-app.ms-comm-collapsed .ms-main{
  padding-right:70px !important;
}
.ms-comm-rail{
  transition:transform .22s ease, opacity .22s ease;
}

.ms-detail-layout{
  grid-template-columns:minmax(360px,520px) minmax(0,1fr) !important;
  align-items:start !important;
  gap:24px !important;
}
.ms-detail-photo-card,
.ms-detail-main{
  margin-top:0 !important;
}
.ms-detail-main{
  display:block !important;
}
.ms-detail-side{
  display:none !important;
}
.ms-detail-support-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  margin-top:20px;
}
.ms-detail-support-grid .ms-panel{
  margin:0;
}
.ms-detail-support-grid table{
  width:100%;
}
.ms-detail-title{
  min-height:0 !important;
  padding:24px !important;
}
.ms-detail-title h1{
  font-size:clamp(34px,3.1vw,52px) !important;
  line-height:1.05 !important;
}
.ms-info-grid span small{
  color:#6d4250 !important;
  font-weight:900 !important;
}
.ms-info-grid span svg{
  color:#d69b29 !important;
}
.ms-detail-photo b{
  width:72px !important;
  height:72px !important;
  font-size:24px !important;
}
.ms-detail-photo b small{
  font-size:10px !important;
}

.ms-profile-action-grid{
  gap:24px !important;
  margin-top:24px !important;
  margin-bottom:24px !important;
}
.ms-profile-status-card + .ms-profile-status-card,
#kundli-profile-card{
  margin-top:0 !important;
}
.ms-profile-id-line span{
  font-weight:900;
  letter-spacing:.02em;
}

.ms-mini-chat{
  right:calc(var(--comm-w, 280px) + 34px) !important;
  bottom:22px !important;
  width:430px !important;
  min-height:500px;
  display:grid;
  grid-template-rows:auto 1fr auto;
}
.ms-mini-chat.is-minimized{
  min-height:0;
  grid-template-rows:auto;
}
.ms-mini-chat-head{
  grid-template-columns:44px 1fr auto auto !important;
  gap:10px !important;
}
.ms-mini-chat-head img{
  width:44px !important;
  height:44px !important;
}
.ms-mini-chat-head small{
  display:block;
  margin-top:2px;
  font-size:11px;
  color:#ffe7ef;
}
.ms-mini-chat-head .ms-mini-open,
.ms-mini-chat-head button{
  min-height:28px !important;
  height:28px !important;
  padding:0 10px !important;
  border-radius:8px !important;
  font-size:12px !important;
  font-weight:900;
}
.ms-mini-chat-body{
  min-height:300px !important;
  max-height:360px;
  overflow:auto;
}
.ms-mini-chat-compose{
  grid-template-columns:1fr 48px !important;
  align-items:center;
}
.ms-mini-chat-compose input{
  height:48px;
  border-radius:14px;
}
.ms-mini-chat-compose button{
  width:48px !important;
  height:48px !important;
  border-radius:50% !important;
  display:grid;
  place-items:center;
}

.ms-chat-page{
  min-height:calc(100vh - 104px);
  height:calc(100vh - 104px);
  overflow:hidden;
}
.ms-thread-list{
  overflow:auto;
}
.ms-chat-thread img{
  width:64px !important;
  height:64px !important;
}
.ms-chat-window{
  height:100%;
  min-height:0;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden !important;
}
.ms-chat-window > header img{
  width:68px !important;
  height:68px !important;
}
.ms-messages{
  min-height:0;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:12px;
  padding:22px 28px !important;
}
.ms-bubble{
  position:relative;
  display:inline-flex !important;
  flex-direction:column;
  align-self:flex-start;
  width:max-content !important;
  max-width:80% !important;
  min-width:0 !important;
  padding:12px 16px !important;
  border-radius:16px !important;
  cursor:default;
}
.ms-bubble.mine{
  align-self:flex-end;
}
.ms-bubble-text{
  white-space:pre-wrap;
  word-break:break-word;
}
.ms-bubble small{
  margin-top:6px;
  align-self:flex-end;
  white-space:nowrap;
}
.ms-message-attachment{
  margin-top:8px;
  border-radius:14px;
  overflow:hidden;
}
.ms-message-attachment-image img{
  display:block;
  max-width:min(360px, 72vw);
  max-height:260px;
  object-fit:cover;
  border-radius:14px;
}
.ms-message-attachment-video{
  display:block;
  width:min(360px, 72vw);
  max-height:260px;
  border-radius:14px;
  background:#16040b;
}
.ms-message-attachment-doc{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:220px;
  max-width:360px;
  padding:12px;
  border:1px solid rgba(145,0,53,.16);
  background:#fff8ef;
  color:var(--wine);
  text-decoration:none;
  font-weight:900;
}
.ms-message-attachment-doc span{
  width:38px;
  height:38px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#fff1e6;
  color:var(--gold);
  font-size:20px;
}
.ms-message-attachment-doc b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ms-bubble-reaction{
  position:absolute;
  right:-8px;
  bottom:-12px;
  min-width:26px;
  height:24px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#fff;
  box-shadow:0 6px 18px rgba(67,0,25,.16);
  font-style:normal;
}
.ms-composer{
  position:sticky;
  bottom:0;
  z-index:3;
  display:block !important;
  padding:12px 16px !important;
  background:rgba(255,253,248,.96);
  border-top:1px solid var(--line);
  backdrop-filter:blur(10px);
}
.ms-composer-tools{
  display:grid;
  grid-template-columns:46px 46px minmax(0,1fr) 50px;
  gap:8px;
  align-items:center;
}
.ms-composer-tools input[name="message"]{
  height:50px;
  border-radius:16px;
}
.ms-composer-icon,
.ms-send-circle{
  width:46px;
  height:46px;
  border-radius:50%;
  border:1px solid var(--line);
  background:#fffaf4;
  color:var(--wine);
  display:grid;
  place-items:center;
  font-size:22px;
  font-weight:900;
  cursor:pointer;
}
.ms-send-circle{
  width:50px;
  height:50px;
  border:0;
  color:#fff;
  background:linear-gradient(135deg,var(--wine),#c93662);
  box-shadow:0 12px 28px rgba(145,0,53,.24);
}
.ms-emoji-popover,
.ms-attach-popover{
  position:absolute;
  bottom:76px;
  left:18px;
  z-index:20;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  max-width:330px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 18px 48px rgba(67,0,25,.18);
}
.ms-emoji-popover[hidden],
.ms-attach-popover[hidden]{
  display:none !important;
}
.ms-emoji-popover button,
.ms-attach-popover button{
  min-width:40px;
  min-height:38px;
  border:1px solid #efd8b8;
  border-radius:12px;
  background:#fffaf4;
  cursor:pointer;
}
.ms-attach-popover{
  flex-direction:column;
  min-width:190px;
}
.ms-attach-popover button{
  text-align:left;
  padding:0 12px;
  color:var(--wine);
  font-weight:900;
}
.ms-attach-preview{
  display:grid;
  grid-template-columns:52px 1fr 32px;
  gap:10px;
  align-items:center;
  margin-bottom:10px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fffaf4;
}
.ms-attach-preview[hidden]{
  display:none !important;
}
.ms-attach-preview img,
.ms-attach-preview video{
  width:52px;
  height:52px;
  border-radius:10px;
  object-fit:cover;
}
.ms-attach-preview span{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#fff1ec;
  color:var(--wine);
  font-size:24px;
}
.ms-attach-preview button{
  border:0;
  background:transparent;
  color:var(--wine);
  font-size:22px;
}
.ms-chat-side > img{
  height:270px !important;
  object-fit:cover;
}
.ms-msg-menu,
.ms-reaction-popover{
  position:fixed;
  z-index:10000;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 45px rgba(67,0,25,.22);
  overflow:hidden;
}
.ms-msg-menu{
  display:grid;
  min-width:142px;
}
.ms-msg-menu button{
  border:0;
  background:#fff;
  min-height:38px;
  padding:0 14px;
  text-align:left;
  color:#3a1724;
  cursor:pointer;
}
.ms-msg-menu button:hover{
  background:#fff1ec;
  color:var(--wine);
}
.ms-reaction-popover{
  display:flex;
  gap:4px;
  padding:8px;
  border-radius:999px;
}
.ms-reaction-popover button{
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#fff7ef;
  cursor:pointer;
  font-size:20px;
}
.ms-reaction-popover button:hover{
  transform:translateY(-2px);
}

@media(max-width:1500px){
  .ms-mini-chat{
    right:24px !important;
  }
}
@media(max-width:1180px){
  .ms-detail-layout{
    grid-template-columns:1fr !important;
  }
  .ms-chat-side{
    display:none;
  }
  .ms-chat-page{
    grid-template-columns:minmax(260px,320px) minmax(0,1fr) !important;
  }
}

/* 2026-07-04 dashboard highlighted area fill */
.ms-sidebar-quick{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:18px 6px 10px;
}
.ms-sidebar-quick div{
  border:1px solid rgba(255,220,150,.35);
  border-radius:14px;
  padding:12px 8px;
  background:rgba(255,255,255,.09);
  text-align:center;
}
.ms-sidebar-quick b{
  display:block;
  color:#ffe69a;
  font:900 22px/1 var(--serif);
}
.ms-sidebar-quick small{
  font:800 12px var(--sans);
}
.ms-sidebar-quick span{
  display:block;
  margin-top:5px;
  color:#f7dbe2;
  font-size:11px;
  font-weight:800;
}
.ms-sidebar-shortcuts{
  display:grid;
  gap:8px;
  margin:0 6px 16px;
}
.ms-sidebar-shortcuts a{
  display:grid;
  grid-template-columns:18px 1fr;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 10px;
  border:1px solid rgba(255,220,150,.25);
  border-radius:12px;
  color:#ffe6a5;
  background:rgba(0,0,0,.08);
  font-size:12px;
  font-weight:850;
}
.ms-sidebar-shortcuts svg{
  width:16px;
  height:16px;
}

.ms-dashboard-highlight{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.ms-dashboard-highlight > div{
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:12px;
  min-height:72px;
  padding:14px;
  border:1px solid #ead8bd;
  border-radius:16px;
  background:
    radial-gradient(circle at 0 0,rgba(212,164,55,.16),transparent 38%),
    rgba(255,255,255,.82);
  box-shadow:0 10px 24px rgba(67,0,25,.055);
}
.ms-dashboard-highlight svg{
  width:42px;
  height:42px;
  padding:9px;
  border-radius:50%;
  color:var(--wine);
  background:#fff1ec;
  border:1px solid rgba(212,164,55,.35);
}
.ms-dashboard-highlight b{
  display:block;
  color:#5d091b;
  font-size:14px;
}
.ms-dashboard-highlight small{
  display:block;
  margin-top:4px;
  color:#7a626b;
  line-height:1.35;
}
.ms-dashboard-highlight a{
  color:var(--wine);
  font-weight:900;
  white-space:nowrap;
  font-size:13px;
}

.ms-dashboard-strip{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:1px;
  overflow:hidden;
  border:1px solid #ead8bd;
  border-radius:16px;
  background:#ead8bd;
  box-shadow:0 10px 24px rgba(67,0,25,.055);
}
.ms-dashboard-strip article{
  padding:16px 18px;
  background:linear-gradient(135deg,#fffdf9,#fff5ec);
}
.ms-dashboard-strip b{
  display:block;
  color:#79002e;
  font:900 20px var(--serif);
}
.ms-dashboard-strip span{
  display:block;
  margin-top:4px;
  color:#6f5b63;
  font-size:13px;
  line-height:1.4;
}

@media(max-width:1180px){
  .ms-dashboard-highlight{
    grid-template-columns:1fr;
  }
  .ms-dashboard-strip{
    grid-template-columns:1fr;
  }
}

/* 2026-07-04 dashboard card gutter fix */
body.ms-app .ms-dashboard-main{
  gap:24px !important;
}
body.ms-app .ms-daily-panel{
  padding-left:22px !important;
  padding-right:22px !important;
}
body.ms-app .ms-daily-panel .ms-horizontal-cards{
  gap:24px !important;
  column-gap:24px !important;
  padding-left:2px !important;
  padding-right:24px !important;
  scroll-padding-inline:24px !important;
}
body.ms-app .ms-daily-panel .ms-profile-card.compact{
  margin-right:0 !important;
}
body.ms-app .ms-recommended-grid{
  gap:24px !important;
  column-gap:24px !important;
}
body.ms-app .ms-dashboard-highlight{
  gap:18px !important;
}
body.ms-app .ms-dashboard-strip{
  gap:12px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body.ms-app .ms-dashboard-strip article{
  border:1px solid #ead8bd !important;
  border-radius:16px !important;
}
body.ms-app .ms-dashboard-end{
  gap:22px !important;
}

@media(max-width:760px){
  body.ms-app .ms-daily-panel{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  body.ms-app .ms-daily-panel .ms-horizontal-cards{
    gap:16px !important;
    column-gap:16px !important;
    padding-right:16px !important;
  }
}

/* 2026-07-05 focused functional polish */
.flash,
.ms-flash{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:3000;
  width:min(420px,calc(100vw - 32px));
  margin:0;
  border-radius:16px;
  box-shadow:0 20px 60px rgba(67,0,25,.18);
}
.ms-login-trust{
  width:250px !important;
  padding:22px !important;
  left:34px !important;
  bottom:34px !important;
  border-radius:16px !important;
}
.ms-login-trust svg{
  width:36px !important;
  height:36px !important;
  margin-bottom:8px !important;
}
.ms-login-trust p{
  font-size:17px !important;
  line-height:1.35 !important;
  margin-bottom:10px !important;
}
.ms-login-trust hr{
  margin:12px 0 !important;
}
.ms-login-email-input,
.ms-input-icon input.ms-login-email-input{
  font-weight:400 !important;
}
.ms-pref-row{
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.ms-pref-row:hover{
  background:#fff8ee;
  border-color:#d9b984;
}
.ms-pref-row input{
  pointer-events:none;
}
.ms-pref-row.is-range input{
  color:#3a2028;
}
.ms-quick-edit-dialog{
  max-width:520px;
}
.ms-quick-edit-dialog .ms-dialog-body{
  display:grid;
  gap:14px;
}
.ms-quick-edit-dialog label{
  display:grid;
  gap:8px;
  color:#4f2230;
  font-weight:800;
}
.ms-quick-edit-dialog input,
.ms-quick-edit-dialog textarea{
  min-height:48px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fffdf9;
  color:var(--ink);
  padding:12px 14px;
}
.ms-dialog-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:18px;
}
.ms-edit-hint{
  margin:0;
  color:var(--muted);
  font-size:13px;
}
.ms-profile-overview{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:24px;
  margin-bottom:18px;
}
.ms-profile-overview-photo{
  display:grid;
  gap:12px;
  align-content:start;
}
.ms-profile-overview-photo img{
  width:100%;
  aspect-ratio:3/4;
  object-fit:cover;
  border-radius:16px;
  border:1px solid var(--line);
  background:#fff6f1;
}
.ms-profile-overview-photo small{
  text-align:center;
  color:var(--muted);
  font-weight:700;
}
.ms-profile-id-line{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.ms-profile-id-line h2{
  margin:0;
  font:700 28px var(--serif);
  color:var(--wine);
}
.ms-profile-id-line span{
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 12px;
  color:var(--wine);
  background:#fff8ee;
  font-weight:800;
}
.ms-profile-overview-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.ms-profile-overview-grid div{
  min-height:70px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fffdf9;
}
.ms-profile-overview-grid small{
  display:block;
  color:var(--muted);
  margin-bottom:5px;
  font-weight:700;
}
.ms-profile-overview-grid b{
  color:#241019;
}
.ms-profile-action-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-bottom:18px;
}
.ms-profile-status-card{
  display:grid;
  grid-template-columns:46px 1fr auto;
  gap:14px;
  align-items:center;
}
.ms-profile-status-card>svg{
  width:46px;
  height:46px;
  padding:10px;
  border-radius:50%;
  color:var(--wine);
  background:#fff1e8;
}
.ms-profile-status-card h3{
  margin:0 0 4px;
  font:700 20px var(--serif);
  color:var(--wine);
}
.ms-profile-status-card p{
  margin:0;
  color:var(--muted);
}
.ms-verification-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:18px;
}
.ms-verification-strip div{
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px;
  background:#fffdf9;
}
.ms-verification-strip span{
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff1ee;
  color:var(--wine);
  font-weight:900;
}
.ms-verification-strip .done span{
  background:#eaf8ee;
  color:#177a36;
}
.ms-verification-strip small{
  margin-left:auto;
  color:var(--muted);
  font-weight:700;
}
.ms-edit-profile-title{
  margin:10px 0 14px;
  font:700 28px var(--serif);
  color:var(--wine);
}
.ms-chat-thread{
  cursor:pointer;
}

/* 2026-07-05 dashboard vertical rhythm fix */
body.ms-app .ms-dashboard-main{
  gap:34px !important;
  row-gap:34px !important;
}
body.ms-app .ms-dashboard-main > .ms-panel,
body.ms-app .ms-dashboard-main > .ms-two-grid,
body.ms-app .ms-dashboard-main > .ms-dashboard-strip,
body.ms-app .ms-dashboard-main > .ms-dashboard-end,
body.ms-app .ms-dashboard-main > .ms-trust-footer{
  margin-top:0 !important;
  margin-bottom:0 !important;
  overflow:visible !important;
}
body.ms-app .ms-dashboard-main > .ms-panel + .ms-dashboard-strip,
body.ms-app .ms-dashboard-main > .ms-dashboard-strip + .ms-two-grid,
body.ms-app .ms-dashboard-main > .ms-two-grid + .ms-two-grid,
body.ms-app .ms-dashboard-main > .ms-two-grid + .ms-dashboard-end,
body.ms-app .ms-dashboard-main > .ms-dashboard-end + .ms-trust-footer{
  margin-top:10px !important;
}
body.ms-app .ms-recommended-panel{
  overflow:visible !important;
}
body.ms-app .ms-recommended-grid{
  overflow:hidden !important;
  padding-bottom:2px !important;
}
body.ms-app .ms-pref-mini{
  min-height:132px !important;
  padding:24px !important;
}
body.ms-app .ms-dashboard-end{
  margin-top:8px !important;
  gap:24px !important;
}
body.ms-app .ms-dashboard-end-card{
  min-height:184px !important;
}
body.ms-app .ms-trust-footer{
  margin-top:8px !important;
  padding:0 20px 24px !important;
  min-height:48px !important;
  align-items:center !important;
}
@media(max-width:900px){
  body.ms-app .ms-dashboard-main{
    gap:24px !important;
    row-gap:24px !important;
  }
  body.ms-app .ms-dashboard-end{
    gap:16px !important;
  }
  .ms-profile-overview,
  .ms-profile-action-grid,
  .ms-verification-strip{
    grid-template-columns:1fr;
  }
  .ms-profile-overview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* 2026-07-05 hard dashboard vertical spacing fix */
body.ms-app .ms-dashboard-main{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  row-gap:0 !important;
}
body.ms-app .ms-dashboard-main > *{
  flex:0 0 auto !important;
}
body.ms-app .ms-dashboard-main > * + *{
  margin-top:32px !important;
}
body.ms-app .ms-dashboard-main > .ms-progress-row + .ms-dashboard-highlight{
  margin-top:18px !important;
}
body.ms-app .ms-dashboard-highlight + .ms-daily-panel{
  margin-top:34px !important;
}
body.ms-app .ms-daily-panel + .ms-dashboard-strip,
body.ms-app .ms-dashboard-strip + .ms-two-grid,
body.ms-app .ms-two-grid + .ms-two-grid,
body.ms-app .ms-two-grid + .ms-dashboard-end,
body.ms-app .ms-dashboard-end + .ms-trust-footer{
  margin-top:36px !important;
}
body.ms-app .ms-dashboard-main .ms-panel,
body.ms-app .ms-dashboard-main .ms-dashboard-strip,
body.ms-app .ms-dashboard-main .ms-dashboard-end-card{
  box-sizing:border-box !important;
}
body.ms-app .ms-dashboard-end{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:28px !important;
  row-gap:28px !important;
}
body.ms-app .ms-dashboard-end > *{
  margin:0 !important;
}
body.ms-app .ms-two-grid{
  display:grid !important;
  gap:28px !important;
  row-gap:28px !important;
}
body.ms-app .ms-dashboard-strip{
  margin-bottom:0 !important;
}
body.ms-app .ms-dashboard-main .ms-section-title{
  margin-bottom:20px !important;
}
@media(max-width:1400px){
  body.ms-app .ms-dashboard-end{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:900px){
  body.ms-app .ms-dashboard-main > * + *,
  body.ms-app .ms-dashboard-highlight + .ms-daily-panel,
  body.ms-app .ms-daily-panel + .ms-dashboard-strip,
  body.ms-app .ms-dashboard-strip + .ms-two-grid,
  body.ms-app .ms-two-grid + .ms-two-grid,
  body.ms-app .ms-two-grid + .ms-dashboard-end,
  body.ms-app .ms-dashboard-end + .ms-trust-footer{
    margin-top:24px !important;
  }
  body.ms-app .ms-dashboard-end{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
}

/* 2026-07-05 production polish pass: dashboard, chat, profile details */
body.ms-app .ms-page-head h1{
  font-size:clamp(32px,3.1vw,48px) !important;
  line-height:1.04 !important;
}
body.ms-app .ms-page-head{
  margin-bottom:22px !important;
}

body.ms-app .ms-dashboard-end{
  grid-template-columns:1.05fr 1.35fr 1fr 1.05fr !important;
  gap:18px !important;
  align-items:stretch !important;
}
body.ms-app .ms-dashboard-end-card.ms-next-step-card{
  min-height:0 !important;
  height:auto !important;
  padding:18px !important;
  border-radius:18px !important;
  box-shadow:0 14px 34px rgba(70,16,32,.08) !important;
  overflow:hidden !important;
}
body.ms-app .ms-dashboard-end .ms-profile-strength{
  grid-template-columns:58px 1fr !important;
  text-align:left !important;
  align-content:center !important;
  column-gap:14px !important;
}
body.ms-app .ms-dashboard-end .ms-profile-strength b{
  width:54px !important;
  height:54px !important;
  border-width:6px !important;
  font-size:18px !important;
  grid-row:1 / span 3 !important;
  margin:0 !important;
}
body.ms-app .ms-dashboard-end .ms-profile-strength span{
  font-size:19px !important;
  line-height:1.05 !important;
  margin:0 !important;
}
body.ms-app .ms-dashboard-end .ms-profile-strength p{
  font-size:13px !important;
  margin:6px 0 10px !important;
  line-height:1.35 !important;
}
body.ms-app .ms-dashboard-end .ms-profile-strength .ms-btn{
  justify-self:start !important;
  padding:9px 14px !important;
}
body.ms-app .ms-dashboard-end .ms-pending-panel h2,
body.ms-app .ms-dashboard-end .ms-safety-card h2,
body.ms-app .ms-dashboard-end .ms-premium-card h2{
  font-size:20px !important;
  margin-bottom:12px !important;
}
body.ms-app .ms-dashboard-end .ms-pending-panel a{
  padding:10px 0 !important;
  font-size:13px !important;
}
body.ms-app .ms-dashboard-end .ms-premium-card{
  background:linear-gradient(145deg,#76002a,#4b001b) !important;
  padding:18px !important;
}
body.ms-app .ms-dashboard-end .ms-premium-card p,
body.ms-app .ms-dashboard-end .ms-premium-card li{
  font-size:13px !important;
  line-height:1.35 !important;
}
body.ms-app .ms-dashboard-end .ms-premium-card ul{
  display:none !important;
}
body.ms-app .ms-dashboard-end .ms-premium-card a{
  display:inline-flex !important;
  width:auto !important;
  margin-top:10px !important;
  padding:10px 16px !important;
  border-radius:12px !important;
}
body.ms-app .ms-dashboard-end .ms-safety-card p{
  font-size:13px !important;
  line-height:1.45 !important;
  margin-bottom:12px !important;
}
body.ms-app .ms-trust-footer{
  justify-content:center !important;
  gap:80px !important;
  color:#8b0032 !important;
  font-size:14px !important;
}

body.ms-app .ms-chat-page{
  grid-template-columns:280px minmax(520px,1fr) 260px !important;
  min-height:calc(100vh - 118px) !important;
  border-radius:20px !important;
  box-shadow:0 24px 70px rgba(58,16,28,.12) !important;
  background:#fffdf9 !important;
}
body.ms-app .ms-thread-list{
  padding:22px 20px !important;
  background:#fff !important;
}
body.ms-app .ms-thread-list h2{
  font-size:24px !important;
  margin-bottom:18px !important;
}
body.ms-app .ms-thread-list input{
  height:46px !important;
  margin-bottom:16px !important;
}
body.ms-app .ms-chat-thread{
  display:grid !important;
  grid-template-columns:48px 1fr !important;
  gap:12px !important;
  align-items:center !important;
  padding:12px !important;
  border-radius:14px !important;
  margin-bottom:8px !important;
}
body.ms-app .ms-chat-thread.active,
body.ms-app .ms-chat-thread:hover{
  background:#fff0f2 !important;
}
body.ms-app .ms-chat-thread img,
body.ms-app .ms-chat-window header img{
  width:48px !important;
  height:48px !important;
  border-radius:50% !important;
  object-fit:cover !important;
}
body.ms-app .ms-chat-window{
  background:linear-gradient(180deg,#fffaf5,#fff6ef) !important;
}
body.ms-app .ms-chat-window header{
  padding:14px 22px !important;
  min-height:74px !important;
}
body.ms-app .ms-chat-window header h2{
  font-size:22px !important;
  margin:0 0 3px !important;
}
body.ms-app .ms-chat-window header span{
  color:#117a37 !important;
  font-weight:800 !important;
  font-size:13px !important;
}
body.ms-app .ms-messages{
  padding:24px 28px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}
body.ms-app .ms-bubble{
  max-width:min(440px,72%) !important;
  min-width:150px !important;
  padding:12px 16px !important;
  border-radius:18px 18px 18px 6px !important;
  box-shadow:0 8px 22px rgba(56,20,28,.08) !important;
}
body.ms-app .ms-bubble.mine{
  border-radius:18px 18px 6px 18px !important;
  align-self:flex-end !important;
}
body.ms-app .ms-bubble-text{
  font-size:15px !important;
  line-height:1.35 !important;
}
body.ms-app .ms-bubble small{
  font-size:11px !important;
  margin-top:5px !important;
  opacity:.62 !important;
}
body.ms-app .ms-composer{
  padding:14px 20px !important;
  background:#fff !important;
}
body.ms-app .ms-composer-tools{
  min-height:54px !important;
  border:1px solid #efd8bd !important;
  border-radius:999px !important;
  padding:6px !important;
  gap:8px !important;
  background:#fffdf8 !important;
}
body.ms-app .ms-composer-tools input[name="message"]{
  border:0 !important;
  background:transparent !important;
  height:42px !important;
  box-shadow:none !important;
}
body.ms-app .ms-composer-icon{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  background:#fff7ed !important;
}
body.ms-app .ms-send-circle{
  width:52px !important;
  height:52px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
}
body.ms-app .ms-chat-side{
  background:#fff !important;
  padding:22px 20px !important;
}
body.ms-app .ms-chat-side > img{
  height:190px !important;
  border-radius:18px !important;
  object-position:top center !important;
}
body.ms-app .ms-chat-side h2{
  font-size:24px !important;
  margin:10px 0 8px !important;
}

body.ms-app .ms-detail-layout{
  display:grid !important;
  grid-template-columns:minmax(330px,390px) minmax(0,1fr) minmax(300px,350px) !important;
  gap:24px !important;
  align-items:start !important;
}
body.ms-app .ms-detail-photo-card{
  position:sticky !important;
  top:96px !important;
}
body.ms-app .ms-detail-photo{
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:3/4.15 !important;
  border-radius:20px !important;
  overflow:hidden !important;
}
body.ms-app .ms-detail-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:top center !important;
}
body.ms-app .ms-detail-photo b{
  width:70px !important;
  height:70px !important;
  right:12px !important;
  bottom:12px !important;
  font-size:24px !important;
  border-width:5px !important;
}
body.ms-app .ms-detail-photo b small{
  font-size:10px !important;
}
body.ms-app .ms-detail-title{
  padding:24px !important;
  border-radius:18px !important;
  border:1px solid var(--line) !important;
  background:#fffdf9 !important;
  box-shadow:0 12px 32px rgba(58,16,28,.07) !important;
}
body.ms-app .ms-detail-title h1{
  font-size:clamp(34px,3.1vw,52px) !important;
  line-height:1.02 !important;
  margin:0 0 8px !important;
}
body.ms-app .ms-detail-actions{
  display:grid !important;
  grid-template-columns:1.1fr 1.1fr .9fr .8fr !important;
  gap:12px !important;
  margin:14px 0 18px !important;
}
body.ms-app .ms-detail-actions .ms-btn{
  width:100% !important;
  justify-content:center !important;
  padding:13px 14px !important;
  border-radius:12px !important;
  font-weight:900 !important;
}
body.ms-app .ms-detail-actions .ms-btn-action{
  background:#fff !important;
  border:1px solid #d9aa55 !important;
  color:#7b0035 !important;
  box-shadow:0 10px 22px rgba(90,30,45,.06) !important;
}
body.ms-app .ms-info-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:18px 0 !important;
}
body.ms-app .ms-info-grid span{
  min-height:78px !important;
  padding:13px 14px !important;
  border:1px solid #f1dcc3 !important;
  background:#fffefb !important;
  border-radius:14px !important;
}
body.ms-app .ms-info-grid span small{
  color:#70414f !important;
  font-size:12px !important;
  font-weight:900 !important;
}
body.ms-app .ms-info-grid span b{
  color:#1f1217 !important;
  font-size:15px !important;
}
body.ms-app .ms-info-grid span svg{
  width:17px !important;
  height:17px !important;
  color:#d09b24 !important;
}
body.ms-app .ms-detail-tabs{
  display:flex !important;
  gap:8px !important;
  padding:8px !important;
  border-radius:18px !important;
  background:#fff8ee !important;
  overflow-x:auto !important;
  scrollbar-width:thin !important;
}
body.ms-app .ms-detail-tabs button{
  flex:0 0 auto !important;
  padding:12px 18px !important;
  border-radius:999px !important;
  background:#fffdf8 !important;
  white-space:nowrap !important;
}
body.ms-app .ms-detail-tabs button.active{
  background:linear-gradient(135deg,#9b003a,#c42d63) !important;
  color:#fff !important;
}
body.ms-app .ms-detail-side{
  display:grid !important;
  gap:18px !important;
  position:sticky !important;
  top:96px !important;
}
body.ms-app .ms-detail-side .ms-panel{
  padding:22px !important;
  border-radius:18px !important;
}
body.ms-app .ms-detail-side h2{
  font-size:24px !important;
  margin-bottom:14px !important;
}
body.ms-app .ms-detail-side table{
  width:100% !important;
  border-collapse:collapse !important;
}
body.ms-app .ms-detail-side th,
body.ms-app .ms-detail-side td{
  padding:11px 8px !important;
  font-size:13px !important;
  border-bottom:1px solid #f0dcc5 !important;
}
body.ms-app .ms-detail-support-grid{
  display:none !important;
}

@media(max-width:1500px){
  body.ms-app .ms-dashboard-end{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body.ms-app .ms-chat-page{
    grid-template-columns:260px minmax(460px,1fr) 240px !important;
  }
  body.ms-app .ms-detail-layout{
    grid-template-columns:330px minmax(0,1fr) !important;
  }
  body.ms-app .ms-detail-side{
    grid-column:1 / -1 !important;
    position:static !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:1100px){
  body.ms-app .ms-chat-page,
  body.ms-app .ms-detail-layout{
    grid-template-columns:1fr !important;
  }
  body.ms-app .ms-chat-side,
  body.ms-app .ms-detail-photo-card,
  body.ms-app .ms-detail-side{
    position:static !important;
  }
  body.ms-app .ms-detail-side{
    grid-template-columns:1fr !important;
  }
  body.ms-app .ms-info-grid,
  body.ms-app .ms-detail-actions,
  body.ms-app .ms-dashboard-end{
    grid-template-columns:1fr 1fr !important;
  }
}
@media(max-width:700px){
  body.ms-app .ms-info-grid,
  body.ms-app .ms-detail-actions,
  body.ms-app .ms-dashboard-end{
    grid-template-columns:1fr !important;
  }
  body.ms-app .ms-chat-page{
    min-height:auto !important;
  }
}

/* 2026-07-05 mini-chat history and preference picker polish */
body.ms-app .ms-mini-chat-body{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  max-height:260px !important;
  overflow:auto !important;
  padding:14px !important;
  background:linear-gradient(180deg,#fffaf2,#fffdf9) !important;
}
body.ms-app .ms-mini-message{
  width:fit-content !important;
  max-width:86% !important;
  display:grid !important;
  gap:3px !important;
  padding:9px 11px !important;
  border-radius:14px !important;
  border:1px solid #efd8bf !important;
  background:#fff !important;
  color:#2b161d !important;
  box-shadow:0 8px 18px rgba(58,16,28,.06) !important;
}
body.ms-app .ms-mini-message.mine{
  align-self:flex-end !important;
  background:linear-gradient(135deg,#85002f,#c53162) !important;
  border-color:#a20b42 !important;
  color:#fff !important;
}
body.ms-app .ms-mini-message.theirs{
  align-self:flex-start !important;
}
body.ms-app .ms-mini-message span{
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}
body.ms-app .ms-mini-message small{
  font-size:10px !important;
  opacity:.72 !important;
  text-align:right !important;
}
body.ms-app .ms-mini-empty,
body.ms-app .ms-mini-loading{
  margin:auto !important;
  max-width:220px !important;
  color:#765660 !important;
  text-align:center !important;
  font-size:13px !important;
  line-height:1.45 !important;
}
body.ms-app .ms-pref-other-field[hidden]{
  display:none !important;
}
body.ms-app .ms-quick-edit-dialog select{
  width:100% !important;
  height:48px !important;
  border-radius:12px !important;
  border:1px solid #ead3b8 !important;
  background:#fffdf8 !important;
  color:#2c171f !important;
  font-weight:800 !important;
  padding:0 14px !important;
  outline:none !important;
}
body.ms-app .ms-quick-edit-dialog select:focus{
  border-color:#9b003a !important;
  box-shadow:0 0 0 4px rgba(155,0,58,.08) !important;
}

/* 2026-07-05 composer cleanup and dashboard summary spacing */
body.ms-app .ms-composer{
  padding:12px 18px !important;
  border-top:1px solid #efd8bf !important;
  background:rgba(255,253,248,.98) !important;
}
body.ms-app .ms-composer-tools{
  min-height:54px !important;
  height:54px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:6px 8px !important;
  border-radius:18px !important;
  border:1px solid #ead3b8 !important;
  background:#fffdf8 !important;
  box-shadow:0 10px 24px rgba(80,28,34,.07) !important;
}
body.ms-app .ms-composer-icon{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  border:1px solid #efd8bf !important;
  background:#fff8ee !important;
  color:#8a0638 !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:none !important;
}
body.ms-app .ms-composer-tools input[name="message"]{
  flex:1 1 auto !important;
  min-width:0 !important;
  height:40px !important;
  padding:0 10px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#39212a !important;
  font-size:14px !important;
  font-weight:600 !important;
}
body.ms-app .ms-composer-tools input[name="message"]::placeholder{
  color:#8b747b !important;
  font-weight:500 !important;
}
body.ms-app .ms-send-circle{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border-radius:14px !important;
  border:0 !important;
  background:linear-gradient(135deg,#8a0033,#cf2f63) !important;
  color:#fff !important;
  font-size:18px !important;
  box-shadow:0 12px 22px rgba(155,0,58,.22) !important;
}
body.ms-app .ms-send-circle:hover{
  transform:translateY(-1px) !important;
}
body.ms-app .ms-pref-mini + .ms-pref-mini{
  margin-top:26px !important;
}
body.ms-app .ms-dashboard-main .ms-two-grid:has(.ms-pref-mini){
  gap:30px !important;
  row-gap:30px !important;
}
body.ms-app .ms-dashboard-strip + .ms-two-grid,
body.ms-app .ms-two-grid + .ms-two-grid{
  margin-top:42px !important;
}

/* 2026-07-05 public legal, safety and support pages */
body.ms-app .ms-legal-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 300px !important;
  gap:24px !important;
  align-items:start !important;
}
body.ms-app .ms-legal-main{
  display:grid !important;
  gap:18px !important;
}
body.ms-app .ms-legal-card{
  padding:24px !important;
  border-radius:18px !important;
}
body.ms-app .ms-legal-card h2,
body.ms-app .ms-legal-side h2{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 12px !important;
  color:#72002a !important;
  font-size:24px !important;
  line-height:1.15 !important;
}
body.ms-app .ms-legal-card p{
  margin:0 0 12px !important;
  color:#513842 !important;
  font-size:15px !important;
  line-height:1.65 !important;
}
body.ms-app .ms-legal-card ul{
  margin:12px 0 0 !important;
  padding-left:20px !important;
  color:#4a313b !important;
  display:grid !important;
  gap:8px !important;
  line-height:1.55 !important;
}
body.ms-app .ms-legal-side{
  position:sticky !important;
  top:98px !important;
  display:grid !important;
  gap:16px !important;
}
body.ms-app .ms-legal-side .ms-panel{
  padding:20px !important;
  border-radius:18px !important;
}
body.ms-app .ms-legal-side a:not(.ms-btn){
  display:flex !important;
  align-items:center !important;
  min-height:42px !important;
  padding:10px 12px !important;
  border-radius:12px !important;
  color:#74002b !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
body.ms-app .ms-legal-side a:not(.ms-btn):hover{
  background:#fff3e7 !important;
}
body.ms-app .ms-legal-action-card p{
  margin:0 0 16px !important;
  color:#624852 !important;
  line-height:1.55 !important;
}
body.ms-app .ms-legal-actions,
body.ms-app .ms-settings-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:14px !important;
}
body.ms-app .ms-legal-link-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:16px !important;
}
body.ms-app .ms-legal-link-grid a{
  min-height:52px !important;
  padding:12px 14px !important;
  border:1px solid #ead3b8 !important;
  border-radius:14px !important;
  background:#fffdf8 !important;
  color:#74002b !important;
  text-decoration:none !important;
  font-weight:900 !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
}
body.ms-app .ms-legal-link-grid a:hover{
  border-color:#d9a62a !important;
  background:#fff6e8 !important;
}
body.ms-app .ms-contact-layout{
  align-items:start !important;
}
body.ms-app .ms-public-footer{
  max-width:1460px !important;
  margin:34px auto 0 !important;
  padding:18px 24px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:18px !important;
  border-top:1px solid #ead3b8 !important;
  color:#6f5860 !important;
  font-size:14px !important;
}
body.ms-app .ms-public-footer a{
  color:#76002b !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
body.ms-app .ms-public-footer a:hover{
  color:#b8871f !important;
}
body.ms-app .ms-legal-settings-card{
  grid-column:span 2 !important;
}
@media(max-width:1100px){
  body.ms-app .ms-legal-layout{
    grid-template-columns:1fr !important;
  }
  body.ms-app .ms-legal-side{
    position:static !important;
  }
  body.ms-app .ms-legal-settings-card{
    grid-column:auto !important;
  }
}
@media(max-width:700px){
  body.ms-app .ms-legal-link-grid{
    grid-template-columns:1fr !important;
  }
  body.ms-app .ms-legal-card h2,
  body.ms-app .ms-legal-side h2{
    font-size:20px !important;
  }
  body.ms-app .ms-legal-actions,
  body.ms-app .ms-settings-actions{
    flex-direction:column !important;
  }
}

/* 2026-07-05 chat upload feedback */
body.ms-app .ms-attach-popover button{
  min-height:40px !important;
  padding:0 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  font-size:14px !important;
}
body.ms-app .ms-attach-preview{
  grid-template-columns:52px minmax(0,1fr) 32px !important;
}
body.ms-app .ms-attach-preview.has-document{
  grid-template-columns:minmax(0,1fr) 32px !important;
}
body.ms-app .ms-attach-preview.has-document b{
  padding-left:4px !important;
}
body.ms-app .ms-attach-preview b{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#4a061f !important;
}
body.ms-app .ms-uploading-bubble{
  min-width:260px !important;
  background:linear-gradient(135deg,#8a0033,#c83463) !important;
  color:#fff !important;
}
body.ms-app .ms-uploading-bubble span{
  display:block !important;
  max-width:260px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-weight:800 !important;
}
body.ms-app .ms-uploading-bubble small{
  color:rgba(255,255,255,.78) !important;
}
body.ms-app .ms-upload-progress{
  height:7px !important;
  margin:9px 0 4px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.28) !important;
}
body.ms-app .ms-upload-progress i{
  display:block !important;
  width:45% !important;
  height:100% !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#fff8d6,#d8a328,#fff8d6) !important;
  animation:msUploadProgress 1.05s ease-in-out infinite !important;
}
body.ms-app .ms-composer.is-uploading{
  pointer-events:none !important;
}
body.ms-app .ms-composer.is-uploading .ms-composer-tools{
  opacity:.72 !important;
}
@keyframes msUploadProgress{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(240%)}
}

/* Profile detail alignment, footer, and login consent refinements */
.ms-detail-layout-v2{
  grid-template-columns:minmax(340px,430px) minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
}
.ms-detail-layout-v2 .ms-detail-photo-card,
.ms-detail-layout-v2 .ms-detail-main{
  align-self:start!important;
  margin-top:0!important;
}
.ms-detail-layout-v2 .ms-detail-photo-card{
  position:sticky;
  top:96px;
}
.ms-detail-layout-v2 .ms-detail-photo{
  min-height:620px;
  border-radius:24px;
}
.ms-detail-layout-v2 .ms-detail-photo b{
  width:72px;
  height:72px;
  font-size:20px;
}
.ms-detail-layout-v2 .ms-detail-photo b small{font-size:11px}
.ms-detail-main{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.ms-detail-title{
  margin:0!important;
  padding:24px 28px!important;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(255,255,255,.72);
  box-shadow:0 18px 44px rgba(74,6,31,.08);
}
.ms-detail-title h1{
  font-size:clamp(34px,3vw,54px)!important;
  line-height:1.02!important;
  margin:0 0 10px!important;
}
.ms-detail-title p{
  font-size:16px!important;
  color:#5f4b55!important;
}
.ms-detail-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(120px,1fr));
  gap:12px!important;
  margin:2px 0!important;
}
.ms-detail-actions form{display:block}
.ms-detail-actions .ms-btn,
.ms-detail-actions button{
  width:100%;
  min-height:48px;
  border-radius:14px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-size:15px!important;
  white-space:nowrap;
}
.ms-detail-actions .ms-btn-action{
  background:#fff!important;
  border-color:#d7b56a!important;
  color:#7b0035!important;
  box-shadow:0 12px 26px rgba(74,6,31,.08);
}
.ms-detail-actions .ms-btn-action:hover{background:#fff7e3!important}
.ms-detail-utility-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.ms-detail-utility-row form{display:block}
.ms-detail-utility-row .ms-btn,
.ms-detail-utility-row button{
  width:100%;
  min-height:42px;
  border-radius:13px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.ms-btn-danger{
  color:#8f1632!important;
  border-color:#e3b8c4!important;
  background:#fff8fa!important;
}
.ms-info-grid span small{
  color:#6d4a58!important;
  font-weight:700!important;
}
.ms-info-grid span b{color:#210713!important}
.ms-detail-support-grid{
  display:grid;
  grid-template-columns:minmax(360px,1.25fr) minmax(250px,.9fr) minmax(240px,.8fr);
  gap:16px;
  margin-top:2px;
}
.ms-detail-support-grid .ms-panel{
  height:auto!important;
  min-height:0!important;
  margin:0!important;
}
.ms-detail-support-grid table{
  width:100%;
  border-collapse:collapse;
  overflow:hidden;
  border-radius:14px;
}
.ms-detail-support-grid th,
.ms-detail-support-grid td{
  padding:12px 10px;
  border-bottom:1px solid rgba(212,175,55,.24);
  text-align:left;
}
.ms-detail-support-grid th{
  background:#fff8ea;
  color:#7b0035;
  font-size:12px;
}
.ms-consent-check{
  display:grid!important;
  grid-template-columns:24px 1fr;
  align-items:start;
  gap:12px;
  margin:-4px 0 4px;
  font-size:14px;
  color:#5f4b55;
}
.ms-consent-check input{
  width:22px;
  height:22px;
  margin:1px 0 0;
  accent-color:#7b0035;
  cursor:pointer;
}
.ms-consent-check span{
  display:none;
}
.ms-consent-check input:focus-visible{
  outline:3px solid rgba(212,175,55,.35);
  outline-offset:2px;
}
.ms-consent-check em{
  font-style:normal;
  line-height:1.45;
}
.ms-consent-check a{
  color:#7b0035;
  font-weight:800;
  text-decoration:none;
}
.ms-site-footer{
  margin:34px auto 6px;
  padding:18px 22px;
  border:1px solid rgba(212,175,55,.32);
  border-radius:22px;
  background:rgba(255,255,255,.72);
  box-shadow:0 18px 42px rgba(74,6,31,.06);
  display:grid;
  grid-template-columns:minmax(180px,.7fr) minmax(320px,1.6fr) auto;
  gap:18px;
  align-items:center;
  color:#4d3842;
}
.ms-footer-brand b{
  display:block;
  font-family:var(--serif);
  color:#7b0035;
  font-size:22px;
}
.ms-footer-brand span{
  display:block;
  font-size:12px;
  color:#75626b;
}
.ms-site-footer nav,
.ms-footer-social{
  display:flex;
  flex-wrap:wrap;
  gap:10px 16px;
  align-items:center;
}
.ms-site-footer a{
  color:#6b1737;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}
.ms-footer-social span{
  color:#8a707d;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
@media(max-width:1180px){
  .ms-detail-layout-v2{grid-template-columns:1fr!important}
  .ms-detail-layout-v2 .ms-detail-photo-card{position:relative;top:auto}
  .ms-detail-layout-v2 .ms-detail-photo{min-height:520px}
  .ms-detail-support-grid{grid-template-columns:1fr}
  .ms-notification-layout{grid-template-columns:1fr}
  .ms-legal-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ms-browser-notice-permission{right:22px}
}
@media(max-width:760px){
  .ms-detail-actions,
  .ms-detail-utility-row{grid-template-columns:1fr 1fr}
  .ms-site-footer{grid-template-columns:1fr}
  .ms-notification-item{grid-template-columns:42px 1fr;align-items:start}
  .ms-notification-item time{grid-column:2}
  .ms-legal-hub-grid{grid-template-columns:1fr}
  .ms-legal-safety-banner{display:grid}
}

.ms-notification-list .ms-notification-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 10px 26px rgba(67,0,25,.06);transition:.18s ease}
.ms-notification-list .ms-notification-item.unread{background:linear-gradient(90deg,#fff,#fff6f8);border-left:4px solid var(--wine-soft)}
.ms-notification-list .ms-notification-item i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff0f4;color:var(--wine)}
.ms-notification-list .ms-notification-item h3{margin:0 0 5px;color:var(--ink);font:800 18px/1.25 var(--sans)}
.ms-notification-list .ms-notification-item p{margin:0;color:#5f4d55;line-height:1.45}
.ms-notification-list .ms-notification-item time{color:var(--muted);font-size:13px;white-space:nowrap}
.ms-notification-side b{font:800 15px var(--sans);color:var(--wine)}
.ms-notification-side label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;margin:0;border-bottom:1px solid #f0dfc8;font-weight:800}
@media(max-width:760px){
  .ms-notification-list .ms-notification-item{grid-template-columns:42px 1fr;align-items:start}
  .ms-notification-list .ms-notification-item time{grid-column:2}
}

/* 2026-07-06 live notification polish */
.ms-sidebar-quick a{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:58px;
  border-radius:14px;
  color:#fff5dc;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,224,160,.22);
  font-weight:900;
}
.ms-sidebar-quick a .ms-icon{
  width:20px;
  height:20px;
  color:var(--gold);
}
.ms-sidebar-quick a span{
  color:#f6e2e7;
  font-size:12px;
}
.ms-browser-notice-permission{
  animation:msNotifyPromptIn .22s ease-out;
}
@keyframes msNotifyPromptIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

/* 2026-07-06 centered web audio call modal */
.ms-call-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(34,12,20,.48);
  backdrop-filter:blur(8px);
}
.ms-call-modal-backdrop[hidden]{
  display:none!important;
}
.ms-call-modal{
  position:relative;
  width:min(440px,calc(100vw - 32px));
  padding:32px 30px 26px;
  border:1px solid rgba(212,175,55,.44);
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,232,181,.5),transparent 34%),
    linear-gradient(180deg,#fffdf8,#fff7ed);
  box-shadow:0 34px 90px rgba(50,0,20,.32);
  text-align:center;
  color:#3a1522;
  animation:msCallIn .18s ease-out;
}
.ms-call-close{
  position:absolute;
  right:16px;
  top:14px;
  width:34px;
  height:34px;
  border:1px solid rgba(212,175,55,.32);
  border-radius:50%;
  background:rgba(255,255,255,.72);
  color:#7b0035;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.ms-call-rings{
  position:relative;
  width:132px;
  height:132px;
  margin:0 auto 16px;
  display:grid;
  place-items:center;
}
.ms-call-rings span{
  position:absolute;
  inset:12px;
  border:1px solid rgba(183,0,73,.25);
  border-radius:50%;
  animation:msCallRing 1.9s ease-out infinite;
}
.ms-call-rings span:nth-child(2){
  inset:0;
  animation-delay:.45s;
}
.ms-call-photo{
  position:relative;
  z-index:2;
  width:96px;
  height:96px;
  border-radius:50%;
  object-fit:cover;
  border:4px solid #fff8ea;
  box-shadow:0 14px 34px rgba(74,6,31,.18);
  background:#fff0f4;
}
.ms-call-modal h2{
  margin:0;
  color:#7b0035;
  font-family:var(--serif);
  font-size:32px;
}
.ms-call-name{
  margin:6px 0 0;
  font-weight:900;
  font-size:18px;
}
.ms-call-status{
  min-height:22px;
  margin:8px 0 0;
  color:#715963;
  font-weight:700;
}
.ms-call-timer{
  margin:16px auto;
  width:max-content;
  min-width:96px;
  padding:8px 18px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(212,175,55,.36);
  color:#7b0035;
  font-weight:900;
  letter-spacing:.06em;
}
.ms-call-form{
  margin:0;
}
.ms-call-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:12px;
}
.ms-call-actions [hidden]{
  display:none!important;
}
.ms-btn-danger{
  border:0;
  background:linear-gradient(135deg,#8f002f,#d0345f);
  color:#fff;
  box-shadow:0 16px 32px rgba(143,0,47,.18);
}
.ms-call-note{
  display:block;
  margin-top:16px;
  color:#7b6870;
  font-size:12px;
  line-height:1.45;
}
.ms-call-modal-backdrop.is-starting .ms-call-rings span,
.ms-call-modal-backdrop.is-active .ms-call-rings span{
  border-color:rgba(15,147,66,.28);
}
.ms-call-modal-backdrop.is-active .ms-call-status{
  color:#148742;
}
.ms-call-modal-backdrop.has-error .ms-call-status{
  color:#b00035;
}
@keyframes msCallRing{
  0%{transform:scale(.82);opacity:.72}
  70%{transform:scale(1.12);opacity:.08}
  100%{transform:scale(1.16);opacity:0}
}
@keyframes msCallIn{
  from{opacity:0;transform:translateY(10px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:560px){
  .ms-call-modal{padding:28px 20px 22px;border-radius:24px}
  .ms-call-modal h2{font-size:28px}
  .ms-call-actions{grid-template-columns:1fr}
}

/* 2026-07-06 profile detail layout correction */
body.ms-app .ms-detail-layout-v2{
  display:grid!important;
  grid-template-columns:minmax(300px,390px) minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-photo-card{
  position:sticky!important;
  top:92px!important;
  width:100%!important;
  max-width:390px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-photo{
  aspect-ratio:3/3.95!important;
  min-height:0!important;
  height:auto!important;
  border-radius:18px!important;
  box-shadow:0 22px 52px rgba(61,15,31,.13)!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-photo b{
  width:60px!important;
  height:60px!important;
  right:10px!important;
  bottom:10px!important;
  font-size:18px!important;
  border-width:4px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-photo b small{
  font-size:9px!important;
  line-height:1.05!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-photo em{
  left:14px!important;
  bottom:14px!important;
  padding:8px 12px!important;
  border-radius:10px!important;
  font-size:12px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-thumbs{
  gap:10px!important;
  margin-top:12px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-thumbs img{
  height:72px!important;
  border-radius:10px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-title{
  padding:22px 24px!important;
  min-height:0!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-title h1{
  font-size:clamp(32px,2.5vw,42px)!important;
  line-height:1.05!important;
  margin:0 0 8px!important;
  letter-spacing:0!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-title p{
  font-size:15px!important;
  line-height:1.45!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-actions{
  grid-template-columns:1.05fr 1.05fr .86fr .72fr!important;
  gap:10px!important;
  margin:12px 0 14px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-actions .ms-btn,
body.ms-app .ms-detail-layout-v2 .ms-detail-actions button{
  min-height:44px!important;
  padding:10px 12px!important;
  font-size:14px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-info-grid{
  gap:10px!important;
  margin:14px 0!important;
}
body.ms-app .ms-detail-layout-v2 .ms-info-grid span{
  min-height:70px!important;
  padding:12px 12px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-info-grid span small{
  font-size:11px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-info-grid span b{
  font-size:14px!important;
  line-height:1.25!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-utility-row{
  gap:10px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-utility-row .ms-btn,
body.ms-app .ms-detail-layout-v2 .ms-detail-utility-row button{
  min-height:38px!important;
  font-size:13px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-tabs{
  margin-top:2px!important;
  padding:7px!important;
  gap:7px!important;
  scrollbar-width:thin!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-tabs::-webkit-scrollbar{
  height:4px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-tabs::-webkit-scrollbar-thumb{
  background:rgba(123,0,53,.32)!important;
  border-radius:999px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-tabs button{
  padding:10px 15px!important;
  font-size:14px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-tab-panel{
  padding:22px!important;
  border-radius:18px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-tab-panel h2{
  font-size:24px!important;
  margin-bottom:10px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-support-grid{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr) minmax(260px,.8fr)!important;
  gap:16px!important;
  margin-top:2px!important;
  width:100%!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-support-grid .ms-panel{
  padding:22px!important;
  border-radius:18px!important;
  min-width:0!important;
  overflow:hidden!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-support-grid h2{
  font-size:24px!important;
  line-height:1.08!important;
  margin:0 0 8px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-panel-subtitle{
  margin:0 0 14px!important;
  color:#725c66!important;
  font-size:13px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-support-grid table{
  width:100%!important;
  table-layout:fixed!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-support-grid th,
body.ms-app .ms-detail-layout-v2 .ms-detail-support-grid td{
  padding:11px 12px!important;
  font-size:13px!important;
  overflow-wrap:anywhere!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-support-grid th:last-child,
body.ms-app .ms-detail-layout-v2 .ms-detail-support-grid td:last-child{
  width:70px!important;
  text-align:center!important;
  font-weight:900!important;
}
body.ms-app .ms-detail-layout-v2 .ms-astro-mini b{
  display:block!important;
  margin:12px 0 8px!important;
  font-family:var(--serif)!important;
  color:#7b0035!important;
  font-size:34px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-access-card p,
body.ms-app .ms-detail-layout-v2 .ms-astro-mini p{
  color:#5c4851!important;
  line-height:1.45!important;
}
@media(max-width:1500px){
  body.ms-app .ms-detail-layout-v2{
    max-width:1080px!important;
    grid-template-columns:minmax(280px,360px) minmax(0,1fr)!important;
  }
  body.ms-app .ms-detail-layout-v2 .ms-detail-photo-card{
    max-width:360px!important;
  }
}
@media(max-width:1180px){
  body.ms-app .ms-detail-layout-v2{
    grid-template-columns:1fr!important;
    max-width:760px!important;
  }
  body.ms-app .ms-detail-layout-v2 .ms-detail-photo-card{
    position:relative!important;
    top:auto!important;
    max-width:460px!important;
    margin:0 auto!important;
  }
  body.ms-app .ms-detail-layout-v2 .ms-detail-support-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px){
  body.ms-app .ms-detail-layout-v2 .ms-detail-actions,
  body.ms-app .ms-detail-layout-v2 .ms-detail-utility-row,
  body.ms-app .ms-detail-layout-v2 .ms-info-grid{
    grid-template-columns:1fr 1fr!important;
  }
}

/* 2026-07-06 profile detail overlap, spacing, and utility action polish */
body.ms-app .ms-detail-layout-v2{
  max-width:1120px!important;
  grid-template-columns:minmax(260px,330px) minmax(0,1fr)!important;
  gap:30px!important;
  align-items:start!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-photo-card{
  position:relative!important;
  top:auto!important;
  max-width:330px!important;
  width:100%!important;
  z-index:1!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-photo{
  height:430px!important;
  max-height:430px!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-photo img{
  object-fit:cover!important;
  object-position:top center!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-photo b{
  width:54px!important;
  height:54px!important;
  right:10px!important;
  bottom:10px!important;
  font-size:16px!important;
  border-width:4px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-photo b small{
  font-size:8px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-photo em{
  padding:7px 10px!important;
  font-size:11px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-main{
  gap:18px!important;
  min-width:0!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-title{
  padding:18px 22px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-title h1{
  font-size:clamp(28px,2.15vw,36px)!important;
  line-height:1.08!important;
  margin-bottom:8px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-title p{
  font-size:14px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-actions{
  gap:16px!important;
  margin:18px 0!important;
}
body.ms-app .ms-detail-layout-v2 .ms-info-grid{
  gap:16px!important;
  margin:18px 0!important;
}
body.ms-app .ms-detail-layout-v2 .ms-info-grid span{
  min-height:76px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-utility-row{
  gap:16px!important;
  margin:18px 0!important;
  padding:14px!important;
  border:1px solid rgba(212,175,55,.34)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fffaf0,#fff6f8)!important;
  box-shadow:0 14px 32px rgba(74,6,31,.06)!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-utility-row .ms-btn,
body.ms-app .ms-detail-layout-v2 .ms-detail-utility-row button{
  min-height:44px!important;
  font-size:13px!important;
  font-weight:900!important;
  border-radius:14px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-util-share{
  background:#fffef9!important;
  border:1px solid rgba(212,158,39,.55)!important;
  color:#8b5c00!important;
}
body.ms-app .ms-detail-layout-v2 .ms-util-block{
  background:linear-gradient(135deg,#fff3f5,#ffe7ed)!important;
  border:1px solid rgba(198,45,86,.42)!important;
  color:#9b003a!important;
  box-shadow:none!important;
}
body.ms-app .ms-detail-layout-v2 .ms-util-copy{
  background:linear-gradient(135deg,#fff,#fff4ea)!important;
  border:1px dashed rgba(123,0,53,.42)!important;
  color:#7b0035!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-tabs{
  margin-top:18px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-tab-panel{
  margin-top:16px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-support-grid{
  margin-top:24px!important;
}
@media(max-width:1500px){
  body.ms-app .ms-detail-layout-v2{
    max-width:1040px!important;
    grid-template-columns:minmax(250px,310px) minmax(0,1fr)!important;
  }
  body.ms-app .ms-detail-layout-v2 .ms-detail-photo-card{
    max-width:310px!important;
  }
  body.ms-app .ms-detail-layout-v2 .ms-detail-photo{
    height:400px!important;
    max-height:400px!important;
  }
}
@media(max-width:1180px){
  body.ms-app .ms-detail-layout-v2{
    grid-template-columns:1fr!important;
    max-width:760px!important;
  }
  body.ms-app .ms-detail-layout-v2 .ms-detail-photo-card{
    max-width:360px!important;
    margin:0 auto!important;
  }
  body.ms-app .ms-detail-layout-v2 .ms-detail-photo{
    height:440px!important;
    max-height:440px!important;
  }
}

/* Chat delivery state: pending clock, delivered check, received double check. */
body.ms-app .ms-message-meta,
body.ms-app .ms-mini-meta{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:5px!important;
  line-height:1!important;
}
body.ms-app .ms-message-status,
body.ms-app .ms-mini-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:15px!important;
  height:13px!important;
  font-style:normal!important;
  font-weight:900!important;
  font-size:12px!important;
  letter-spacing:-2px!important;
}
body.ms-app .ms-status-pending::before{
  content:"";
  width:9px;
  height:9px;
  border:1.8px solid currentColor;
  border-radius:50%;
  box-sizing:border-box;
  background:
    linear-gradient(currentColor,currentColor) center 2px/1.5px 4px no-repeat,
    linear-gradient(currentColor,currentColor) center center/4px 1.5px no-repeat;
}
body.ms-app .ms-status-sent::before{
  content:"✓";
  letter-spacing:0;
}
body.ms-app .ms-status-read::before{
  content:"✓✓";
}
body.ms-app .ms-status-failed::before{
  content:"!";
  width:13px;
  height:13px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  letter-spacing:0;
  border:1px solid currentColor;
  font-size:10px;
}
body.ms-app .ms-bubble.mine .ms-message-status,
body.ms-app .ms-mini-message.mine .ms-mini-status{
  color:rgba(255,255,255,.9)!important;
}
body.ms-app .ms-bubble:not(.mine) .ms-message-status,
body.ms-app .ms-mini-message.theirs .ms-mini-status{
  display:none!important;
}
body.ms-app .ms-bubble.mine .ms-status-read,
body.ms-app .ms-mini-message.mine .ms-status-read{
  color:#ffe9a8!important;
}
body.ms-app .ms-chat-pending,
body.ms-app .ms-mini-message.is-pending{
  opacity:.86!important;
}
body.ms-app .ms-chat-failed,
body.ms-app .ms-mini-message.is-failed{
  outline:1px solid rgba(220,53,69,.45)!important;
}
body.ms-app .ms-chat-failed .ms-message-status,
body.ms-app .ms-mini-message.is-failed .ms-mini-status{
  color:#ffd2d2!important;
  letter-spacing:0!important;
}
body.ms-app .ms-mini-message small.ms-mini-meta{
  opacity:.78!important;
  margin-top:5px!important;
}
body.ms-app .ms-mini-chat-compose button:disabled,
body.ms-app .ms-send-circle:disabled{
  opacity:.6!important;
  cursor:wait!important;
}

/* 2026-07-06 footer/social settings polish */
html,
body{
  min-height:100%;
}
body.ms-app,
body.ms-site{
  margin:0;
}
body.ms-app .ms-main,
body.ms-site .ms-public{
  padding-bottom:0 !important;
}
body.ms-app .ms-site-footer,
body.ms-site .ms-site-footer{
  width:100%;
  max-width:none;
  box-sizing:border-box;
  margin:34px 0 0 !important;
  padding:22px 26px 16px;
  border-color:rgba(212,175,55,.38);
  border-radius:22px 22px 0 0;
  background:
    radial-gradient(circle at 92% 12%, rgba(212,175,55,.14), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,248,234,.88));
  grid-template-columns:minmax(220px,.85fr) minmax(320px,1.5fr) minmax(260px,.85fr);
  align-items:start;
  gap:18px 24px;
}
body.ms-app .ms-footer-brand,
body.ms-site .ms-footer-brand{
  display:grid;
  gap:5px;
}
body.ms-app .ms-footer-brand b,
body.ms-site .ms-footer-brand b{
  font-size:24px;
  line-height:1.05;
}
body.ms-app .ms-site-footer nav,
body.ms-site .ms-site-footer nav{
  gap:9px 14px;
  align-content:start;
}
body.ms-app .ms-site-footer nav a,
body.ms-site .ms-site-footer nav a{
  padding:6px 0;
}
body.ms-app .ms-footer-social,
body.ms-site .ms-footer-social{
  display:grid;
  justify-items:end;
  gap:10px;
}

/* 2026-07-07 login brand and OTP form polish */
.ms-logo-mark{
  width:var(--ms-brand-icon-size,43px);
  height:var(--ms-brand-icon-size,43px);
  min-width:var(--ms-brand-icon-size,43px);
}
.ms-logo-mark--large{
  width:var(--ms-brand-icon-size,86px);
  height:var(--ms-brand-icon-size,86px);
  min-width:var(--ms-brand-icon-size,86px);
}
.ms-login-brand{
  gap:14px;
}
.ms-login-brand .ms-logo-mark{
  width:var(--ms-brand-icon-size,62px) !important;
  height:var(--ms-brand-icon-size,62px) !important;
  min-width:var(--ms-brand-icon-size,62px) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}
.ms-login-brand strong{
  line-height:.95;
}
.ms-login-brand small{
  margin-top:3px;
}
.ms-brand--side .ms-logo-mark{
  width:var(--ms-brand-icon-size,48px) !important;
  height:var(--ms-brand-icon-size,48px) !important;
  min-width:var(--ms-brand-icon-size,48px) !important;
}
.ms-input-icon .ms-icon{
  width:24px;
  height:24px;
  flex:0 0 24px;
  color:#7d6670;
}
.ms-login-email-input,
.ms-input-icon input.ms-login-email-input{
  font-weight:800 !important;
  color:#31121d;
}
.ms-login-card .ms-btn-wide{
  margin-bottom:12px;
}
.ms-login-card .ms-safe-note{
  margin-top:30px !important;
  margin-bottom:24px;
}
.ms-login-card .ms-form{
  gap:20px;
}
@media (max-width:860px){
  .ms-login-brand .ms-logo-mark{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
  }
}
body.ms-app .ms-footer-social > span,
body.ms-site .ms-footer-social > span{
  color:#7b0035;
  font-size:12px;
  font-weight:900;
  letter-spacing:.09em;
}
.ms-footer-social-links{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}
.ms-footer-social-links a{
  width:40px;
  height:40px;
  padding:0;
  border:1px solid rgba(212,175,55,.5);
  border-radius:50%;
  background:#fffaf1;
  color:#7b0035;
  display:grid;
  place-items:center;
  box-shadow:0 8px 20px rgba(74,6,31,.08);
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.ms-footer-social-links a:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#fff8e6,#f2ce66);
  box-shadow:0 12px 26px rgba(74,6,31,.13);
}
.ms-footer-social-links svg{
  width:18px;
  height:18px;
}
.ms-footer-social-links em{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
}
.ms-footer-social-links small{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border:1px dashed rgba(123,0,53,.22);
  border-radius:999px;
  color:#80646f;
  background:rgba(255,255,255,.6);
  font-weight:800;
}
.ms-footer-bottom{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:14px;
  border-top:1px solid rgba(212,175,55,.28);
  color:#6d5760;
  font-size:12px;
}
.ms-footer-bottom b{
  color:#7b0035;
  font-weight:900;
}
.ms-footer-settings-card{
  grid-column:1 / -1;
}
.ms-social-admin-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.ms-social-admin-grid label{
  margin:0 !important;
}
.ms-social-admin-grid input{
  width:100%;
}
@media(max-width:1180px){
  body.ms-app .ms-site-footer,
  body.ms-site .ms-site-footer{
    grid-template-columns:1fr 1fr;
  }
  body.ms-app .ms-footer-social,
  body.ms-site .ms-footer-social{
    justify-items:start;
  }
  .ms-footer-social-links{
    justify-content:flex-start;
  }
}
@media(max-width:760px){
  body.ms-app .ms-main{
    padding-bottom:calc(78px + env(safe-area-inset-bottom)) !important;
  }
  body.ms-app .ms-site-footer,
  body.ms-site .ms-site-footer{
    grid-template-columns:1fr;
    padding:18px 16px 14px;
  }
  .ms-footer-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
  .ms-social-admin-grid{
    grid-template-columns:1fr;
  }
}

/* Batch 1 Help Center */
.ms-help-hero{display:grid;place-items:center;text-align:center;padding:28px;background:linear-gradient(135deg,#fff7fa,#fff)}
.ms-help-hero h1{margin:12px 0 6px;font-size:clamp(28px,4vw,44px);color:var(--wine)}
.ms-help-hero p{margin:0 0 18px;color:var(--muted)}
.ms-help-search{display:flex;align-items:center;gap:10px;max-width:760px;margin:0 auto;background:#fff;border:1px solid rgba(90,10,40,.12);border-radius:22px;padding:10px;box-shadow:0 18px 45px rgba(80,0,35,.08)}
.ms-help-search .ms-icon{width:22px;height:22px;color:var(--wine)}
.ms-help-search input{border:0;outline:0;flex:1;font-weight:800;min-height:44px;font-size:15px;background:transparent;text-align:left}
.ms-help-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}
.ms-help-category-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px;min-height:180px;transition:.18s ease}
.ms-help-category-card:hover{transform:translateY(-3px)}
.ms-help-category-card .ms-icon{width:38px;height:38px;color:var(--wine)}
.ms-help-category-card h3{margin:0;color:var(--wine);font-size:18px}
.ms-help-category-card p{margin:0;color:var(--muted);line-height:1.5;flex:1}
.ms-help-category-card span{font-weight:900;color:var(--wine-soft);font-size:13px}
.ms-help-list-panel{margin-top:18px}
.ms-help-article-list{display:grid;gap:10px}
.ms-help-article-list a{display:grid;gap:5px;text-decoration:none;color:inherit;padding:14px 16px;border:1px solid rgba(90,10,40,.10);border-radius:18px;background:#fff;transition:.16s ease}
.ms-help-article-list a:hover{border-color:rgba(90,10,40,.22);box-shadow:0 12px 32px rgba(80,0,35,.08)}
.ms-help-article-list b{color:var(--wine);font-size:16px}
.ms-help-article-list span{color:var(--muted);line-height:1.45}
.ms-help-article-list em{font-style:normal;color:var(--wine-soft);font-weight:900;font-size:12px}
.ms-help-article-detail{max-width:920px;margin:0 auto 18px;line-height:1.7}
.ms-help-article-detail h1{font-size:clamp(28px,4vw,42px);margin:0 0 8px;color:var(--wine)}
.ms-help-summary{font-size:17px;color:var(--muted);font-weight:750}
.ms-help-body{margin:18px 0;color:#34101e;font-size:16px}
.ms-help-contact-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;background:linear-gradient(135deg,#fff,#fff5f8)}
.ms-help-contact-card h2{margin:0 0 6px;color:var(--wine)}
.ms-help-contact-card p{margin:0;color:var(--muted)}
.ms-help-contact-card .ms-icon{width:36px;height:36px;color:var(--wine)}
.ms-help-contact-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ms-support-ticket-submit{min-height:48px;min-width:180px;text-align:center;white-space:nowrap}
@media(max-width:1000px){.ms-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-help-contact-card{align-items:flex-start;flex-direction:column}.ms-help-contact-actions{justify-content:flex-start}}
@media(max-width:640px){.ms-help-grid{grid-template-columns:1fr}.ms-help-search{display:grid}.ms-help-search button{width:100%}}


/* Batch 2 My Requests / Ticket Tracking */
.ms-btn-small{padding:9px 12px;font-size:12px;border-radius:999px;min-height:auto}
.ms-ticket-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;text-transform:capitalize;background:#fff3d7;color:#7b4a00;white-space:nowrap}
.ms-ticket-status-open{background:#fff3d7;color:#7b4a00}
.ms-ticket-status-in_progress{background:#eef2ff;color:#253a91}
.ms-ticket-status-resolved{background:#eaf8ef;color:#126b32}
.ms-ticket-status-closed{background:#f1f1f1;color:#555}
.ms-ticket-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.ms-ticket-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.ms-ticket-detail-head h2{margin:5px 0 4px;color:var(--wine);font-size:24px}
.ms-ticket-detail-head p{margin:0;color:var(--muted);font-weight:750}
.ms-ticket-category{display:inline-flex;border-radius:999px;background:#fff1f6;color:var(--wine);font-size:12px;font-weight:900;padding:7px 10px;text-transform:capitalize}
.ms-ticket-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 18px}
.ms-ticket-step{display:flex;align-items:center;gap:8px;border:1px solid rgba(90,10,40,.10);border-radius:14px;padding:10px;background:#fff;color:var(--muted);font-size:12px;font-weight:900}
.ms-ticket-step i{width:10px;height:10px;border-radius:50%;background:#d9d9d9;display:inline-block;flex:0 0 auto}
.ms-ticket-step.active{border-color:rgba(128,0,55,.20);color:var(--wine);background:#fff7fa}
.ms-ticket-step.active i{background:var(--wine)}
.ms-ticket-thread{display:grid;gap:12px;margin-top:14px}
.ms-ticket-reply{border:1px solid rgba(90,10,40,.10);border-radius:18px;padding:14px 16px;background:#fff;max-width:86%}
.ms-ticket-reply.admin{background:#fff8ed;margin-right:auto;border-color:#f0dac1}
.ms-ticket-reply.mine{background:#fff2f7;margin-left:auto;border-color:#edc7d7}
.ms-ticket-reply-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--wine);font-size:13px}
.ms-ticket-reply-meta span{color:var(--muted);font-weight:750}
.ms-ticket-reply p{margin:0;line-height:1.65;color:#33131e}
.ms-ticket-reply-form{display:grid;gap:12px;margin-top:18px;border-top:1px solid rgba(90,10,40,.10);padding-top:18px}
.ms-ticket-reply-form textarea{text-align:left;resize:vertical;min-height:120px}
.ms-ticket-side{position:sticky;top:18px}
.ms-ticket-side h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--wine)}
.ms-ticket-side dl{display:grid;gap:10px;margin:0 0 14px}
.ms-ticket-side dt{font-size:12px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.ms-ticket-side dd{margin:0;font-weight:900;color:#30101d}
.ms-support-table td span{display:block;color:var(--muted);max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:980px){.ms-ticket-detail-layout{grid-template-columns:1fr}.ms-ticket-side{position:static}.ms-ticket-timeline{grid-template-columns:1fr 1fr}.ms-ticket-reply{max-width:100%}}
@media(max-width:640px){.ms-ticket-detail-head{display:grid}.ms-ticket-timeline{grid-template-columns:1fr}.ms-support-table-wrap{overflow-x:auto}}


/* === Batch 3: Membership & Payment Center === */
.ms-membership-dashboard{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;margin-bottom:18px}.ms-membership-status-card{border-radius:26px;padding:28px;background:linear-gradient(135deg,#6f1234,#b47a24);color:#fff;box-shadow:0 18px 42px rgba(78,20,45,.18)}.ms-membership-status-card.is-free{background:linear-gradient(135deg,#4d5564,#7b8390)}.ms-membership-status-card span{display:inline-flex;width:54px;height:54px;border-radius:18px;align-items:center;justify-content:center;background:rgba(255,255,255,.16);margin-bottom:12px}.ms-membership-status-card h2{font-size:28px;margin:0 0 8px}.ms-membership-status-card p{max-width:680px;opacity:.92}.ms-membership-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.ms-membership-meta b{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:9px 12px;font-size:13px}.ms-membership-actions{display:flex;flex-direction:column;gap:10px}.ms-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.ms-panel-title h3{margin:0;font-size:20px}.ms-panel-title p{margin:4px 0 0;color:var(--muted,#6f6670)}.ms-table-wrap{width:100%;overflow:auto}.ms-payment-history table,.ms-refund-list table{width:100%;border-collapse:collapse}.ms-payment-history th,.ms-payment-history td,.ms-refund-list th,.ms-refund-list td{padding:12px;border-bottom:1px solid rgba(120,80,90,.14);text-align:left;vertical-align:top}.ms-payment-history th,.ms-refund-list th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#7a6a72)}.ms-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;background:#f3edf0;color:#70324a;font-weight:800;font-size:12px;text-transform:capitalize}.ms-status-pill.good{background:#e9f8ed;color:#18713a}.ms-status-pill.warn{background:#fff6dd;color:#936500}.ms-mini-link{font-weight:800;color:#8d234d;text-decoration:none}.ms-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ms-form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:800}.ms-form-grid input,.ms-form-grid select,.ms-form-grid textarea{border:1px solid rgba(120,80,90,.22);border-radius:14px;padding:12px;background:#fff;font:inherit}.ms-form-grid .wide{grid-column:1/-1}.ms-help-note{background:#fff8e8;border:1px solid rgba(180,122,36,.25);border-radius:14px;padding:12px;color:#72501a;font-size:13px}.ms-refund-form-panel{max-width:920px}@media(max-width:850px){.ms-membership-dashboard,.ms-form-grid{grid-template-columns:1fr}.ms-membership-status-card h2{font-size:23px}.ms-membership-meta{display:grid}.ms-panel-title{display:block}}


/* Batch 4 Premium Conversion */
.ms-premium-compare-hero{display:grid;grid-template-columns:2fr .9fr;gap:18px;margin-bottom:18px}.ms-premium-compare-hero .ms-panel:first-child{padding:28px;background:linear-gradient(135deg,#fff7fb,#fffaf0)}.ms-premium-compare-hero span .ms-icon,.ms-premium-benefit-grid .ms-icon,.ms-contact-access-card>.ms-icon{width:34px;height:34px}.ms-premium-hero-actions,.ms-table-footer-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.ms-premium-mini-price{text-align:center;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.ms-premium-mini-price b{color:#9b6410;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.ms-premium-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.ms-premium-benefit-grid article{min-height:180px}.ms-premium-benefit-grid h2{margin:10px 0 6px}.ms-premium-compare-table td b{color:#3f061c}.ms-contact-access-layout{display:grid;grid-template-columns:1.5fr .9fr;gap:18px}.ms-contact-access-card{padding:28px}.ms-contact-access-card ol{margin:16px 0 18px;padding-left:20px}.ms-contact-access-card li{margin:8px 0;color:#5d4a51}.ms-contact-access-side p{display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(74,6,31,.08);padding:10px 0;margin:0}.ms-contact-unlock-panel .ms-contact-detail-list{display:grid;gap:8px;margin-top:12px}.ms-contact-unlock-panel .ms-contact-detail-list span{display:flex;justify-content:space-between;gap:12px;padding:10px;border-radius:14px;background:#fff7fa;border:1px solid rgba(74,6,31,.08)}.ms-contact-unlock-actions{margin:14px 0 8px}.ms-link-inline{display:inline-flex;margin-top:8px;color:#7a1237;font-weight:800;text-decoration:none}.ms-btn-gold{background:linear-gradient(135deg,#c88622,#ffd079);color:#3d2100;border:0}@media(max-width:900px){.ms-premium-compare-hero,.ms-contact-access-layout{grid-template-columns:1fr}.ms-premium-benefit-grid{grid-template-columns:1fr}.ms-premium-hero-actions,.ms-table-footer-cta{flex-direction:column}.ms-premium-hero-actions .ms-btn,.ms-table-footer-cta .ms-btn{width:100%;justify-content:center}}

/* Batch 5: Privacy & Safety Center */
.ms-privacy-hero{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:18px;overflow:hidden}
.ms-privacy-hero h2{margin:8px 0 6px;font-size:26px;line-height:1.15;color:#3d051b}
.ms-privacy-hero p{margin:0;color:#6f5260;max-width:760px}
.ms-privacy-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ms-privacy-form{margin-bottom:18px}
.ms-form-head{margin-bottom:14px}
.ms-form-head h2{margin:0 0 5px;display:flex;gap:8px;align-items:center;color:#3d051b}
.ms-form-head p{margin:0;color:#7a5b67}
.ms-privacy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ms-privacy-grid label{display:flex;flex-direction:column;gap:7px;font-weight:800;color:#4a1027}
.ms-privacy-grid select{width:100%;min-height:46px;border:1px solid rgba(120,17,54,.15);border-radius:14px;padding:0 14px;background:#fff;color:#3d051b;font-weight:700}
.ms-check-row{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;margin:16px 0;color:#553044;font-weight:800}
.ms-check-row input{width:18px;height:18px;accent-color:#7d1238}
.ms-privacy-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.ms-privacy-card h3{display:flex;gap:8px;align-items:center;margin:0 0 8px;color:#3d051b}
.ms-privacy-card p{color:#755565;margin:0 0 14px}
.ms-card-actions{display:flex;gap:10px;flex-wrap:wrap}
.ms-safety-list{margin:0;padding-left:18px;color:#755565;line-height:1.75}
.ms-nav a[href*="page=privacy_safety"] .ms-icon{color:#8b123c}
@media(max-width:860px){.ms-privacy-hero{display:block}.ms-privacy-hero-actions{justify-content:flex-start;margin-top:14px}.ms-privacy-grid,.ms-privacy-actions-grid{grid-template-columns:1fr}.ms-privacy-hero h2{font-size:22px}}


/* Batch 6: Match/Product Improvements */
.ms-save-search-box{align-self:start;position:sticky;top:18px;margin-bottom:16px}
.ms-save-search-box h2{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#3d051b}
.ms-save-search-box p{margin:0 0 12px;color:#735866}
.ms-save-search-box form{display:grid;gap:12px}
.ms-save-search-box input{text-align:left}
.ms-match-reason{font-size:12px;font-weight:850;color:#7d3150;background:#fff5f8;border:1px solid rgba(125,18,56,.08);border-radius:999px;padding:7px 10px;margin:8px 0 10px;line-height:1.35}
.ms-match-explain{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.ms-match-explain>div{border:1px solid rgba(90,10,40,.10);border-radius:16px;padding:12px;background:#fff}
.ms-match-explain b{color:#3d051b}.ms-match-explain p{margin:5px 0 0;color:#705462}.ms-match-explain em{grid-column:1/-1;font-style:normal;border-radius:14px;background:#fff8e8;color:#7b4f12;padding:10px 12px;font-weight:800}
.ms-boost-badge,.ms-highlight-badge{position:absolute;left:12px;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:950;display:inline-flex;align-items:center;gap:5px;z-index:3;box-shadow:0 10px 22px rgba(0,0,0,.12)}
.ms-boost-badge{top:52px;background:#fff1c4;color:#6c4500}.ms-highlight-badge{top:88px;background:#fff;color:#8b123c}.ms-boost-badge .ms-icon,.ms-highlight-badge .ms-icon{width:13px;height:13px}
.ms-saved-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ms-saved-search-card{border:1px solid rgba(90,10,40,.10);background:#fff;border-radius:22px;padding:18px;box-shadow:0 14px 34px rgba(80,0,35,.05)}
.ms-saved-search-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.ms-saved-search-card h3{margin:0;color:#3d051b}.ms-saved-search-card p{color:#725565;line-height:1.55}.ms-saved-search-card small{display:block;color:#8a7780;font-weight:750;margin-bottom:12px}.ms-saved-search-card form{display:inline}.ms-alert-foundation{margin-top:18px;background:linear-gradient(135deg,#fff7fb,#fffaf0)}
.ms-nav a[href*="page=saved_searches"] .ms-icon{color:#8b123c}
@media(max-width:900px){.ms-match-explain,.ms-saved-search-grid{grid-template-columns:1fr}.ms-save-search-box{position:static}}

/* Batch 7: profile boost and saved-search alerts */
.ms-boost-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:20px;align-items:stretch;margin-bottom:20px}.ms-boost-hero>div{background:#fff;border:1px solid rgba(148,105,45,.18);border-radius:22px;padding:22px;box-shadow:0 18px 40px rgba(88,45,20,.08)}.ms-boost-hero h2{margin:10px 0;font-size:28px}.ms-boost-stats,.ms-boost-analytics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.ms-boost-stats span,.ms-boost-analytics span{border:1px solid rgba(148,105,45,.18);background:linear-gradient(135deg,#fff9ef,#fff);border-radius:16px;padding:14px;display:block}.ms-boost-stats b,.ms-boost-analytics b{display:block;font-size:22px;color:#7c3f14}.ms-boost-stats small,.ms-boost-analytics small{color:#7a6a5d}.ms-boost-card h3{margin-top:0}.ms-pill{display:inline-flex;gap:6px;align-items:center;padding:7px 12px;border-radius:999px;background:#fff3d8;color:#8a5318;font-weight:800}.ms-muted{color:#7a6a5d}.ms-saved-search-card .ms-alert-meta{display:block;margin-top:6px;color:#7a6a5d;font-size:12px}@media(max-width:900px){.ms-boost-hero{grid-template-columns:1fr}.ms-boost-stats,.ms-boost-analytics{grid-template-columns:1fr}}


/* Batch 24: profile/premium/search placement fixes */
.ms-profile-upgrade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0 18px}
.ms-profile-upgrade-card{text-decoration:none;color:inherit;display:block;transition:.18s ease;min-height:150px}
.ms-profile-upgrade-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(90,50,0,.12)}
.ms-profile-upgrade-card svg{width:32px;height:32px;color:#c98913}
.ms-profile-upgrade-card h2{margin:10px 0 6px;font-size:18px}
.ms-profile-upgrade-card p{margin:0 0 10px;color:#6f5f4f;line-height:1.45}
.ms-profile-upgrade-card span{font-weight:700;color:#b77909}
.ms-table-footer-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ms-table-footer-cta .ms-btn{margin:0}

/* 2026-07-25 authenticated shell blank-content protection.
   Server-rendered main content must remain visible even when JavaScript fails. */
body.ms-app .ms-main,
body.ms-site .ms-main {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  min-height: calc(100vh - 72px) !important;
}

/* 2026-07-25 focused dashboard and navigation refinement */
.ms-progress-row-link{
  text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:15px 18px;box-shadow:0 8px 22px rgba(70,20,35,.05);
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease
}
.ms-progress-row-link:hover{transform:translateY(-1px);border-color:#d8aa62;box-shadow:0 12px 28px rgba(70,20,35,.09)}
.ms-progress-row-link:focus-visible{outline:3px solid rgba(180,126,28,.3);outline-offset:2px}
.ms-progress-row-link strong{display:flex;align-items:center;gap:4px;white-space:nowrap}
.ms-progress-row-link strong em{font-style:normal;color:var(--wine)}

.ms-sidebar-head{position:relative;display:flex;align-items:flex-start;justify-content:center;margin:0 2px 22px;min-height:104px}
.ms-sidebar-head .ms-brand--side{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;min-width:0}
.ms-sidebar-head .ms-brand-copy{display:flex;flex-direction:column;align-items:center;min-width:0}
.ms-sidebar-head .ms-brand--side strong{font-size:22px;line-height:1.1;white-space:nowrap}
.ms-sidebar-head .ms-brand--side small{margin-top:3px;color:#efd6df;font-size:11px}
.ms-sidebar-toggle{position:absolute;right:-4px;top:0;width:36px;height:36px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer}
.ms-sidebar-toggle:hover{background:rgba(255,255,255,.18)}
.ms-sidebar-toggle .ms-icon{width:19px;height:19px}
.ms-nav{gap:5px}
.ms-nav a{min-height:46px;padding:0 13px;gap:12px;font-size:14px}
.ms-nav a .ms-icon{flex:0 0 auto}

/* Android-inspired Daily Match card: photo is the card, details sit on the image. */
.ms-profile-card.compact.ms-android-match-card{
  position:relative;min-width:228px;width:228px;height:333px;border:0;border-radius:18px;
  overflow:hidden;background:#eaded5;box-shadow:0 12px 28px rgba(62,18,32,.16)
}
.ms-android-card-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ms-android-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,5,9,.18) 0%,rgba(15,5,9,0) 37%,rgba(20,5,12,.12) 48%,rgba(20,5,12,.9) 100%)}
.ms-android-card-link{position:absolute;inset:0;z-index:2}
.ms-android-status,.ms-android-score{position:absolute;top:11px;z-index:3;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;line-height:1;background:rgba(255,255,255,.92);color:#21151a;backdrop-filter:blur(6px)}
.ms-android-status{left:10px}.ms-android-score{right:10px}
.ms-android-status.online:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#29bd55;margin-right:5px}
.ms-android-card-info{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:14px 13px 13px;color:#fff;pointer-events:none}
.ms-android-card-info h3{margin:0;font:700 18px/1.2 var(--serif);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-android-card-info p{min-height:0;margin:4px 0 10px;color:#f7e8ee;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-android-interest-form{position:relative;z-index:5;pointer-events:auto;margin:0}
.ms-android-interest-form button{width:100%;min-height:38px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--wine),#cf2d61);color:#fff;font-weight:850;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
.ms-android-interest-form .ms-icon{width:17px;height:17px}
.ms-android-match-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(62,18,32,.22)}
.ms-horizontal-cards .ms-android-match-card{scroll-snap-align:start;flex:0 0 228px}

@media(min-width:981px){
  body.ms-sidebar-collapsed{padding-left:82px}
  body.ms-sidebar-collapsed .ms-sidebar{width:82px;padding:20px 11px;overflow-x:hidden}
  body.ms-sidebar-collapsed .ms-topbar{left:82px}
  body.ms-sidebar-collapsed .ms-sidebar-head{min-height:66px;margin-bottom:14px}
  body.ms-sidebar-collapsed .ms-sidebar-head .ms-brand--side{align-items:center}
  body.ms-sidebar-collapsed .ms-sidebar-head .ms-logo-mark{--ms-brand-icon-size:44px!important}
  body.ms-sidebar-collapsed .ms-brand-copy,
  body.ms-sidebar-collapsed .ms-nav a span,
  body.ms-sidebar-collapsed .ms-nav a b,
  body.ms-sidebar-collapsed .ms-sidebar-quick,
  body.ms-sidebar-collapsed .ms-sidebar-card{display:none!important}
  body.ms-sidebar-collapsed .ms-sidebar-toggle{right:-3px;top:40px;width:30px;height:30px;background:#fff;color:var(--wine);border-color:var(--line);box-shadow:0 5px 15px rgba(50,0,20,.15)}
  body.ms-sidebar-collapsed .ms-nav a{justify-content:center;padding:0;min-height:48px;border-radius:11px}
  body.ms-sidebar-collapsed .ms-nav a.active,
  body.ms-sidebar-collapsed .ms-nav a:hover{box-shadow:none;background:rgba(255,255,255,.18)}
  body.ms-sidebar-collapsed .ms-nav a .ms-icon{width:21px;height:21px}
  body.ms-sidebar-collapsed .ms-nav a:after{content:attr(href);display:none}
}

@media(max-width:980px){
  .ms-sidebar-toggle{display:none}
  .ms-sidebar-head{min-height:auto;justify-content:flex-start}
  .ms-sidebar-head .ms-brand--side{flex-direction:row;text-align:left}
  .ms-sidebar-head .ms-brand-copy{align-items:flex-start}
  .ms-profile-card.compact.ms-android-match-card{min-width:210px;width:210px;height:308px}
}

/* ========================================================================== 
   2026-07-25 PREMIUM MODERN UI — APPROVED MOCKUP IMPLEMENTATION
   Keep center content fluid/full width. Keep the desktop communication rail.
   ========================================================================== */
:root{
  --ms-sidebar-premium:224px;
  --ms-rail-premium:286px;
  --ms-topbar-premium:72px;
  --ms-canvas:#f7f2eb;
  --ms-surface:#fffdf9;
  --ms-surface-strong:#fff;
  --ms-wine:#771431;
  --ms-wine-dark:#5a1026;
  --ms-gold:#c89a43;
  --ms-gold-soft:#f5e8ca;
  --ms-ink:#241b1e;
  --ms-copy:#75696d;
  --ms-border:#e6d9ca;
  --ms-shadow:0 12px 34px rgba(62,22,34,.07);
  --ms-shadow-hover:0 18px 42px rgba(62,22,34,.12);
}
html,body{background:var(--ms-canvas)}
body.ms-app{
  padding-left:var(--ms-sidebar-premium)!important;
  padding-right:var(--ms-rail-premium)!important;
  padding-top:var(--ms-topbar-premium)!important;
  color:var(--ms-ink);
}
body.ms-app .ms-sidebar{
  width:var(--ms-sidebar-premium)!important;
  padding:18px 14px 20px!important;
  background:linear-gradient(180deg,#761431 0%,#5b1026 55%,#420719 100%)!important;
  box-shadow:8px 0 28px rgba(73,8,31,.10);
}
body.ms-app .ms-topbar{
  left:var(--ms-sidebar-premium)!important;
  right:var(--ms-rail-premium)!important;
  height:var(--ms-topbar-premium)!important;
  padding:0 22px!important;
  background:rgba(255,253,249,.97)!important;
  border-bottom:1px solid var(--ms-border)!important;
  box-shadow:0 4px 18px rgba(61,22,32,.04);
  backdrop-filter:blur(14px);
  display:flex;align-items:center;gap:18px;
}
body.ms-app .ms-main{
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:26px 28px 88px!important;
  min-width:0!important;
  overflow:visible!important;
}

/* Sidebar: fewer, clearer destinations. */
.ms-sidebar-head{min-height:96px!important;margin:0 0 14px!important;padding-top:2px}
.ms-sidebar-head .ms-brand--side{gap:7px!important}
.ms-sidebar-head .ms-brand--side strong{font-size:20px!important;letter-spacing:.01em}
.ms-sidebar-head .ms-brand--side small{font-size:10px!important;color:#ead2da!important;max-width:none!important}
.ms-sidebar-head .ms-logo-mark{box-shadow:0 9px 24px rgba(0,0,0,.18)}
.ms-sidebar-toggle{right:0!important;top:3px!important;width:34px!important;height:34px!important;border-radius:11px!important}
.ms-nav--primary{gap:4px!important}
.ms-nav-section{display:block;padding:14px 12px 5px;color:#d6abb9;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.ms-nav--primary a{min-height:44px!important;border-radius:12px!important;padding:0 12px!important;font-size:13px!important;gap:12px!important;color:#f7edf1!important}
.ms-nav--primary a .ms-icon{width:18px!important;height:18px!important;color:#e8c36d!important}
.ms-nav--primary a:hover{background:rgba(255,255,255,.09)!important}
.ms-nav--primary a.active{background:rgba(255,255,255,.15)!important;box-shadow:inset 3px 0 0 var(--ms-gold)!important;outline:1px solid rgba(255,255,255,.08)!important}
.ms-nav--primary a b{background:#cf315c!important;min-width:20px;text-align:center}
.ms-sidebar-quick{margin-top:16px!important}
.ms-sidebar-card{margin-top:15px!important;border-radius:15px!important;border-color:rgba(230,190,100,.25)!important;background:rgba(255,255,255,.075)!important;padding:14px!important}
.ms-sidebar-card strong{font-size:16px!important;margin:6px 0!important}
.ms-sidebar-card a{padding:9px 10px!important;border-radius:9px!important;font-size:11px!important}

/* Collapsed sidebar expands the center instead of shrinking it. */
@media(min-width:981px){
  body.ms-sidebar-collapsed{padding-left:76px!important}
  body.ms-sidebar-collapsed .ms-sidebar{width:76px!important;padding:18px 10px!important}
  body.ms-sidebar-collapsed .ms-topbar{left:76px!important}
  body.ms-sidebar-collapsed .ms-nav-section{display:none!important}
  body.ms-sidebar-collapsed .ms-sidebar-head{min-height:68px!important}
  body.ms-sidebar-collapsed .ms-nav--primary a{justify-content:center!important;padding:0!important}
  body.ms-sidebar-collapsed .ms-nav--primary a:focus-visible:after,
  body.ms-sidebar-collapsed .ms-nav--primary a:hover:after{content:attr(data-nav-label);position:fixed;left:84px;background:#32101d;color:#fff;padding:8px 10px;border-radius:8px;font-size:11px;z-index:120;white-space:nowrap;box-shadow:var(--ms-shadow)}
}

/* Topbar: contextual title + useful global actions. */
.ms-top-context{display:flex;flex-direction:column;min-width:150px;max-width:230px;line-height:1.05}
.ms-top-context strong{font:700 16px/1.15 var(--serif);color:var(--ms-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-top-context small{margin-top:5px;color:var(--ms-copy);font-size:9px}
.ms-top-search{height:40px!important;flex:1 1 360px!important;max-width:500px!important;min-width:220px!important;border-radius:18px!important;background:#fbf7f1!important;border-color:var(--ms-border)!important}
.ms-top-search input{font-size:12px!important}
.ms-top-actions{gap:8px!important}
.ms-premium-chip,.ms-round-action,.ms-user-menu summary{height:40px!important;border-radius:14px!important;background:#fff!important;border-color:var(--ms-border)!important;box-shadow:none!important}
.ms-premium-chip{background:#fff8e7!important;color:#795416!important;border-color:#ead29d!important;padding:0 12px!important;font-size:11px!important}
.ms-round-action{width:40px!important}
.ms-user-menu summary{padding:0 11px 0 5px!important;font-size:11px!important}
.ms-user-menu summary img{width:31px!important;height:31px!important}

/* Right communication panel always stays available on desktop. */
body.ms-app .ms-comm-rail{
  display:grid!important;
  width:var(--ms-rail-premium)!important;
  top:var(--ms-topbar-premium)!important;
  right:0!important;
  bottom:0!important;
  transform:none!important;
  opacity:1!important;
  pointer-events:auto!important;
  background:#fffdf9!important;
  border-left:1px solid var(--ms-border)!important;
  box-shadow:-10px 0 30px rgba(64,20,34,.055)!important;
  z-index:18!important;
}
.ms-comm-status{height:48px!important;padding:0 14px!important;background:#fff!important;color:var(--ms-copy)!important}
.ms-comm-status b{font-size:11px}
.ms-comm-status span{width:8px!important;height:8px!important}
.ms-comm-tabs button{min-height:42px!important;background:#fbf6ef!important;font-size:11px!important}
.ms-comm-tabs button.active{background:#fff!important;color:var(--ms-wine)!important;box-shadow:inset 0 -2px 0 var(--ms-wine)}
.ms-comm-scroll{padding:10px 10px 22px!important}
.ms-rail-section-head{display:flex;align-items:center;justify-content:space-between;margin:10px 4px 7px}
.ms-rail-section-head h3{margin:0!important;color:var(--ms-ink)!important;font:700 12px var(--serif)!important}
.ms-rail-section-head a{font-size:9px;color:var(--ms-wine);font-weight:800}
.ms-rail-person{border-radius:12px!important;padding:8px!important;gap:9px!important;min-height:54px!important}
.ms-rail-person:hover{background:#fbf1f4!important}
.ms-rail-person img{width:38px!important;height:38px!important;border-radius:50%!important}
.ms-rail-person span b{font-size:10px!important;color:var(--ms-ink)!important}
.ms-rail-person span small{font-size:8px!important;color:var(--ms-copy)!important;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ms-app.ms-comm-collapsed .ms-comm-rail{transform:translateX(calc(100% - 16px))!important;opacity:.45!important;pointer-events:none!important}
body.ms-app.ms-comm-collapsed{padding-right:16px!important}
body.ms-app.ms-comm-collapsed .ms-topbar{right:16px!important}

/* At laptop widths the rail becomes a fixed slide-over, not removed. Center keeps its size. */
@media(max-width:1500px) and (min-width:981px){
  body.ms-app{padding-right:0!important}
  body.ms-app .ms-topbar{right:0!important}
  body.ms-app .ms-comm-rail{display:grid!important;width:276px!important;box-shadow:-18px 0 45px rgba(50,12,28,.15)!important}
  body.ms-app:not(.ms-comm-open) .ms-comm-rail{transform:translateX(calc(100% - 16px))!important;opacity:.55!important}
  body.ms-app.ms-comm-open .ms-comm-rail{transform:none!important;opacity:1!important}
}

/* Page hierarchy / surfaces. */
.ms-page-head{align-items:center!important;margin:0 0 18px!important;gap:18px!important}
.ms-page-head h1{font-size:clamp(26px,2vw,34px)!important;color:var(--ms-ink)!important;letter-spacing:-.025em!important;margin-bottom:5px!important}
.ms-page-head p{font-size:12px!important;color:var(--ms-copy)!important;line-height:1.45}
.ms-panel,.ms-profile-card,.ms-filter-card,.ms-search-form,.ms-price-card,.ms-settings-card,.ms-pref-card,.ms-privacy-card{
  background:var(--ms-surface-strong)!important;border:1px solid var(--ms-border)!important;border-radius:16px!important;box-shadow:var(--ms-shadow)!important
}
.ms-panel{padding:18px!important}
.ms-panel h2,.ms-panel h3{color:var(--ms-ink)!important}
.ms-btn{min-height:38px!important;border-radius:11px!important;font-size:12px!important;font-weight:850!important;padding:0 14px!important}
.ms-btn-primary,.ms-btn--primary{background:linear-gradient(135deg,var(--ms-wine),#cb315d)!important;color:#fff!important;border-color:transparent!important}
.ms-btn-gold{background:linear-gradient(135deg,#f5d993,var(--ms-gold))!important;color:#3b2a12!important}
.ms-btn-outline,.ms-btn--outline{background:#fff!important;color:var(--ms-wine)!important;border-color:var(--ms-border)!important}
.ms-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(60,18,32,.08)}
input,select,textarea{border-color:var(--ms-border)!important;border-radius:10px!important;background:#fffdf9!important;color:var(--ms-ink)!important}
label{color:var(--ms-ink)}

/* Tabs / status chips. */
.ms-tabs{gap:7px!important;margin-bottom:17px!important;padding-bottom:2px}
.ms-tabs a{padding:9px 14px!important;border-radius:999px!important;font-size:11px!important;background:#fff!important;border-color:var(--ms-border)!important;box-shadow:none!important}
.ms-tabs a.active{background:var(--ms-wine)!important;color:#fff!important}
.ms-status-pill,.ms-pill,.ms-accuracy-pill{border-radius:999px!important;font-size:10px!important;padding:6px 10px!important}

/* Dashboard. */
.ms-dashboard-grid--premium,.ms-dashboard-main{display:block!important;width:100%!important;max-width:none!important}
.ms-profile-completion-card{display:grid!important;grid-template-columns:minmax(190px,1.2fr) minmax(240px,5fr) auto!important;align-items:center!important;gap:18px!important;padding:14px 16px!important;background:#fffaf3!important;border-color:#ead4ae!important}
.ms-profile-completion-card>div{display:grid;gap:3px}.ms-profile-completion-card small{color:var(--ms-copy);font-size:9px}.ms-profile-completion-card strong{font-size:12px!important;text-transform:none!important}
.ms-profile-completion-card span{height:8px!important;border-radius:999px!important;background:#eadfce!important}.ms-profile-completion-card span i{border-radius:999px!important;background:linear-gradient(90deg,var(--ms-wine),#d13b65)!important}
.ms-dashboard-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 18px}
.ms-dashboard-kpis a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:15px 16px;border:1px solid var(--ms-border);border-radius:15px;background:#fff;text-decoration:none;box-shadow:var(--ms-shadow);column-gap:13px;transition:.18s ease}
.ms-dashboard-kpis a:hover{transform:translateY(-2px);box-shadow:var(--ms-shadow-hover)}
.ms-dashboard-kpis b{grid-row:1/3;font-size:27px;color:var(--ms-wine);align-self:center}.ms-dashboard-kpis span{font-size:12px;font-weight:850;color:var(--ms-ink)}.ms-dashboard-kpis small{font-size:9px;color:var(--ms-copy);margin-top:3px}
.ms-dashboard-feature-section{margin-bottom:18px!important}
.ms-section-title{align-items:flex-start!important}.ms-section-title>div{display:grid;gap:3px}.ms-section-title p{margin:0;color:var(--ms-copy);font-size:9px}.ms-section-title h2{font-size:18px!important;margin:0!important}.ms-section-title a{font-size:10px!important}
.ms-dashboard-smart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.ms-smart-action{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;text-decoration:none;padding:14px!important}
.ms-smart-action>.ms-icon{width:27px;height:27px;color:var(--ms-gold)}.ms-smart-action div{display:grid;gap:3px}.ms-smart-action b{font-size:11px;color:var(--ms-ink)}.ms-smart-action span{font-size:9px;color:var(--ms-copy)}.ms-smart-action em{font-style:normal;font-size:9px;color:var(--ms-wine);font-weight:850}
.ms-dashboard-end--compact{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.ms-dashboard-end--compact .ms-dashboard-end-card{min-height:0!important;padding:15px!important}.ms-dashboard-end--compact h2{font-size:14px!important}.ms-dashboard-end--compact p{font-size:9px!important}.ms-dashboard-end--compact a{font-size:9px!important}

/* Daily match card remains image-led / Android-like. */
.ms-profile-card.compact.ms-android-match-card{min-width:220px!important;width:220px!important;height:320px!important;border-radius:17px!important;box-shadow:0 12px 28px rgba(60,18,32,.15)!important}
.ms-android-card-info h3{font-size:16px!important}.ms-android-card-info p{font-size:10px!important}.ms-android-interest-form button{min-height:36px!important;font-size:11px!important}.ms-android-status,.ms-android-score{font-size:9px!important;padding:6px 8px!important}
.ms-horizontal-cards{grid-auto-columns:220px!important;gap:12px!important;padding:4px 1px 8px!important}

/* Discovery cards: photo-led and less cluttered. */
.ms-profile-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))!important;gap:14px!important;align-items:start}
.ms-profile-card{overflow:hidden!important;transition:transform .18s ease,box-shadow .18s ease!important}
.ms-profile-card:hover{transform:translateY(-2px);box-shadow:var(--ms-shadow-hover)!important}
.ms-profile-card:not(.list) .ms-profile-photo{height:auto!important;aspect-ratio:4/4.35!important;max-height:310px!important}
.ms-profile-body{padding:13px!important}.ms-profile-body h3{font:700 16px/1.2 var(--serif)!important;margin-bottom:5px!important}.ms-profile-name-link{color:var(--ms-ink);text-decoration:none}.ms-profile-body p{font-size:9px!important;min-height:0!important;margin-bottom:10px!important;color:var(--ms-copy)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-match-badge{border-radius:999px!important;padding:7px 8px!important;font-size:11px!important}.ms-match-badge small{font-size:8px!important}.ms-online{font-size:9px!important;padding:5px 8px!important}.ms-online.offline{display:none!important}.ms-premium-badge,.ms-boost-badge,.ms-highlight-badge{font-size:8px!important;padding:5px 7px!important}
.ms-card-actions--compact{grid-template-columns:1fr 1fr!important;gap:7px!important}.ms-card-actions--compact .ms-btn{min-height:32px!important;font-size:9px!important;padding:0 8px!important}.ms-interest-form button{min-height:36px!important;font-size:11px!important;border-radius:10px!important}
.ms-match-reason{display:none!important}

/* Matches: full-width center canvas, filter drawer instead of permanent sidebar. */
.ms-match-layout--wide{display:block!important;width:100%!important}.ms-match-layout--wide>.ms-profile-grid{width:100%!important}
.ms-match-toolbar{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(300px,1.6fr) auto!important;align-items:center!important;gap:12px!important;margin-bottom:14px!important;padding:12px!important}
.ms-match-toolbar-summary{display:grid;gap:3px}.ms-match-toolbar-summary b{font-size:13px}.ms-match-toolbar-summary span{font-size:9px;color:var(--ms-copy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-match-toolbar-search{display:flex;gap:8px;min-width:0}.ms-match-toolbar-search input{min-width:0;flex:1}.ms-filter-drawer{position:relative}.ms-filter-drawer>summary{list-style:none;cursor:pointer;display:flex!important;align-items:center;gap:6px}.ms-filter-drawer>summary::-webkit-details-marker{display:none}.ms-filter-drawer-body{position:absolute;right:0;top:46px;z-index:40;width:min(720px,80vw);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;border:1px solid var(--ms-border);border-radius:15px;background:#fff;box-shadow:0 18px 45px rgba(52,13,28,.16)}.ms-filter-drawer-body label{display:grid;gap:5px;font-size:9px;font-weight:800}.ms-filter-drawer-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}

/* Member Search: results keep the whole center width. */
.ms-search-hero{margin-bottom:14px!important}.ms-search-primary{display:flex;gap:10px;align-items:center}.ms-search-primary-field{display:flex;align-items:center;gap:8px;flex:1;border:1px solid var(--ms-border);border-radius:18px;background:#fbf7f1;padding:0 14px;height:42px}.ms-search-primary-field input{border:0!important;background:transparent!important;padding:0!important}.ms-search-quick-links{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.ms-search-quick-links a{padding:7px 10px;border:1px solid var(--ms-border);border-radius:999px;background:#fff;color:var(--ms-wine);font-size:9px;font-weight:850;text-decoration:none}.ms-search-advanced>summary{display:inline-flex!important;list-style:none;cursor:pointer;gap:6px;align-items:center}.ms-search-advanced>summary::-webkit-details-marker{display:none}.ms-search-advanced-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--ms-border)}.ms-search-advanced-grid .ms-form-section{padding:12px!important;border:1px solid var(--ms-border);border-radius:13px;background:#fffdf9}.ms-search-advanced-grid h2{font-size:12px!important}.ms-search-advanced-grid label{font-size:9px!important}.ms-search-advanced-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.ms-search-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.ms-search-results-head>div{display:grid;gap:3px}.ms-search-results-head b{font-size:13px}.ms-search-results-head span{font-size:9px;color:var(--ms-copy)}

/* Interests: human profile activity rather than table-like. */
.ms-interest-list{gap:11px!important}.ms-interest-card{grid-template-columns:76px minmax(0,1fr) auto!important;align-items:center!important;padding:12px!important;border-radius:15px!important;background:#fff!important;border:1px solid var(--ms-border)!important;box-shadow:var(--ms-shadow)!important}.ms-interest-avatar{width:76px!important;height:88px!important;border-radius:13px!important;object-fit:cover}.ms-interest-card h3{font-size:15px!important}.ms-interest-card p{font-size:9px!important;color:var(--ms-copy)!important}.ms-inline-actions{gap:7px!important}.ms-inline-actions .ms-btn{min-height:34px!important}

/* Messages: polished three-panel app layout. */
.ms-chat-page{grid-template-columns:270px minmax(420px,1fr) 260px!important;min-height:calc(100vh - 132px)!important;border-radius:17px!important;box-shadow:var(--ms-shadow)!important}.ms-thread-list{width:auto!important;min-width:0!important}.ms-chat-thread{padding:10px 11px!important}.ms-chat-thread img{width:42px!important;height:42px!important}.ms-chat-thread b{font-size:10px!important}.ms-chat-thread small{font-size:8px!important}.ms-chat-window header{padding:12px 15px!important}.ms-messages{padding:18px!important;gap:11px!important}.ms-bubble{max-width:min(72%,540px)!important;border-radius:15px!important;padding:10px 12px!important;font-size:10px!important}.ms-composer{padding:10px!important}.ms-composer textarea,.ms-composer input{font-size:11px!important}.ms-chat-side{padding:14px!important}.ms-chat-side>img{height:190px!important;border-radius:14px!important}.ms-chat-side h2{font-size:16px!important}

/* Profile detail: premium hero and cleaner tabs. */
.ms-detail-layout-v2{grid-template-columns:minmax(290px,380px) minmax(0,1fr)!important;gap:18px!important}.ms-detail-photo-card{position:sticky!important;top:92px!important}.ms-detail-photo{border-radius:18px!important;overflow:hidden}.ms-detail-title h1{font-size:clamp(25px,2vw,34px)!important;color:var(--ms-ink)!important}.ms-detail-title p{font-size:11px!important;color:var(--ms-copy)!important}.ms-detail-actions{gap:8px!important}.ms-info-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.ms-info-grid span{padding:10px!important;border-radius:12px!important}.ms-detail-tabs{gap:6px!important}.ms-detail-tabs button,.ms-detail-tabs a{border-radius:999px!important;font-size:10px!important}.ms-detail-support-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.ms-detail-support-grid .ms-panel{min-width:0!important}

/* My Profile / forms: retain all fields, improve hierarchy. */
.ms-profile-edit-layout{gap:14px!important}.ms-profile-edit-layout>.ms-panel,.ms-form-grid{border-left:0!important}.ms-form-grid{padding:16px!important}.ms-form-grid h2{font-size:18px!important}.ms-form-head{padding-bottom:10px!important;border-bottom:1px solid var(--ms-border)}.ms-profile-upgrade-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:10px!important}.ms-profile-upgrade-card{min-height:125px!important;padding:14px!important}

/* Partner Preferences: guided sections but no hidden functionality. */
.ms-pref-hero{border-radius:17px!important;padding:17px!important}.ms-pref-grid{gap:12px!important}.ms-pref-card{padding:15px!important}.ms-pref-card h2,.ms-pref-card h3{font-size:15px!important}.ms-pref-summary{background:#fff8e7!important;border-color:#ead4a5!important}

/* Verification. */
.ms-verify-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:12px!important}.ms-verify-grid>.ms-panel{padding:15px!important}.ms-verify-grid h2{font-size:16px!important}

/* Membership / pricing / boost. */
.ms-membership-dashboard{gap:14px!important}.ms-membership-status-card{border-color:#e3c684!important;background:linear-gradient(135deg,#fff9e9,#fff)!important}.ms-membership-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:10px!important}.ms-membership-actions a{min-height:82px!important}.ms-membership-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)!important;gap:18px!important}.ms-membership-photo{min-height:260px!important}.ms-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.ms-price-card{padding:18px!important}.ms-price-card.highlight{border:2px solid var(--ms-gold)!important;box-shadow:0 18px 45px rgba(143,98,20,.16)!important}.ms-boost-hero{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr)!important;gap:14px!important}.ms-boost-stats,.ms-boost-analytics{gap:9px!important}.ms-boost-stats span,.ms-boost-analytics span{padding:12px!important}

/* Notification center. */
.ms-notification-layout{grid-template-columns:minmax(0,1fr) 250px!important;gap:14px!important}.ms-notification-list{gap:8px!important}.ms-notification-item{border:1px solid var(--ms-border)!important;border-radius:13px!important;background:#fff!important;padding:12px!important}.ms-notification-item.unread{background:#fff8f1!important;border-color:#e6c59b!important}.ms-notification-side{gap:10px!important}

/* Privacy / Settings / Activity. */
.ms-privacy-grid,.ms-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.ms-privacy-card,.ms-settings-card{padding:15px!important}.ms-privacy-hero{border-radius:18px!important;background:linear-gradient(135deg,#fff8e9,#fff)!important}.ms-privacy-actions-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:10px!important}.ms-settings-card h2{font-size:15px!important}.ms-settings-card p{font-size:9px!important}.ms-profile-overview-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))!important;gap:12px!important}.ms-segmented-tabs{gap:7px!important}

/* Kundli / Astro. */
.ms-kundli-layout{grid-template-columns:minmax(320px,.9fr) minmax(0,1.4fr)!important;gap:16px!important}.ms-kundli-stat{border-radius:13px!important}.ms-chart{border-radius:17px!important}.ms-kundli-bottom{gap:12px!important}

/* Help center. */
.ms-help-hero{text-align:left!important;background:linear-gradient(135deg,#fff8e8,#fff)!important}.ms-help-hero>div{max-width:none!important}.ms-help-search{max-width:760px!important}.ms-help-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.ms-help-category-card{min-height:130px!important;padding:15px!important}.ms-help-category-card h3{font-size:14px!important}.ms-help-category-card p{font-size:9px!important}.ms-help-article-list>a{padding:12px!important;border-radius:11px!important}.ms-help-article-list b{font-size:11px!important}.ms-help-article-list span{font-size:9px!important}

/* Saved Search. */
.ms-saved-search-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:12px!important}.ms-saved-search-card{border-radius:15px!important;padding:15px!important}.ms-alert-foundation{display:none!important}

/* Footer on authenticated app is deliberately compact. */
body.ms-app .ms-site-footer{margin-top:28px!important;padding:18px 0 0!important;background:transparent!important;border-top:1px solid var(--ms-border)!important;box-shadow:none!important}.ms-site-footer nav{gap:10px!important}.ms-site-footer nav a{font-size:9px!important}.ms-footer-brand span,.ms-footer-bottom{font-size:9px!important}

/* Empty/error states. */
.ms-empty{display:grid!important;place-items:center!important;text-align:center!important;gap:8px!important;min-height:130px!important;padding:24px!important;border:1px dashed #dcc9b7!important;border-radius:15px!important;background:#fffaf4!important;color:var(--ms-copy)!important}.ms-empty b{color:var(--ms-ink)!important;font-size:14px!important}.ms-empty span{font-size:9px!important}

/* Responsive behavior: preserve center width; right rail becomes overlay, never permanently removed. */
@media(max-width:1220px) and (min-width:981px){
  body.ms-app{padding-right:0!important}
  body.ms-app .ms-topbar{right:0!important}
  body.ms-app .ms-main{padding-left:22px!important;padding-right:22px!important}
  body.ms-app .ms-comm-rail{width:270px!important;display:grid!important}
  body.ms-app:not(.ms-comm-open) .ms-comm-rail{transform:translateX(calc(100% - 14px))!important;opacity:.5!important}
  .ms-dashboard-smart-grid,.ms-dashboard-end--compact{grid-template-columns:1fr 1fr!important}
  .ms-search-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ms-pricing-grid{grid-template-columns:1fr 1fr!important}
  .ms-help-grid{grid-template-columns:1fr 1fr!important}
  .ms-chat-page{grid-template-columns:240px minmax(0,1fr)!important}.ms-chat-side{display:none!important}
}
@media(max-width:980px){
  body.ms-app{padding-left:0!important;padding-right:0!important;padding-top:64px!important}
  body.ms-app .ms-topbar{left:0!important;right:0!important;height:64px!important;padding:0 12px!important}
  body.ms-app .ms-main{padding:18px 14px 86px!important}
  body.ms-app .ms-comm-rail{display:grid!important;width:min(300px,88vw)!important;top:64px!important;transform:translateX(100%)!important;opacity:1!important}
  body.ms-app.ms-comm-open .ms-comm-rail{transform:none!important}
  .ms-top-context{display:none!important}.ms-premium-chip{display:none!important}.ms-top-search{min-width:0!important;max-width:none!important}
  .ms-profile-completion-card{grid-template-columns:1fr auto!important}.ms-profile-completion-card span{grid-column:1/-1!important}
  .ms-dashboard-kpis{grid-template-columns:1fr!important}.ms-dashboard-smart-grid,.ms-dashboard-end--compact{grid-template-columns:1fr!important}
  .ms-match-toolbar{grid-template-columns:1fr!important}.ms-filter-drawer-body{position:static!important;width:auto!important;grid-template-columns:1fr 1fr!important;margin-top:8px!important;box-shadow:none!important}.ms-match-toolbar-search{order:2}.ms-filter-drawer{order:3}
  .ms-search-advanced-grid{grid-template-columns:1fr!important}.ms-search-results-head{align-items:flex-start!important;flex-direction:column!important}
  .ms-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ms-profile-card:not(.list) .ms-profile-photo{max-height:none!important}
  .ms-detail-layout-v2,.ms-kundli-layout,.ms-membership-hero,.ms-notification-layout{grid-template-columns:1fr!important}.ms-detail-photo-card{position:static!important}.ms-detail-support-grid,.ms-info-grid{grid-template-columns:1fr 1fr!important}
  .ms-privacy-grid,.ms-settings-grid,.ms-pricing-grid,.ms-help-grid{grid-template-columns:1fr!important}
  .ms-chat-page{grid-template-columns:1fr!important}.ms-thread-list{display:block!important}.ms-chat-side{display:none!important}
}
@media(max-width:620px){
  .ms-profile-grid{grid-template-columns:1fr!important}.ms-horizontal-cards{grid-auto-columns:78vw!important}.ms-profile-card.compact.ms-android-match-card{width:78vw!important;min-width:78vw!important}
  .ms-detail-support-grid,.ms-info-grid{grid-template-columns:1fr!important}.ms-filter-drawer-body{grid-template-columns:1fr!important}
  .ms-page-head{align-items:flex-start!important;flex-direction:column!important}.ms-page-head .ms-btn{align-self:flex-start}
}
.ms-context-nav{display:flex;gap:7px;overflow-x:auto;margin:-3px 0 16px;padding-bottom:2px;scrollbar-width:none}
.ms-context-nav::-webkit-scrollbar{display:none}
.ms-context-nav a{flex:0 0 auto;text-decoration:none;color:var(--ms-wine);background:#fff;border:1px solid var(--ms-border);border-radius:999px;padding:8px 12px;font-size:10px;font-weight:850}
.ms-context-nav a:hover,.ms-context-nav a.active{background:var(--ms-wine);border-color:var(--ms-wine);color:#fff}

/* ========================================================================
   Batch 17 — consolidated stabilization UI
   Replaces the conflicting Batch 15/16 override layers with one final layer.
   ======================================================================== */

/* Readability scale */
body.ms-app{font-size:15px!important;line-height:1.5!important}
body.ms-app .ms-main{font-size:15px!important}
.ms-page-head h1,.ms-section-head h1{font-size:clamp(28px,2.1vw,35px)!important}
.ms-page-head p,.ms-section-head p,.ms-panel p{font-size:14px!important;line-height:1.55!important}
.ms-section-title h2{font-size:24px!important}.ms-section-title p,.ms-section-title a{font-size:13px!important}
.ms-btn{font-size:14px!important;min-height:42px!important}
input,select,textarea{font-size:14px!important;min-height:42px!important}label{font-size:13px!important}

/* Sidebar / topbar */
.ms-nav a{font-size:14px!important;min-height:45px!important;gap:11px!important;padding:0 12px!important}
.ms-nav a .ms-icon{width:19px!important;height:19px!important}.ms-nav-section{font-size:11px!important}
.ms-sidebar-card p,.ms-sidebar-card a,.ms-sidebar-quick span{font-size:12px!important}.ms-sidebar-quick b{font-size:18px!important}
.ms-top-context strong{font-size:16px!important}.ms-top-context small,.ms-user-menu summary span,.ms-premium-chip{font-size:12px!important}.ms-top-search input{font-size:14px!important}

/* Right communication rail remains visible on desktop. */
.ms-comm-rail{width:310px!important;font-size:13px!important}
.ms-comm-status b,.ms-rail-person b{font-size:14px!important}.ms-comm-tabs button{font-size:13px!important;min-height:42px!important}
.ms-rail-section-head h3{font-size:16px!important}.ms-rail-section-head a{font-size:12px!important}
.ms-rail-person{padding:10px 8px!important;gap:10px!important}.ms-rail-person img{width:52px!important;height:60px!important;border-radius:12px!important;object-fit:cover!important}.ms-rail-person small{font-size:12px!important;line-height:1.3!important}
.ms-rail-section-head{padding-top:12px!important;border-top:1px solid var(--line)!important}.ms-rail-section-head:first-child{border-top:0!important}

/* Dashboard */
.ms-dashboard-kpis>a{min-height:108px!important;padding:18px!important}.ms-dashboard-kpis b{font-size:31px!important}.ms-dashboard-kpis span{font-size:15px!important}.ms-dashboard-kpis small{font-size:12px!important}
.ms-profile-completion-card{padding:17px 18px!important}.ms-profile-completion-card b{font-size:15px!important}.ms-profile-completion-card small{font-size:12px!important}.ms-profile-completion-card strong{font-size:14px!important}

/* Android-equivalent Daily Match: fixed track width, no overlap. */
.ms-horizontal-cards{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:300px!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 3px 12px!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important}
.ms-horizontal-cards::-webkit-scrollbar{display:none!important}
.ms-profile-card.compact.ms-android-match-card{position:relative!important;width:300px!important;min-width:300px!important;height:438px!important;min-height:438px!important;border-radius:20px!important;overflow:hidden!important;scroll-snap-align:start!important;background:#2e2026!important;border:1px solid rgba(82,38,52,.14)!important;box-shadow:0 13px 30px rgba(57,20,31,.13)!important}
.ms-android-card-link{position:absolute!important;inset:0!important;z-index:2!important}.ms-android-card-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%!important;z-index:0!important}
.ms-android-card-shade{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,rgba(10,3,6,.04) 30%,rgba(22,5,11,.18) 57%,rgba(27,5,13,.94) 100%)!important}
.ms-android-score,.ms-android-status{z-index:5!important;top:14px!important;font-size:12px!important;padding:7px 10px!important;border-radius:10px!important}.ms-android-score{left:14px!important}.ms-android-status{right:14px!important}.ms-android-status.offline{display:none!important}
.ms-android-card-info{position:absolute!important;z-index:6!important;left:0!important;right:0!important;bottom:0!important;padding:18px!important;color:#fff!important}.ms-android-card-info h3{font-size:22px!important;margin:0 0 6px!important;line-height:1.15!important}.ms-android-card-info h3 a{color:#fff!important}.ms-android-card-info p{font-size:13px!important;color:#f7eef1!important;margin:0 0 13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.ms-android-interest-form{position:relative!important;z-index:8!important}.ms-android-interest-form button{width:100%!important;min-height:44px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#94113b,#ca2859)!important;color:#fff!important;font-size:14px!important;font-weight:900!important}

/* Android-equivalent main Match/Search card. */
.ms-profile-grid,.ms-recommended-grid{display:grid!important;grid-template-columns:repeat(3,minmax(280px,1fr))!important;gap:22px!important}
.ms-profile-card.ms-android-full-match{position:relative!important;min-height:530px!important;border-radius:22px!important;overflow:hidden!important;background:#2d2026!important;border:1px solid rgba(82,38,52,.14)!important;box-shadow:0 14px 34px rgba(57,20,31,.14)!important;isolation:isolate!important}
.ms-photo-card-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%!important;z-index:0!important}.ms-photo-card-link{position:absolute!important;inset:0!important;z-index:1!important}.ms-photo-card-gradient{position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(180deg,rgba(11,4,7,.07) 28%,rgba(22,6,12,.15) 51%,rgba(28,6,14,.96) 100%)!important;pointer-events:none!important}
.ms-android-card-topline{position:absolute!important;left:14px!important;right:14px!important;top:14px!important;z-index:7!important;display:flex!important;gap:7px!important}.ms-android-gloss-chip,.ms-android-icon-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.55)!important;color:#21161a!important}.ms-android-gloss-chip{padding:0 11px!important;font-size:12px!important;font-weight:850!important}.ms-android-online-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:#27c763;margin-right:6px}.ms-android-icon-chip{width:32px!important}.ms-android-icon-chip .ms-icon{width:16px!important;height:16px!important}.ms-android-icon-chip.premium{color:#865700!important;background:#fff8dd!important}
.ms-android-full-content{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:6!important;padding:22px!important;color:#fff!important}.ms-android-full-content h3{font-size:24px!important;margin:0 0 7px!important;line-height:1.15!important}.ms-android-full-content h3 a{color:#fff!important}.ms-android-full-content p{font-size:13px!important;color:#fff!important;margin:3px 0!important;min-height:0!important}.ms-android-career-line{opacity:.9!important}.ms-android-score-row{display:flex!important;justify-content:flex-end!important;margin:9px 0!important}.ms-android-score-row span{padding:7px 11px!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:#1d1518!important;font-size:12px!important;font-weight:850!important}
.ms-android-full-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;position:relative!important;z-index:8!important}.ms-android-full-actions form{margin:0!important}.ms-android-super-btn,.ms-android-interest-btn{min-height:48px!important;width:100%!important;border:0!important;border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:14px!important;font-weight:900!important;text-decoration:none!important;cursor:pointer!important}.ms-android-super-btn{background:linear-gradient(135deg,#f4cc67,#d79d21)!important;color:#4d2d00!important}.ms-android-interest-btn{background:linear-gradient(135deg,#8f0d36,#c72456)!important;color:#fff!important}.ms-android-interest-btn.is-sent{background:rgba(255,255,255,.94)!important;color:#79122f!important;cursor:default!important}
.ms-boost-badge{z-index:7!important}

/* Match/Search controls */
.ms-tabs{position:sticky!important;top:76px!important;z-index:23!important;background:rgba(248,243,236,.96)!important;padding:8px 0!important;backdrop-filter:blur(8px)!important}.ms-tabs a{font-size:14px!important;padding:11px 17px!important}.ms-match-toolbar{position:sticky!important;top:135px!important;z-index:22!important;padding:14px!important}.ms-match-toolbar-summary b{font-size:16px!important}.ms-match-toolbar-summary span{font-size:13px!important}.ms-match-toolbar input,.ms-match-toolbar select{font-size:14px!important}.ms-search-quick-links a{font-size:13px!important;padding:9px 13px!important}.ms-search-results-head b{font-size:17px!important}.ms-search-results-head span{font-size:13px!important}.ms-ad-card--banner{grid-column:1/-1!important;min-height:126px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;padding:22px 24px!important;border-radius:18px!important;background:linear-gradient(135deg,#fff7e2,#fff)!important;border:1px solid #e8cf98!important}.ms-ad-card--banner h2{font-size:20px!important;margin:0!important}.ms-ad-card--banner p{font-size:13px!important;margin:3px 0!important}

/* Error/empty state owns full grid width, preventing tiny left-column cards. */
.ms-profile-grid>.ms-empty,.ms-recommended-grid>.ms-empty,.ms-match-layout>.ms-empty{grid-column:1/-1!important;width:100%!important}.ms-empty{min-height:160px!important;padding:28px!important}.ms-empty b{font-size:17px!important}.ms-empty span{font-size:13px!important}

/* Interest people rows */
.ms-interest-list{display:grid!important;gap:14px!important}.ms-interest-card{grid-template-columns:100px minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;min-height:132px!important;padding:15px!important;border-radius:18px!important}.ms-interest-avatar{width:100px!important;height:108px!important;border-radius:15px!important;overflow:hidden!important}.ms-interest-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.ms-interest-card h3{font-size:19px!important;margin:0 0 6px!important}.ms-interest-card p{font-size:13px!important}.ms-interest-card .ms-status-pill{font-size:12px!important}.ms-interest-card .ms-btn{font-size:13px!important;min-height:42px!important}

/* General forms/profile detail readability */
.ms-detail-layout-v2{grid-template-columns:minmax(400px,480px) minmax(0,1fr)!important;gap:24px!important}.ms-detail-photo{min-height:570px!important;max-height:660px!important}.ms-detail-photo img{width:100%!important;height:100%!important;min-height:570px!important;object-fit:cover!important;object-position:center top!important}.ms-detail-title h1{font-size:clamp(31px,2.2vw,40px)!important}.ms-detail-title p{font-size:15px!important}.ms-detail-tabs button,.ms-detail-tabs a{font-size:13px!important}.ms-info-grid span{padding:14px!important}.ms-info-grid span small{font-size:12px!important}.ms-info-grid span b{font-size:15px!important}.ms-tab-panel p,.ms-tab-detail-grid span{font-size:14px!important}
.ms-form-grid{padding:20px!important;gap:15px!important}.ms-form-grid h2{font-size:21px!important}.ms-profile-upgrade-card p{font-size:13px!important}

/* Footer remains below the main renderer and is compact/readable. */
body.ms-app .ms-site-footer{margin-top:30px!important;padding:18px 0 0!important}.ms-site-footer nav a,.ms-footer-brand span,.ms-footer-bottom{font-size:12px!important}.ms-site-footer nav{gap:14px!important;flex-wrap:wrap!important}

/* Responsive. Center remains fluid; rail overlays on laptop instead of disappearing. */
@media(min-width:1700px){.ms-profile-grid,.ms-recommended-grid{grid-template-columns:repeat(3,minmax(330px,1fr))!important}}
@media(max-width:1400px) and (min-width:981px){.ms-profile-grid,.ms-recommended-grid{grid-template-columns:repeat(3,minmax(250px,1fr))!important}.ms-horizontal-cards{grid-auto-columns:285px!important}.ms-profile-card.compact.ms-android-match-card{width:285px!important;min-width:285px!important}}
@media(max-width:980px){.ms-profile-grid,.ms-recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ms-detail-layout-v2{grid-template-columns:1fr!important}.ms-detail-photo{min-height:min(72vh,640px)!important}.ms-horizontal-cards{grid-auto-columns:min(78vw,310px)!important}}
@media(max-width:620px){.ms-profile-grid,.ms-recommended-grid{grid-template-columns:1fr!important}.ms-profile-card.ms-android-full-match{min-height:560px!important}.ms-horizontal-cards{grid-auto-columns:84vw!important}.ms-profile-card.compact.ms-android-match-card{width:84vw!important;min-width:84vw!important;height:490px!important}}

/* ========================================================================
   Batch 18 — Chat, Interests, navigation and right-rail interaction cleanup
   ======================================================================== */

/* Sidebar/topbar balance */
.ms-sidebar{width:244px!important}.ms-topbar{left:244px!important}.ms-main{margin-left:244px!important}
.ms-nav a b{min-width:24px!important;height:24px!important;padding:0 6px!important;font-size:11px!important;border-radius:999px!important}
.ms-sidebar-quick{gap:9px!important}.ms-sidebar-quick>div,.ms-sidebar-quick>a{padding:10px!important}
.ms-sidebar-card{margin-bottom:16px!important}.ms-top-search{max-width:520px!important;min-width:320px!important}.ms-top-actions{gap:9px!important}.ms-round-action{width:42px!important;height:42px!important}

/* Interests */
.ms-interest-tabs{margin-bottom:18px!important}.ms-interest-tabs a{font-size:14px!important;padding:11px 18px!important}
.ms-interest-card{grid-template-columns:112px minmax(0,1fr) auto!important;gap:18px!important;min-height:146px!important;padding:16px!important}
.ms-interest-avatar{width:112px!important;height:114px!important}.ms-interest-title-row{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}.ms-interest-title-row h3{font-size:20px!important;margin:0!important}.ms-interest-main p{display:grid!important;gap:4px!important;margin:9px 0!important}.ms-interest-main p b{font-size:13px!important}.ms-interest-main p span{font-size:12px!important;color:var(--muted)!important}.ms-interest-profile-link{font-size:13px!important;font-weight:800!important;color:var(--wine)!important;text-decoration:none!important}.ms-interest-actions{min-width:210px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}.ms-interest-actions .ms-inline-actions{display:flex!important;gap:9px!important;flex-wrap:wrap!important}.ms-status-pill{font-size:12px!important;padding:6px 10px!important}

/* Chat layout: readable central lane, no persistent action clutter. */
body[data-page="messages"] .ms-mini-chat{display:none!important}
.ms-chat-page{grid-template-columns:300px minmax(560px,1fr) 290px!important;min-height:calc(100vh - 118px)!important;border-radius:18px!important;overflow:hidden!important}
.ms-thread-list{padding:14px!important}.ms-thread-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important}.ms-thread-head h2{font-size:21px!important;margin:0!important}.ms-call-history-btn{font-size:12px!important;min-height:36px!important;padding:0 11px!important;white-space:nowrap!important}.ms-thread-list>[data-thread-search]{height:42px!important;font-size:13px!important;margin-bottom:10px!important}
.ms-chat-thread{padding:12px!important;gap:11px!important;border-radius:12px!important}.ms-chat-thread img{width:52px!important;height:52px!important}.ms-chat-thread b{font-size:14px!important}.ms-chat-thread small{font-size:12px!important;line-height:1.3!important}
.ms-chat-window header{padding:14px 18px!important;gap:12px!important}.ms-chat-window header img{width:56px!important;height:56px!important}.ms-chat-window header h2{font-size:21px!important}.ms-chat-window header span{font-size:12px!important}.ms-chat-window>.ms-row-actions{padding:10px 18px 0!important;justify-content:flex-end!important}.ms-chat-window>.ms-row-actions .ms-btn{min-height:36px!important;font-size:12px!important}
.ms-messages{padding:24px max(26px,7%)!important;gap:10px!important;align-content:start!important}.ms-chat-date-separator{display:flex!important;justify-content:center!important;align-items:center!important;margin:9px 0 5px!important;grid-column:1/-1!important}.ms-chat-date-separator span{padding:6px 11px!important;border-radius:999px!important;background:#f2e9df!important;color:#6d5860!important;font-size:11px!important;font-weight:800!important}
.ms-bubble{position:relative!important;min-width:84px!important;max-width:min(68%,620px)!important;padding:12px 15px!important;font-size:14px!important;line-height:1.48!important;border-radius:16px!important}.ms-bubble.mine{margin-left:auto!important}.ms-bubble-text{font-size:14px!important}.ms-message-meta{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;margin-top:6px!important;font-size:11px!important;opacity:.72!important}.ms-bubble blockquote{font-size:12px!important;margin:0 0 8px!important;padding:8px 10px!important;border-left:3px solid rgba(126,17,49,.34)!important;background:rgba(255,255,255,.5)!important;border-radius:8px!important}
.ms-bubble>.ms-row-actions{position:absolute!important;top:-35px!important;right:3px!important;display:flex!important;gap:3px!important;padding:4px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:999px!important;box-shadow:0 8px 22px rgba(50,18,29,.13)!important;opacity:0!important;visibility:hidden!important;transform:translateY(4px)!important;transition:.15s ease!important;z-index:9!important}.ms-bubble:hover>.ms-row-actions,.ms-bubble:focus-within>.ms-row-actions{opacity:1!important;visibility:visible!important;transform:none!important}.ms-bubble>.ms-row-actions form{margin:0!important}.ms-message-action-icon{width:30px!important;height:30px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--wine)!important;display:grid!important;place-items:center!important;cursor:pointer!important}.ms-message-action-icon:hover{background:#f6edf0!important}.ms-message-action-icon .ms-icon{width:15px!important;height:15px!important}
.ms-composer{padding:12px 16px 15px!important}.ms-composer-tools{min-height:58px!important;gap:9px!important}.ms-composer-tools input{font-size:14px!important;min-height:44px!important}.ms-composer-icon,.ms-send-circle{width:44px!important;height:44px!important;font-size:18px!important}.ms-attach-popover button,.ms-emoji-popover button{font-size:13px!important}.ms-composer>[data-reply-preview]{font-size:12px!important;padding:9px 11px!important;margin-bottom:8px!important}
.ms-chat-side{padding:16px!important}.ms-chat-side>img{height:250px!important;border-radius:16px!important;object-fit:cover!important}.ms-chat-side h2{font-size:21px!important;margin:13px 0 4px!important}.ms-chat-profile-meta{font-size:13px!important;color:var(--muted)!important;margin:0 0 12px!important}.ms-chat-profile-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:10px 0 14px!important}.ms-chat-profile-stats span{display:grid!important;place-items:center!important;padding:10px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#fffdf9!important}.ms-chat-profile-stats b{font-size:15px!important}.ms-chat-profile-stats small{font-size:11px!important;color:var(--muted)!important}.ms-chat-safety-card{margin-top:12px!important}.ms-chat-safety-card h3{font-size:15px!important}.ms-chat-safety-card p{font-size:12px!important}

/* On normal desktop widths, preserve the global right rail by collapsing the internal profile panel. */
@media(max-width:1799px) and (min-width:981px){.ms-chat-page{grid-template-columns:290px minmax(0,1fr)!important}.ms-chat-side{display:none!important}}
@media(max-width:1220px) and (min-width:981px){body.ms-app .ms-sidebar{width:224px!important}body.ms-app .ms-topbar{left:224px!important}body.ms-app .ms-main{margin-left:224px!important}}
@media(max-width:980px){.ms-sidebar{width:auto!important}.ms-topbar{left:0!important}.ms-main{margin-left:0!important}.ms-interest-card{grid-template-columns:90px minmax(0,1fr)!important}.ms-interest-avatar{width:90px!important;height:100px!important}.ms-interest-actions{grid-column:1/-1!important;min-width:0!important;justify-content:flex-start!important}.ms-chat-page{grid-template-columns:1fr!important}.ms-thread-list{max-height:300px!important}.ms-chat-side{display:none!important}.ms-messages{padding:18px 14px!important}.ms-bubble{max-width:82%!important}}

/* ========================================================================
   Batch 19 — Membership, Support, Footer, final typography/responsive QA
   ======================================================================== */

/* Right rail counters are intentionally counters, not fake tabs. */
.ms-comm-counters{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px 12px!important;border-bottom:1px solid var(--line)!important}.ms-comm-counters span{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:8px 10px!important;border-radius:10px!important;background:#fffaf5!important;color:var(--muted)!important;font-size:12px!important;font-weight:800!important}.ms-comm-counters b{color:var(--wine)!important;font-size:13px!important}

/* Membership Center: fill the center with useful plan data, no giant blank block. */
.ms-membership-overview{padding:0!important;overflow:hidden!important;border-radius:20px!important}.ms-membership-plan-hero{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important;padding:24px!important;background:linear-gradient(135deg,#fff6da,#fffdf8)!important;border-bottom:1px solid rgba(190,148,62,.25)!important}.ms-membership-plan-icon{width:68px!important;height:68px!important;border-radius:20px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#f5d26f,#d49b28)!important;color:#573500!important}.ms-membership-plan-icon .ms-icon{width:32px!important;height:32px!important}.ms-membership-plan-copy small{font-size:12px!important;color:#775817!important;font-weight:850!important}.ms-membership-plan-copy h2{font-size:28px!important;margin:2px 0 5px!important}.ms-membership-plan-copy p{font-size:14px!important;margin:0!important}.ms-membership-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;padding:18px 20px!important}.ms-membership-kpis div{min-height:88px!important;display:grid!important;place-items:center!important;text-align:center!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important}.ms-membership-kpis small{font-size:12px!important;color:var(--muted)!important}.ms-membership-kpis b{font-size:18px!important}.ms-membership-kpis a{color:var(--wine)!important}.ms-membership-tool-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:0 20px 20px!important}.ms-membership-tool-grid a{min-height:96px!important;display:grid!important;gap:6px!important;align-content:center!important;padding:15px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fffdf9!important;text-decoration:none!important;color:var(--ink)!important}.ms-membership-tool-grid a:hover{border-color:#c99b65!important;background:#fff9ef!important}.ms-membership-tool-grid b{font-size:15px!important}.ms-membership-tool-grid span{font-size:12px!important;color:var(--muted)!important}.ms-membership-benefits{margin-top:18px!important}.ms-membership-benefits .ms-panel-title h3,.ms-payment-history .ms-panel-title h3{font-size:21px!important}.ms-membership-benefits .ms-panel-title p,.ms-payment-history .ms-panel-title p{font-size:13px!important}.ms-membership-benefits table th,.ms-membership-benefits table td,.ms-payment-history table th,.ms-payment-history table td{font-size:13px!important;padding:14px 15px!important;vertical-align:middle!important}.ms-membership-benefits table th{font-size:13px!important}.ms-context-nav a{font-size:13px!important;padding:9px 13px!important}

/* Legal & Support: grouped hierarchy with readable cards. */
.ms-legal-hero-card{padding:22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;background:linear-gradient(135deg,#fff5db,#fff)!important}.ms-legal-hero-card h2{font-size:23px!important}.ms-legal-hero-card p{font-size:14px!important;max-width:900px!important}.ms-legal-group-stack{display:grid!important;gap:26px!important;margin-top:20px!important}.ms-legal-group>h2{font-size:22px!important;margin:0 0 12px!important}.ms-legal-hub-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.ms-legal-hub-card{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;min-height:124px!important;padding:17px!important;text-decoration:none!important}.ms-legal-hub-card>span{width:48px!important;height:48px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#fff2df!important;color:var(--wine)!important}.ms-legal-hub-card>span .ms-icon{width:22px!important;height:22px!important}.ms-legal-hub-card h3{font-size:18px!important;margin:0 0 5px!important}.ms-legal-hub-card p{font-size:13px!important;margin:0!important}.ms-legal-hub-card>b{font-size:12px!important;white-space:nowrap!important;color:var(--wine)!important}.ms-legal-safety-banner{margin-top:22px!important;padding:22px!important;background:linear-gradient(135deg,#fff3d3,#fff)!important;border-color:#e1c074!important}.ms-legal-safety-banner h2{font-size:22px!important}.ms-legal-safety-banner p{font-size:14px!important;line-height:1.62!important}

/* Generic legal/detail cards */
.ms-legal-card h2{font-size:21px!important}.ms-legal-card p,.ms-legal-card li{font-size:14px!important;line-height:1.58!important}

/* App footer is intentionally compact; no huge dead social area. */
body.ms-app .ms-site-footer{display:grid!important;grid-template-columns:minmax(200px,1fr) auto!important;gap:12px 24px!important;align-items:start!important;margin-top:30px!important;padding:18px 0 6px!important;background:transparent!important;border-top:1px solid var(--line)!important;box-shadow:none!important}.ms-footer-brand{display:grid!important;gap:3px!important}.ms-footer-brand b{font-size:14px!important}.ms-footer-brand span{font-size:12px!important}.ms-site-footer nav{display:flex!important;gap:10px 14px!important;flex-wrap:wrap!important;justify-content:flex-end!important}.ms-site-footer nav a{font-size:12px!important}.ms-footer-social{grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:0!important}.ms-footer-social>span{font-size:11px!important}.ms-footer-social-links{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.ms-footer-social-links small{font-size:11px!important;color:var(--muted)!important}.ms-footer-social-links a em{font-size:11px!important}.ms-footer-bottom{grid-column:1/-1!important;display:flex!important;justify-content:space-between!important;gap:16px!important;font-size:11px!important;padding-top:9px!important;border-top:1px solid rgba(100,70,80,.1)!important}

/* Global remaining micro-text cleanup. */
.ms-notification-item b{font-size:14px!important}.ms-notification-item p{font-size:13px!important}.ms-notification-item small{font-size:11px!important}.ms-settings-card h2,.ms-privacy-card h2{font-size:18px!important}.ms-settings-card p,.ms-privacy-card p{font-size:13px!important}.ms-help-category-card h3{font-size:17px!important}.ms-help-category-card p{font-size:13px!important}.ms-help-article-list b{font-size:14px!important}.ms-help-article-list span{font-size:12px!important}.ms-pref-card h2,.ms-pref-card h3,.ms-verify-grid h2{font-size:19px!important}.ms-pref-card p,.ms-verify-grid p{font-size:13px!important}.ms-status-pill{font-size:12px!important}

/* Placeholder state must look intentional. */
.ms-photo-missing{position:absolute!important;left:50%!important;top:48%!important;transform:translate(-50%,-50%)!important;z-index:7!important;padding:9px 12px!important;border-radius:999px!important;background:rgba(43,19,27,.72)!important;color:#fff!important;font-size:12px!important;font-weight:850!important;white-space:nowrap!important}

/* Stronger card hover without visual noise. */
.ms-profile-card,.ms-interest-card,.ms-legal-hub-card,.ms-membership-tool-grid a{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}.ms-profile-card:hover,.ms-interest-card:hover,.ms-legal-hub-card:hover{transform:translateY(-2px)!important;box-shadow:0 18px 38px rgba(49,18,30,.13)!important}

/* Final responsive pass. */
@media(max-width:1200px){.ms-membership-kpis{grid-template-columns:1fr 1fr!important}.ms-membership-tool-grid{grid-template-columns:1fr 1fr!important}.ms-legal-hub-grid{grid-template-columns:1fr!important}}
@media(max-width:980px){body.ms-app .ms-site-footer{grid-template-columns:1fr!important}.ms-site-footer nav{justify-content:flex-start!important}.ms-membership-plan-hero{grid-template-columns:auto 1fr!important}.ms-membership-plan-hero>.ms-btn{grid-column:1/-1!important}.ms-legal-hero-card{align-items:flex-start!important;flex-direction:column!important}}
@media(max-width:620px){.ms-membership-kpis,.ms-membership-tool-grid{grid-template-columns:1fr!important}.ms-footer-bottom{display:grid!important}.ms-legal-hub-card{grid-template-columns:42px 1fr!important}.ms-legal-hub-card>b{grid-column:2!important}}


/* ==========================================================================
   Batch 20 — Dashboard refinement / premium hierarchy
   ========================================================================== */

/* Shared typography: keep traditional serif for names and major section headings only. */
body.ms-app{font-size:15px!important}
.ms-nav--primary a,.ms-topbar,.ms-dashboard-kpis,.ms-smart-action,.ms-comm-rail,.ms-site-footer,
.ms-btn,input,select,textarea,label,.ms-photo-card-copy p,.ms-android-card-info p{font-family:var(--sans)!important}
.ms-profile-name-link,.ms-photo-card-copy h3,.ms-android-card-info h3,.ms-section-title h2{font-family:var(--serif)!important}

/* Sidebar: lower brand height, larger section labels, quieter active state. */
.ms-sidebar-head{min-height:78px!important;margin-bottom:8px!important}
.ms-sidebar-head .ms-brand--side strong{font-size:19px!important}
.ms-sidebar-head .ms-brand--side small{font-size:11px!important}
.ms-nav-section{font-size:10.5px!important;padding:15px 12px 7px!important;letter-spacing:.12em!important}
.ms-nav--primary{gap:5px!important}
.ms-nav--primary a{min-height:46px!important;font-size:14px!important;padding:0 13px!important}
.ms-nav--primary a.active{background:rgba(255,255,255,.11)!important;box-shadow:inset 3px 0 0 var(--ms-gold)!important;outline:0!important}
.ms-nav--primary a b{font-size:11px!important;min-width:20px!important;height:20px!important;line-height:20px!important}
.ms-sidebar-profile-card{display:grid;gap:8px;margin-top:auto;padding:12px 11px;text-decoration:none;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);border-radius:13px}
.ms-sidebar-profile-card span{display:flex;justify-content:space-between;gap:8px;align-items:center}
.ms-sidebar-profile-card b{font-size:12.5px}.ms-sidebar-profile-card small{font-size:10.5px;color:#f1d99d;font-weight:800}
.ms-sidebar-profile-card>i{display:block;height:6px;border-radius:99px;background:rgba(255,255,255,.16);overflow:hidden}
.ms-sidebar-profile-card>i em{display:block;height:100%;background:linear-gradient(90deg,#f4d27b,#fff0b7);border-radius:inherit}
.ms-sidebar-card{padding:11px!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;column-gap:9px!important;row-gap:3px!important}
.ms-sidebar-card>.ms-icon{grid-row:1/3!important;width:19px!important;height:19px!important}
.ms-sidebar-card strong{font-size:13px!important;margin:0!important}
.ms-sidebar-card p{display:none!important}
.ms-sidebar-card a{padding:0!important;border:0!important;background:none!important;font-size:10.5px!important;color:#f1d99d!important}
.ms-sidebar-card.is-member{background:rgba(238,203,119,.10)!important}

/* Topbar: page context has priority; search becomes compact. */
.ms-top-context{min-width:180px!important;max-width:280px!important}
.ms-top-context strong{font:700 20px/1.1 var(--serif)!important}
.ms-top-search{flex:0 1 360px!important;max-width:360px!important;height:42px!important;margin-left:auto!important}
.ms-top-search input{font-size:13px!important}
.ms-top-actions{gap:10px!important}
.ms-premium-chip{font-size:12px!important;padding:0 13px!important}
.ms-user-menu summary{font-size:12px!important}

/* Dashboard top hierarchy. */
.ms-dashboard-grid--premium{display:block!important}
.ms-dashboard-main{gap:24px!important}
.ms-profile-completion-card{grid-template-columns:minmax(260px,1.25fr) minmax(260px,2fr) auto auto!important;gap:18px!important;padding:18px 20px!important;border:0!important;box-shadow:0 8px 24px rgba(65,24,36,.07)!important;background:linear-gradient(135deg,#fff,#fffaf4)!important}
.ms-profile-completion-copy{display:grid;gap:4px}
.ms-profile-completion-copy b{font-size:16px!important}
.ms-profile-completion-copy small{font-size:12.5px!important;color:var(--ms-copy)!important;line-height:1.4!important}
.ms-profile-completion-track{height:9px!important}
.ms-profile-completion-card strong{font-size:13px!important;white-space:nowrap}
.ms-profile-completion-card strong em{font-size:20px!important;color:var(--ms-wine)!important;font-style:normal!important}
.ms-profile-completion-cta{font-size:12px!important;color:var(--ms-wine)!important;font-style:normal!important;font-weight:900!important;white-space:nowrap}

/* KPI cards: visual and clickable. */
.ms-dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.ms-dashboard-kpis>a{min-height:112px!important;padding:18px!important;display:flex!important;align-items:center!important;gap:15px!important;border:0!important;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 24px rgba(65,24,36,.065)!important}
.ms-dashboard-kpis>a>i{width:44px;height:44px;border-radius:13px;background:#fff1f5;color:var(--ms-wine);display:grid;place-items:center;flex:0 0 auto}
.ms-dashboard-kpis>a>i .ms-icon{width:21px;height:21px}
.ms-dashboard-kpis>a>div{display:grid;gap:2px}
.ms-dashboard-kpis b{font-size:28px!important;line-height:1!important;color:var(--ms-wine)!important}
.ms-dashboard-kpis span{font-size:14px!important;font-weight:850!important;color:var(--ms-ink)!important}
.ms-dashboard-kpis small{font-size:11.5px!important;color:var(--ms-copy)!important}
.ms-dashboard-kpis>a:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(65,24,36,.10)!important}

/* Section surface and heading rhythm. */
.ms-dashboard-feature-section{padding:20px!important;border:0!important;box-shadow:0 8px 26px rgba(65,24,36,.06)!important}
.ms-section-title{margin-bottom:18px!important;gap:16px!important}
.ms-section-title h2{font-size:25px!important}
.ms-section-title p{font-size:13px!important;margin-top:3px!important}
.ms-section-title a{font-size:12.5px!important}
.ms-section-title-actions{display:flex;align-items:center;gap:8px}
.ms-carousel-arrow{width:36px;height:36px;border-radius:50%;border:1px solid var(--ms-border);background:#fff;color:var(--ms-wine);font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer}
.ms-carousel-arrow:hover{background:#fff4f6;border-color:#d8b4c0}

/* Daily carousel: exactly large, controlled, non-overlapping cards. */
.ms-horizontal-cards{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 60px)/4)!important;gap:20px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;padding:2px 1px 6px!important}
.ms-horizontal-cards::-webkit-scrollbar{display:none!important}
.ms-horizontal-cards>.ms-android-match-card{width:100%!important;min-width:0!important;height:390px!important;min-height:390px!important;scroll-snap-align:start!important}
.ms-profile-card.compact.ms-android-match-card{border-radius:19px!important;box-shadow:0 10px 28px rgba(48,15,26,.13)!important}
.ms-android-card-info{padding:17px 17px 16px!important;gap:7px!important}
.ms-android-card-info h3{font-size:21px!important;color:#fff!important}
.ms-android-card-info h3 a{color:#fff!important;text-shadow:0 2px 9px rgba(0,0,0,.6)!important}
.ms-android-card-info p{font-size:12.5px!important;color:#f7eef1!important;text-shadow:0 1px 6px rgba(0,0,0,.65)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-android-interest-form button{min-height:44px!important;font-size:13.5px!important}
.ms-android-card-shade{background:linear-gradient(180deg,rgba(20,7,13,0) 38%,rgba(27,6,15,.18) 52%,rgba(29,6,15,.93) 100%)!important}
.ms-android-score{left:13px!important;top:13px!important;font-size:12px!important}
.ms-android-status{right:13px!important;top:13px!important;font-size:11.5px!important}
.ms-android-match-card.is-placeholder .ms-android-card-photo{filter:saturate(.4) blur(.5px);opacity:.68}
.ms-android-match-card.is-placeholder:after{content:"Photo not added";position:absolute;z-index:4;left:50%;top:46%;transform:translate(-50%,-50%);padding:8px 12px;border-radius:10px;background:rgba(68,31,43,.72);color:#fff;font-size:12px;font-weight:850;white-space:nowrap}

/* Recommended: three generous Android-equivalent cards per row. */
.ms-recommended-grid,.ms-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.ms-photo-profile-card{min-height:500px!important;border:0!important;border-radius:20px!important;box-shadow:0 12px 30px rgba(49,15,27,.13)!important;transition:transform .2s ease,box-shadow .2s ease!important}
.ms-photo-profile-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 38px rgba(49,15,27,.17)!important}
.ms-photo-profile-card:hover .ms-photo-card-image{transform:scale(1.025)!important}
.ms-photo-card-content{padding:20px!important}
.ms-photo-card-copy h3{font-size:23px!important;margin-bottom:6px!important}
.ms-photo-card-copy p{font-size:13.5px!important;line-height:1.35!important;color:#f7edef!important}
.ms-android-basic-line,.ms-android-career-line{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ms-card-match-score{position:absolute;z-index:7;left:14px;top:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ms-wine),#c52e59);color:#fff;border-radius:11px;padding:8px 10px;font-size:14px;font-weight:900;line-height:1;text-align:center;box-shadow:0 7px 18px rgba(75,8,30,.2)}
.ms-card-match-score small{display:block;font-size:9.5px;margin-top:3px}
.ms-android-card-topline{top:14px!important;right:14px!important;left:auto!important;width:auto!important;display:flex!important;align-items:center!important;gap:6px!important}
.ms-android-gloss-chip{font-size:11px!important}
.ms-android-icon-chip{width:30px!important;height:30px!important}
.ms-photo-profile-card.is-placeholder .ms-photo-card-image{filter:saturate(.4) blur(.5px);opacity:.7}
.ms-photo-profile-card.is-placeholder .ms-photo-missing{position:absolute!important;z-index:6!important;left:50%!important;top:45%!important;transform:translate(-50%,-50%)!important;background:rgba(68,31,43,.74)!important;color:#fff!important;padding:9px 13px!important;border-radius:10px!important;font-size:12px!important;white-space:nowrap!important}

/* Android action hierarchy: gold Super, maroon Interest. */
.ms-android-full-actions{grid-template-columns:.8fr 1.2fr!important;gap:10px!important}
.ms-android-super-btn{background:linear-gradient(135deg,#fff7dd,#efd18d)!important;color:#69460c!important;border:1px solid #e2c16f!important;font-size:13.5px!important}
.ms-android-interest-btn{background:linear-gradient(135deg,var(--ms-wine),#cf315d)!important;color:#fff!important;font-size:13.5px!important}
.ms-android-interest-btn.is-sent{background:#f1e7ea!important;color:#7b4d5b!important;border:1px solid #decbd1!important}

/* Next-action row: clear medium cards. */
.ms-dashboard-smart-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.ms-smart-action{min-height:116px!important;padding:18px!important;border:0!important;box-shadow:0 8px 24px rgba(65,24,36,.06)!important}
.ms-smart-action>.ms-icon{width:32px!important;height:32px!important}
.ms-smart-action b{font-size:16px!important}
.ms-smart-action span{font-size:12.5px!important;line-height:1.4!important}
.ms-smart-action em{font-size:11.5px!important}

/* Bottom becomes two balanced cards. */
.ms-dashboard-end--compact{grid-template-columns:1fr 1fr!important;gap:16px!important}
.ms-dashboard-end-card{min-height:180px!important;padding:20px!important}
.ms-dashboard-end-card h2{font-size:20px!important}
.ms-dashboard-end-card p,.ms-dashboard-end-card li{font-size:13px!important;line-height:1.55!important}
.ms-safety-bullets{margin:12px 0 14px;padding-left:18px;display:grid;gap:5px}
.ms-dashboard-end-card>a{font-size:12.5px!important;font-weight:900!important}

/* Right rail is a true two-tab component. */
.ms-comm-counters{display:grid!important;grid-template-columns:1fr 1fr!important;border-bottom:1px solid var(--ms-border)!important}
.ms-comm-counters button{border:0;background:#fbf6ef;color:var(--ms-copy);min-height:44px;padding:0 8px;font-size:12px;font-weight:850;cursor:pointer;border-bottom:2px solid transparent}
.ms-comm-counters button.active{background:#fff;color:var(--ms-wine);border-bottom-color:var(--ms-wine)}
.ms-rail-panel{display:none}
.ms-rail-panel.active{display:block}
.ms-rail-section-head{margin:12px 4px 9px!important}
.ms-rail-section-head h3{font:800 14px var(--sans)!important;text-transform:none!important}
.ms-rail-section-head a{font-size:11px!important}
.ms-rail-person{min-height:68px!important;padding:10px!important;gap:11px!important;text-align:left;text-decoration:none}
.ms-rail-person img{width:46px!important;height:46px!important}
.ms-rail-person span b{font-size:13px!important}
.ms-rail-person span small{font-size:11.5px!important;max-width:170px!important}
.ms-rail-person>i.online{width:8px;height:8px;border-radius:50%;background:#2bbd69}
.ms-rail-empty{padding:18px 10px;color:var(--ms-copy);font-size:12px;line-height:1.5}

/* Authenticated footer: only essential links. */
.ms-site-footer--app{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:12px 22px!important;margin-top:30px!important;padding:16px 0 0!important;border-top:1px solid #eadfd4!important}
.ms-site-footer--app .ms-footer-brand b{font-size:13px!important}
.ms-site-footer--app nav{justify-content:flex-end!important;gap:16px!important}
.ms-site-footer--app nav a{font-size:12px!important}
.ms-site-footer--app .ms-footer-social{display:none!important}
.ms-site-footer--app .ms-footer-bottom{grid-column:1/-1!important;padding-top:8px!important;font-size:11.5px!important}

/* Fewer borders, more surface hierarchy. */
.ms-dashboard-feature-section,.ms-smart-action,.ms-dashboard-kpis>a,.ms-profile-completion-card{border-color:transparent!important}
.ms-panel:not(.ms-form-grid):not(.ms-filter-card):not(.ms-settings-card){border-color:#eee3d8!important}

/* Responsive. */
@media(max-width:1500px) and (min-width:981px){
  .ms-horizontal-cards{grid-auto-columns:calc((100% - 40px)/3)!important}
  .ms-recommended-grid,.ms-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1100px) and (min-width:981px){
  .ms-recommended-grid,.ms-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .ms-profile-completion-card{grid-template-columns:1fr auto!important}
  .ms-profile-completion-track{grid-column:1/-1!important}
  .ms-profile-completion-cta{grid-column:1/-1!important}
  .ms-dashboard-kpis,.ms-dashboard-smart-grid,.ms-dashboard-end--compact{grid-template-columns:1fr!important}
  .ms-horizontal-cards{grid-auto-columns:min(78vw,310px)!important}
  .ms-horizontal-cards>.ms-android-match-card{height:420px!important}
  .ms-recommended-grid,.ms-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ms-section-title-actions .ms-carousel-arrow{display:none}
}
@media(max-width:620px){
  .ms-recommended-grid,.ms-profile-grid{grid-template-columns:1fr!important}
  .ms-site-footer--app{grid-template-columns:1fr!important}
  .ms-site-footer--app nav{justify-content:flex-start!important;flex-wrap:wrap!important}
}

/* Motion kept subtle. */
@media(prefers-reduced-motion:reduce){
  .ms-photo-profile-card,.ms-photo-card-image,.ms-dashboard-kpis>a{transition:none!important}
}


/* ==========================================================================
   Batch 22 — exact Android card layout parity
   Source of truth:
   - Android item_home_horizontal_profile.xml
   - Android item_match_profile.xml
   ========================================================================== */

/* Shared section rhythm */
.ms-daily-panel,.ms-recommended-panel{
  background:#fff!important;
  border:0!important;
  border-radius:20px!important;
  box-shadow:0 8px 26px rgba(54,18,31,.055)!important;
}
.ms-daily-panel{padding:20px!important}
.ms-recommended-panel{padding:22px!important}
.ms-section-title-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;white-space:nowrap!important}
.ms-carousel-controls{display:flex!important;align-items:center!important;gap:8px!important}

/* --------------------------------------------------------------------------
   Daily Matches = Android item_home_horizontal_profile.xml
   228dp x 333dp, 12dp spacing, verified top-left, white score top-right,
   name/info/Interest at bottom.
   -------------------------------------------------------------------------- */
.ms-horizontal-cards{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:22px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:4px 20px 10px 2px!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
}
.ms-horizontal-cards::-webkit-scrollbar{display:none!important}

.ms-profile-card.compact.ms-android-home-card{
  position:relative!important;
  flex:0 0 calc((100% - 66px)/4)!important;
  width:calc((100% - 66px)/4)!important;
  min-width:calc((100% - 66px)/4)!important;
  aspect-ratio:228/333!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid rgba(58,27,38,.10)!important;
  background:#2d2026!important;
  box-shadow:0 10px 26px rgba(48,15,27,.11)!important;
  isolation:isolate!important;
  scroll-snap-align:start!important;
}
.ms-android-home-card .ms-android-card-link{position:absolute!important;inset:0!important;z-index:2!important}
.ms-android-home-card .ms-android-card-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 20%!important;z-index:0!important}
.ms-android-card-top-soft{position:absolute!important;left:0!important;right:0!important;top:0!important;height:13%!important;z-index:1!important;background:linear-gradient(180deg,rgba(17,6,11,.26),transparent)!important;pointer-events:none!important}
.ms-android-home-card .ms-android-card-shade{position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:52%!important;z-index:1!important;background:linear-gradient(180deg,transparent,rgba(28,6,14,.30) 35%,rgba(28,6,14,.95) 100%)!important;pointer-events:none!important}

.ms-home-verified{
  position:absolute!important;z-index:7!important;left:10px!important;top:10px!important;
  width:30px!important;height:30px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:rgba(255,255,255,.95)!important;color:#222!important;
  box-shadow:0 4px 12px rgba(20,5,11,.12)!important;
}
.ms-home-verified .ms-icon{width:16px!important;height:16px!important}

.ms-android-home-card .ms-android-score{
  position:absolute!important;z-index:7!important;right:10px!important;left:auto!important;top:10px!important;
  min-width:54px!important;height:30px!important;padding:0 10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:999px!important;background:rgba(255,255,255,.95)!important;color:#111!important;
  border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 4px 12px rgba(20,5,11,.10)!important;
  font:800 11px/1 var(--sans)!important;
}
.ms-android-home-card .ms-android-score small{display:none!important}
.ms-android-home-card .ms-android-score b{font:800 11px/1 var(--sans)!important}

.ms-android-home-card .ms-android-card-info{
  position:absolute!important;z-index:6!important;left:0!important;right:0!important;bottom:0!important;
  padding:0 13px 13px!important;display:block!important;color:#fff!important;
}
.ms-android-home-card .ms-android-card-info h3{
  margin:0!important;font:700 18px/1.15 var(--serif)!important;color:#fff!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.ms-android-home-card .ms-android-card-info h3 a{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.55)!important}
.ms-android-home-card .ms-android-card-info p{
  margin:4px 0 0!important;font:500 12px/1.25 var(--sans)!important;color:#f7e8d8!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-height:0!important;
}
.ms-android-home-card .ms-android-interest-form{margin:10px 0 0!important}
.ms-android-home-card .ms-android-interest-form button{
  width:100%!important;height:38px!important;min-height:38px!important;border:0!important;border-radius:10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  background:linear-gradient(135deg,#8b0b34,#cc2657)!important;color:#fff!important;
  font:800 12.5px/1 var(--sans)!important;
}
.ms-android-home-card .ms-android-interest-form button .ms-icon{width:16px!important;height:16px!important}

/* Daily placeholder stays clean, like Android: no error text across the face. */
.ms-android-home-card.is-placeholder .ms-android-card-photo{filter:saturate(.55)!important;opacity:.86!important}

/* --------------------------------------------------------------------------
   Recommended / Matches / Search = Android item_match_profile.xml
   Full-photo, top status chips/actions, name row, two metadata lines,
   white match chip at meta row, Super + Interest bottom.
   -------------------------------------------------------------------------- */
.ms-recommended-grid,.ms-profile-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:24px!important;
  width:100%!important;
}
.ms-profile-card.ms-android-full-match{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:500px!important;
  aspect-ratio:0.66!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(61,28,39,.09)!important;
  background:#2c2025!important;
  box-shadow:0 13px 31px rgba(47,15,26,.11)!important;
  isolation:isolate!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.ms-profile-card.ms-android-full-match:hover{transform:translateY(-2px)!important;box-shadow:0 17px 36px rgba(47,15,26,.15)!important}
.ms-android-full-match .ms-photo-card-link{position:absolute!important;inset:0!important;z-index:2!important}
.ms-android-full-match .ms-photo-card-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%!important;z-index:0!important;transition:transform .22s ease!important}
.ms-android-full-match:hover .ms-photo-card-image{transform:scale(1.018)!important}
.ms-android-full-top-soft{position:absolute!important;z-index:1!important;top:0!important;left:0!important;right:0!important;height:110px!important;background:linear-gradient(180deg,rgba(18,6,11,.30),transparent)!important;pointer-events:none!important}
.ms-android-full-match .ms-photo-card-gradient{position:absolute!important;z-index:1!important;bottom:0!important;left:0!important;right:0!important;height:49%!important;background:linear-gradient(180deg,transparent,rgba(28,6,14,.28) 25%,rgba(28,6,14,.95) 100%)!important;pointer-events:none!important}

/* Android top-left 30dp status row */
.ms-android-full-top-left{
  position:absolute!important;z-index:7!important;left:12px!important;top:11px!important;
  display:flex!important;align-items:center!important;gap:5px!important;
  max-width:calc(100% - 112px)!important;
}
.ms-android-full-top-left .ms-android-gloss-chip{
  height:30px!important;min-height:30px!important;padding:0 8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:rgba(255,255,255,.95)!important;color:#222!important;
  border:1px solid rgba(255,255,255,.55)!important;border-radius:999px!important;
  font:700 10px/1 var(--sans)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.ms-android-online-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:#2cc968;margin-right:5px;flex:0 0 auto}

/* Android request-photo centered near top */
.ms-android-request-photo{
  position:absolute!important;z-index:8!important;left:50%!important;top:52px!important;transform:translateX(-50%)!important;
  min-width:116px!important;height:34px!important;padding:0 13px!important;border-radius:10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  color:#fff!important;text-decoration:none!important;background:linear-gradient(145deg,#2e2b2d,#121113)!important;
  box-shadow:0 6px 15px rgba(0,0,0,.28)!important;font:800 11px/1 var(--sans)!important;
}

/* Android gallery + more 36dp circles top-right */
.ms-android-full-top-actions{
  position:absolute!important;z-index:8!important;right:14px!important;top:12px!important;display:flex!important;gap:10px!important;
}
.ms-android-top-icon{
  width:36px!important;height:36px!important;border-radius:50%!important;background:rgba(255,255,255,.95)!important;
  color:#292326!important;display:grid!important;place-items:center!important;text-decoration:none!important;
  box-shadow:0 5px 14px rgba(18,5,10,.12)!important;
}
.ms-android-top-icon .ms-icon{width:16px!important;height:16px!important}

/* Android bottom content 18dp */
.ms-android-full-content{
  position:absolute!important;z-index:6!important;left:0!important;right:0!important;bottom:0!important;
  padding:0 18px 18px!important;color:#fff!important;
}
.ms-android-name-row{display:flex!important;align-items:center!important;min-width:0!important}
.ms-android-name-row h3{
  margin:0!important;min-width:0!important;max-width:calc(100% - 76px)!important;
  font:800 22px/1.12 var(--serif)!important;color:#fff!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.ms-android-name-row h3 a{color:#fff!important;text-shadow:0 2px 9px rgba(0,0,0,.55)!important}
.ms-name-online-dot{width:9px!important;height:9px!important;border-radius:50%!important;background:#2cca69!important;margin-left:7px!important;transform:translateY(-5px)!important;flex:0 0 auto!important}
.ms-name-verified{
  width:20px!important;height:20px!important;margin-left:7px!important;border-radius:50%!important;background:rgba(255,255,255,.95)!important;color:#34262b!important;
  display:grid!important;place-items:center!important;flex:0 0 auto!important;
}
.ms-name-verified .ms-icon{width:12px!important;height:12px!important}
.ms-name-premium{
  width:30px!important;height:30px!important;margin-left:7px!important;border-radius:50%!important;background:linear-gradient(145deg,#f7dc8b,#c78f1f)!important;color:#5b3900!important;
  display:grid!important;place-items:center!important;flex:0 0 auto!important;box-shadow:0 4px 10px rgba(132,83,0,.22)!important;
}
.ms-name-premium .ms-icon{width:15px!important;height:15px!important}

.ms-android-meta-row{display:flex!important;align-items:center!important;gap:8px!important;margin-top:7px!important}
.ms-android-meta-copy{min-width:0!important;flex:1 1 auto!important;padding-right:2px!important}
.ms-android-meta-copy p{
  margin:0!important;font:500 12px/1.25 var(--sans)!important;color:#fff!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-height:0!important;
}
.ms-android-meta-copy .ms-android-career-line{margin-top:3px!important}
.ms-android-match-chip{
  flex:0 0 auto!important;min-width:86px!important;height:28px!important;padding:0 10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:999px!important;background:rgba(255,255,255,.95)!important;color:#111!important;
  font:700 12px/1 var(--sans)!important;
}

/* Android 46dp action row */
.ms-android-full-actions{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;
  height:46px!important;margin-top:12px!important;position:relative!important;z-index:9!important;
}
.ms-android-full-actions form{margin:0!important;height:46px!important}
.ms-android-super-btn,.ms-android-interest-btn{
  width:100%!important;height:46px!important;min-height:46px!important;border-radius:12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  font:900 13.5px/1 var(--sans)!important;text-decoration:none!important;border:0!important;
}
.ms-android-super-btn{background:linear-gradient(145deg,#f8dc8b,#e7b94b)!important;color:#4a2600!important;box-shadow:0 5px 14px rgba(114,75,4,.18)!important}
.ms-android-interest-btn{background:linear-gradient(135deg,#8f0d36,#c72456)!important;color:#fff!important}
.ms-android-interest-btn.is-sent{background:rgba(255,255,255,.95)!important;color:#79122f!important}

/* Placeholder differentiation follows Android request-photo behaviour */
.ms-android-full-match.is-placeholder .ms-photo-card-image{filter:saturate(.52)!important;opacity:.86!important}

/* Exactly four cards per row on desktop/laptop layouts with the global right rail present. */
@media(min-width:1181px){
  .ms-recommended-grid,.ms-profile-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:22px!important;
  }
}
@media(min-width:981px) and (max-width:1180px){
  .ms-recommended-grid,.ms-profile-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:20px!important;
  }
  .ms-profile-card.ms-android-full-match{min-height:480px!important}
  .ms-profile-card.compact.ms-android-home-card{
    flex-basis:calc((100% - 44px)/3)!important;width:calc((100% - 44px)/3)!important;min-width:calc((100% - 44px)/3)!important;
  }
}
@media(max-width:980px){
  .ms-recommended-grid,.ms-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .ms-profile-card.compact.ms-android-home-card{flex:0 0 min(72vw,280px)!important;width:min(72vw,280px)!important;min-width:min(72vw,280px)!important}
}
@media(max-width:620px){
  .ms-recommended-grid,.ms-profile-grid{grid-template-columns:1fr!important}
  .ms-profile-card.ms-android-full-match{min-height:535px!important}
  .ms-profile-card.compact.ms-android-home-card{flex-basis:82vw!important;width:82vw!important;min-width:82vw!important}
}

@media(prefers-reduced-motion:reduce){
  .ms-profile-card.ms-android-full-match,.ms-photo-card-image{transition:none!important}
}


/* ==========================================================================
   Batch 23 — desktop-first, Android-inspired profile cards
   ========================================================================== */

/* Sections */
.ms-daily-panel,.ms-recommended-panel{
  background:#fff!important;
  border:0!important;
  border-radius:20px!important;
  box-shadow:0 8px 26px rgba(55,18,31,.06)!important;
}
.ms-daily-panel{padding:20px!important}
.ms-recommended-panel{padding:22px!important}
.ms-daily-panel .ms-section-title,.ms-recommended-panel .ms-section-title{margin-bottom:16px!important}
.ms-section-title-actions{display:flex!important;align-items:center!important;gap:12px!important}
.ms-carousel-controls{display:flex!important;gap:7px!important}
.ms-carousel-arrow{width:34px!important;height:34px!important}

/* Shared photo-led card language */
.ms-card-cover-link{position:absolute!important;inset:0!important;z-index:2!important}
.ms-card-cover-photo{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center 18%!important;z-index:0!important;
  transition:transform .2s ease!important;
}
.ms-card-cover-gradient{
  position:absolute!important;inset:0!important;z-index:1!important;
  background:linear-gradient(180deg,rgba(20,7,13,0) 32%,rgba(25,6,14,.10) 48%,rgba(28,6,15,.92) 100%)!important;
  pointer-events:none!important;
}
.ms-card-score{
  position:absolute!important;z-index:7!important;left:13px!important;top:13px!important;
  min-width:52px!important;padding:7px 9px!important;border-radius:10px!important;
  background:linear-gradient(135deg,#a60d3e,#cf2a5b)!important;color:#fff!important;
  display:grid!important;place-items:center!important;text-align:center!important;line-height:1!important;
  box-shadow:0 6px 16px rgba(102,10,41,.20)!important;
}
.ms-card-score b{font:900 13px/1 var(--sans)!important}
.ms-card-score small{font:800 9px/1 var(--sans)!important;margin-top:3px!important}
.ms-card-status-row{
  position:absolute!important;z-index:7!important;right:13px!important;top:13px!important;
  display:flex!important;align-items:center!important;gap:6px!important;
}
.ms-card-online{padding:6px 9px!important;border-radius:999px!important;background:rgba(25,119,77,.90)!important;color:#fff!important;font:800 10.5px/1 var(--sans)!important}
.ms-card-verified,.ms-card-premium{
  width:30px!important;height:30px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  background:rgba(255,255,255,.94)!important;box-shadow:0 4px 12px rgba(20,5,10,.14)!important;
}
.ms-card-verified{color:#286a9b!important}.ms-card-premium{color:#9b6f15!important}
.ms-card-verified .ms-icon,.ms-card-premium .ms-icon{width:16px!important;height:16px!important}
.ms-card-photo-note{
  position:absolute!important;z-index:7!important;left:14px!important;bottom:126px!important;
  padding:6px 9px!important;border-radius:9px!important;background:rgba(255,255,255,.91)!important;
  color:var(--ms-wine)!important;font:800 10.5px/1 var(--sans)!important;text-decoration:none!important;
}
.is-placeholder .ms-card-cover-photo{filter:saturate(.55)!important;opacity:.85!important}

/* Daily Matches — stable web dimensions with real spacing.
   No percentage-based flex basis, avoiding the tiny-card regression. */
.ms-horizontal-cards{
  display:flex!important;flex-wrap:nowrap!important;gap:20px!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  padding:2px 18px 8px 2px!important;
  scroll-snap-type:x mandatory!important;scrollbar-width:none!important;
}
.ms-horizontal-cards::-webkit-scrollbar{display:none!important}
.ms-daily-profile-card{
  position:relative!important;flex:0 0 242px!important;width:242px!important;min-width:242px!important;
  height:348px!important;min-height:348px!important;overflow:hidden!important;
  border-radius:19px!important;background:#2d2026!important;border:1px solid rgba(76,35,48,.09)!important;
  box-shadow:0 10px 26px rgba(44,15,25,.11)!important;scroll-snap-align:start!important;isolation:isolate!important;
}
.ms-daily-profile-card:hover .ms-card-cover-photo{transform:scale(1.018)!important}
.ms-daily-card-content{
  position:absolute!important;z-index:6!important;left:0!important;right:0!important;bottom:0!important;
  padding:0 15px 15px!important;color:#fff!important;
}
.ms-daily-card-content h3{margin:0!important;font:700 19px/1.15 var(--serif)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ms-daily-card-content h3 a{color:#fff!important;text-decoration:none!important;text-shadow:0 2px 8px rgba(0,0,0,.55)!important}
.ms-daily-card-content p{margin:5px 0 10px!important;font:500 12px/1.3 var(--sans)!important;color:#f7e9ed!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ms-daily-card-content .ms-android-interest-form{margin:0!important}
.ms-daily-card-content .ms-android-interest-form button{
  width:100%!important;min-height:42px!important;border:0!important;border-radius:11px!important;
  background:linear-gradient(135deg,#a90d42,#cf2d5d)!important;color:#fff!important;
  font:850 13px/1 var(--sans)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
}

/* Recommended / Matches / Search — exactly 4 cards on normal desktop.
   Wider than before by reducing clutter inside each card, not by literal Android sizing. */
.ms-recommended-grid,.ms-profile-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;width:100%!important;align-items:stretch!important;
}
.ms-recommended-profile-card{
  position:relative!important;min-width:0!important;width:100%!important;height:500px!important;min-height:500px!important;
  overflow:hidden!important;border-radius:20px!important;background:#2d2026!important;
  border:1px solid rgba(75,34,47,.08)!important;box-shadow:0 12px 30px rgba(46,15,25,.11)!important;
  isolation:isolate!important;transition:transform .18s ease,box-shadow .18s ease!important;
}
.ms-recommended-profile-card:hover{transform:translateY(-2px)!important;box-shadow:0 17px 36px rgba(46,15,25,.15)!important}
.ms-recommended-profile-card:hover .ms-card-cover-photo{transform:scale(1.018)!important}
.ms-recommended-card-content{
  position:absolute!important;z-index:6!important;left:0!important;right:0!important;bottom:0!important;
  padding:0 17px 17px!important;color:#fff!important;
}
.ms-recommended-name-row h3{
  margin:0 0 7px!important;font:700 20px/1.15 var(--serif)!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
}
.ms-recommended-name-row h3 a{color:#fff!important;text-decoration:none!important;text-shadow:0 2px 8px rgba(0,0,0,.55)!important}
.ms-recommended-meta-row{margin-bottom:12px!important}
.ms-recommended-meta-copy{display:grid!important;gap:3px!important}
.ms-recommended-meta-copy p{margin:0!important;font:500 12px/1.3 var(--sans)!important;color:#f6e9ed!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ms-recommended-actions{display:grid!important;grid-template-columns:.86fr 1.14fr!important;gap:9px!important}
.ms-recommended-actions form{display:block!important;margin:0!important}
.ms-recommended-super-btn,.ms-recommended-interest-btn{
  min-height:43px!important;border-radius:11px!important;font:850 13px/1 var(--sans)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-decoration:none!important;border:0!important;
}
.ms-recommended-super-btn{background:linear-gradient(135deg,#fff5d8,#efd083)!important;color:#6d4b10!important;border:1px solid #e2bd64!important}
.ms-recommended-interest-btn{width:100%!important;background:linear-gradient(135deg,#a90d42,#cf2d5d)!important;color:#fff!important}
.ms-recommended-interest-btn.is-sent{background:#f0e6e9!important;color:#7b4e5b!important;border:1px solid #ddcbd1!important}

/* Recommended surface padding gives the four-card grid breathing room. */
.ms-recommended-panel .ms-recommended-grid{padding-top:2px!important}

/* Desktop breakpoints. */
@media(min-width:1500px){
  .ms-daily-profile-card{flex-basis:250px!important;width:250px!important;min-width:250px!important}
  .ms-recommended-profile-card{height:520px!important}
}
@media(max-width:1250px) and (min-width:981px){
  .ms-recommended-grid,.ms-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
  .ms-recommended-profile-card{height:480px!important}
  .ms-daily-profile-card{flex-basis:230px!important;width:230px!important;min-width:230px!important}
}
@media(max-width:980px){
  .ms-recommended-grid,.ms-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px!important}
  .ms-daily-profile-card{flex-basis:min(76vw,285px)!important;width:min(76vw,285px)!important;min-width:min(76vw,285px)!important;height:390px!important}
}
@media(max-width:620px){
  .ms-recommended-grid,.ms-profile-grid{grid-template-columns:1fr!important}
  .ms-recommended-profile-card{height:520px!important}
}

/* Keep the Dashboard compact enough to expose both Daily and Recommended. */
.ms-daily-panel{padding-bottom:18px!important}
.ms-recommended-panel{margin-top:0!important}

/* Accessibility / reduced motion */
@media(prefers-reduced-motion:reduce){
  .ms-card-cover-photo,.ms-recommended-profile-card{transition:none!important}
}


/* ==========================================================================
   Batch 24 — image-first profile cards, privacy placeholders, 4-up desktop
   ========================================================================== */
body.ms-app .ms-main .ms-profile-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#24141a!important;
}
body.ms-app .ms-main .ms-profile-grid,
body.ms-app .ms-main .ms-recommended-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}
body.ms-app .ms-main .ms-recommended-panel,
body.ms-app .ms-main .ms-panel.ms-daily-panel{overflow:visible!important}

/* Use premium group placeholders already present in assets and keep hidden photos intentional. */
.ms-profile-card.is-photo-hidden .ms-card-cover-photo,
.ms-profile-card.is-placeholder .ms-card-cover-photo{
  filter:saturate(.72)!important;
}
.ms-profile-card.is-photo-hidden .ms-card-cover-photo{
  opacity:.92!important;
}
.ms-profile-card.is-photo-hidden .ms-card-cover-gradient{
  background:linear-gradient(180deg,rgba(13,7,9,.20) 0%,rgba(22,10,14,.26) 18%,rgba(16,7,11,.15) 34%,rgba(16,7,11,.30) 55%,rgba(14,7,10,.95) 100%)!important;
}
.ms-card-top-gradient{
  position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(11,5,8,.30) 0%,rgba(11,5,8,.10) 16%,rgba(11,5,8,0) 26%)!important;
}
.ms-card-cover-gradient{
  background:linear-gradient(180deg,rgba(12,6,9,0) 26%,rgba(12,6,9,.10) 42%,rgba(12,6,9,.30) 58%,rgba(12,6,9,.90) 100%)!important;
}
.ms-card-score{
  left:14px!important;top:14px!important;min-width:58px!important;padding:8px 10px!important;
  border-radius:12px!important;background:linear-gradient(180deg,#c21454,#8f0735)!important;
  box-shadow:0 10px 24px rgba(120,11,46,.28)!important, inset 0 1px 0 rgba(255,255,255,.26)!important;
}
.ms-card-score b{font-size:14px!important}.ms-card-score small{font-size:9px!important;letter-spacing:.04em!important;text-transform:uppercase!important}
.ms-card-status-row{right:14px!important;top:14px!important;gap:7px!important}
.ms-card-online{background:rgba(22,129,79,.94)!important;box-shadow:0 8px 18px rgba(20,88,57,.22)!important}
.ms-card-verified,.ms-card-premium{background:rgba(255,255,255,.97)!important;backdrop-filter:blur(6px)!important}
.ms-card-photo-note{
  left:16px!important;bottom:122px!important;z-index:7!important;
  padding:7px 11px!important;border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;color:var(--ms-wine)!important;
  box-shadow:0 8px 20px rgba(22,8,11,.16)!important;font-size:11px!important;
}
.ms-card-request-photo{pointer-events:none!important}

/* Daily cards */
.ms-daily-panel .ms-horizontal-cards{
  display:flex!important;gap:22px!important;padding:4px 20px 10px 2px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;scrollbar-width:none!important;
}
.ms-daily-panel .ms-horizontal-cards::-webkit-scrollbar{display:none!important}
.ms-daily-profile-card{
  flex:0 0 258px!important;width:258px!important;min-width:258px!important;
  height:392px!important;min-height:392px!important;border-radius:22px!important;
  box-shadow:0 14px 34px rgba(39,15,22,.16)!important;border:1px solid rgba(120,84,94,.14)!important;
}
.ms-daily-card-content{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:6!important;
  display:grid!important;gap:5px!important;padding:0 16px 16px!important;
}
.ms-daily-card-content h3{margin:0!important;font:700 21px/1.13 var(--serif)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.ms-daily-card-content p{margin:0!important;color:#f7ebef!important;text-shadow:0 1px 4px rgba(0,0,0,.45)!important}
.ms-daily-card-content .ms-card-meta--location{font:600 13px/1.25 var(--sans)!important}
.ms-daily-card-content .ms-card-meta--secondary{font:500 12px/1.25 var(--sans)!important;opacity:.94!important;min-height:30px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.ms-daily-card-content .ms-android-interest-form button,
.ms-recommended-interest-btn,
.ms-recommended-super-btn,
.ms-profile-completion-cta{
  position:relative!important;overflow:hidden!important;
  box-shadow:0 14px 24px rgba(103,8,39,.22)!important, inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.ms-daily-card-content .ms-android-interest-form button::before,
.ms-recommended-interest-btn::before,
.ms-recommended-super-btn::before,
.ms-profile-completion-cta::before{
  content:"";position:absolute;left:12%;right:12%;top:2px;height:42%;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0));pointer-events:none;
}
.ms-daily-card-content .ms-android-interest-form button{
  margin-top:3px!important;min-height:46px!important;border-radius:13px!important;
  background:linear-gradient(180deg,#d21858,#9a083a)!important;color:#fff!important;font-size:13.5px!important;
}

/* Shared full cards */
.ms-recommended-profile-card{
  height:530px!important;min-height:530px!important;border-radius:22px!important;
  box-shadow:0 14px 34px rgba(39,15,22,.15)!important;border:1px solid rgba(120,84,94,.14)!important;
}
.ms-recommended-card-content{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:6!important;
  display:grid!important;gap:8px!important;padding:0 18px 18px!important;
}
.ms-recommended-name-row h3{margin:0!important;font:700 22px/1.12 var(--serif)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-shadow:0 2px 8px rgba(0,0,0,.55)!important}
.ms-recommended-meta-row{margin:0!important}
.ms-recommended-meta-copy{display:grid!important;gap:4px!important}
.ms-recommended-meta-copy p{margin:0!important;color:#f7ebef!important;text-shadow:0 1px 4px rgba(0,0,0,.4)!important}
.ms-recommended-location{font:600 13px/1.25 var(--sans)!important}
.ms-recommended-career{font:500 12px/1.28 var(--sans)!important;min-height:30px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.ms-recommended-actions{display:grid!important;grid-template-columns:1fr 1.22fr!important;gap:10px!important;align-items:stretch!important}
.ms-recommended-actions form{display:block!important;margin:0!important}
.ms-recommended-super-btn,
.ms-recommended-interest-btn{
  min-height:48px!important;border-radius:14px!important;font:800 13px/1 var(--sans)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-decoration:none!important;
}
.ms-recommended-super-btn{
  background:linear-gradient(180deg,#fff0b6,#e0bb67)!important;color:#5b410d!important;border:1px solid rgba(199,159,59,.92)!important;
  box-shadow:0 12px 20px rgba(138,104,22,.16)!important, inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.ms-recommended-interest-btn{
  width:100%!important;background:linear-gradient(180deg,#d21858,#9a083a)!important;color:#fff!important;border:1px solid rgba(175,19,67,.98)!important;
}
.ms-recommended-interest-btn.is-sent{background:linear-gradient(180deg,#f5eef0,#e8dde0)!important;color:#734f59!important;border:1px solid #decfd3!important;box-shadow:none!important}

/* Dashboard top cards tightened and CTA button fixed. */
.ms-profile-completion-card{
  grid-template-columns:minmax(240px,1.25fr) minmax(240px,2.1fr) auto auto!important;
  gap:16px!important;padding:18px 20px!important;
}
.ms-profile-completion-copy small{max-width:430px!important}
.ms-profile-completion-cta{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;
  padding:0 16px!important;border-radius:13px!important;background:linear-gradient(180deg,#d21858,#9a083a)!important;color:#fff!important;
  box-shadow:0 14px 24px rgba(103,8,39,.18)!important;font-size:12px!important;
}
.ms-dashboard-smart-grid .ms-smart-action{grid-template-columns:auto 1fr auto!important}
.ms-dashboard-smart-grid .ms-smart-action span{font-size:12px!important;line-height:1.35!important}
.ms-dashboard-smart-grid .ms-smart-action em{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 12px!important;
  border-radius:12px!important;background:linear-gradient(180deg,#fff7db,#ebcb7c)!important;color:#6a4b0b!important;font-style:normal!important;
  font-weight:900!important;box-shadow:0 10px 18px rgba(138,104,22,.12)!important, inset 0 1px 0 rgba(255,255,255,.72)!important;
}

/* Avoid showing more than 4 cards per row on desktop. */
@media (max-width:1450px) and (min-width:981px){
  body.ms-app .ms-main .ms-profile-grid,
  body.ms-app .ms-main .ms-recommended-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .ms-recommended-profile-card{height:510px!important;min-height:510px!important}
}
@media (max-width:1180px) and (min-width:981px){
  body.ms-app .ms-main .ms-profile-grid,
  body.ms-app .ms-main .ms-recommended-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
}
@media (max-width:980px){
  body.ms-app .ms-main .ms-profile-grid,
  body.ms-app .ms-main .ms-recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .ms-daily-profile-card{flex-basis:min(78vw,290px)!important;width:min(78vw,290px)!important;min-width:min(78vw,290px)!important;height:410px!important}
  .ms-profile-completion-card{grid-template-columns:1fr!important}
  .ms-profile-completion-track,.ms-profile-completion-card strong,.ms-profile-completion-cta{grid-column:auto!important}
}
@media (max-width:620px){
  body.ms-app .ms-main .ms-profile-grid,
  body.ms-app .ms-main .ms-recommended-grid{grid-template-columns:1fr!important}
  .ms-recommended-profile-card{height:540px!important;min-height:540px!important}
}


/* ==========================================================================\n   Batch 25 — Interests: Decline / Reject / Accept + Android-inspired web cards\n   ========================================================================== */
.ms-interest-tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:14px!important}
.ms-interest-tabs a{min-height:42px!important;padding:0 17px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;font-size:13px!important;font-weight:850!important}
.ms-interest-help{margin:0 0 16px;padding:12px 15px;border-radius:13px;background:#fff8ec;border:1px solid #ead8b1;color:#67555b;font-size:12.5px;line-height:1.45}
.ms-interest-help b{color:var(--ms-wine)}
.ms-interest-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.ms-interest-photo-grid>.ms-empty{grid-column:1/-1}
.ms-interest-photo-card{position:relative;height:500px;overflow:hidden;border-radius:22px;background:#26161c;isolation:isolate;border:1px solid rgba(95,49,64,.12);box-shadow:0 14px 34px rgba(48,17,28,.14)}
.ms-interest-card-link{position:absolute;inset:0;z-index:2}
.ms-interest-photo-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;z-index:0;transition:transform .2s ease}
.ms-interest-photo-card:hover>img{transform:scale(1.018)}
.ms-interest-top-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,6,10,.32) 0%,rgba(14,6,10,.08) 23%,rgba(14,6,10,0) 38%);pointer-events:none}
.ms-interest-bottom-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(16,7,11,0) 38%,rgba(16,7,11,.20) 55%,rgba(17,7,12,.94) 100%);pointer-events:none}
.ms-interest-photo-card.is-photo-hidden>img{filter:saturate(.55) blur(7px);transform:scale(1.04)}
.ms-interest-photo-card.is-placeholder>img{filter:saturate(.78)}
.ms-interest-top-left,.ms-interest-top-right{position:absolute;top:14px;z-index:6;display:flex;align-items:center;gap:7px}
.ms-interest-top-left{left:14px}.ms-interest-top-right{right:14px}
.ms-interest-activity-chip{min-height:32px;padding:0 11px;border-radius:999px;display:inline-flex;align-items:center;background:rgba(255,255,255,.94);color:#171113;font-size:10.5px;font-weight:850;box-shadow:0 7px 16px rgba(26,9,14,.15)}
.ms-interest-online{min-height:30px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;background:rgba(28,132,83,.94);color:white;font-size:10.5px;font-weight:850}
.ms-interest-icon-chip{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.96);color:#236f9f;box-shadow:0 7px 16px rgba(26,9,14,.15)}
.ms-interest-icon-chip.premium{color:#9b6f15}.ms-interest-icon-chip .ms-icon{width:17px;height:17px}
.ms-interest-photo-state{position:absolute;z-index:6;top:58px;left:50%;transform:translateX(-50%);padding:8px 13px;border-radius:12px;background:linear-gradient(180deg,#c91b55,#930733);color:#fff;font-size:11px;font-weight:850;box-shadow:0 10px 22px rgba(100,9,39,.24),inset 0 1px 0 rgba(255,255,255,.28);white-space:nowrap}
.ms-interest-card-content{position:absolute;z-index:6;left:0;right:0;bottom:0;padding:0 18px 18px;color:#fff;display:grid;gap:6px}
.ms-interest-name-row{display:flex;align-items:center;gap:10px;min-width:0}
.ms-interest-name-row h3{margin:0;min-width:0;flex:1;font:700 22px/1.12 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.ms-interest-match-chip{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.94);color:#171113;font-size:10.5px;font-weight:900}
.ms-interest-card-content>p{margin:0;color:#f7ebef;font-size:12.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 5px rgba(0,0,0,.48)}
.ms-interest-three-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:8px;position:relative;z-index:8}
.ms-interest-single-action{display:block;margin-top:8px;position:relative;z-index:8}.ms-interest-single-action .ms-interest-btn{width:100%}
.ms-interest-btn{position:relative;overflow:hidden;min-height:46px;border-radius:13px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font-size:13px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 12px 22px rgba(28,9,15,.18),inset 0 1px 0 rgba(255,255,255,.30)}
.ms-interest-btn:before{content:"";position:absolute;left:12%;right:12%;top:2px;height:40%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0));pointer-events:none}
.ms-interest-btn.decline{background:linear-gradient(180deg,#fff6f8,#efdbe1);color:#831334;border-color:#e6c7d0}
.ms-interest-btn.reject{background:linear-gradient(180deg,#be303f,#7c1420);color:#fff;border-color:#8f1e2a}
.ms-interest-btn.accept{background:linear-gradient(180deg,#c91854,#900632);color:#fff;border-color:#a51040}
.ms-interest-message{margin-top:8px;position:relative;z-index:8}
.ms-interest-rejected-label{margin-top:8px;min-height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);color:#761828;font-size:11.5px;font-weight:850;padding:0 12px}
@media(max-width:1300px){.ms-interest-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ms-interest-photo-grid{grid-template-columns:1fr}.ms-interest-photo-card{height:520px}.ms-interest-three-actions{gap:7px}.ms-interest-btn{font-size:12px;padding:0 8px}}

/* ==========================================================================
   Batch 27 — final Android-inspired web profile-card consolidation
   ========================================================================== */
.ms-interest-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
.ms-interest-photo-card{height:520px!important;border-radius:22px!important;border:1px solid rgba(116,67,82,.12)!important;box-shadow:0 14px 34px rgba(45,14,25,.14)!important;background:#26171d!important;overflow:hidden!important}
.ms-interest-photo-card>img{object-position:center 17%!important}
.ms-interest-top-overlay{background:linear-gradient(180deg,rgba(18,8,12,.32) 0%,rgba(18,8,12,.08) 22%,rgba(18,8,12,0) 36%)!important}
.ms-interest-bottom-overlay{background:linear-gradient(180deg,rgba(18,8,12,0) 36%,rgba(18,8,12,.18) 52%,rgba(18,8,12,.95) 100%)!important}
.ms-interest-card-content{padding:0 18px 18px!important;gap:6px!important}
.ms-interest-name-row h3{font-size:22px!important;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.58)!important}
.ms-interest-card-content>p{font-size:12.5px!important;color:#f8eef1!important}
.ms-interest-match-chip{background:rgba(255,255,255,.96)!important;color:#721130!important;box-shadow:0 8px 18px rgba(20,7,11,.14)!important}
.ms-interest-photo-state{top:auto!important;bottom:150px!important;left:18px!important;transform:none!important;background:rgba(255,255,255,.94)!important;color:#7b1233!important;border:1px solid rgba(115,30,56,.13)!important;box-shadow:0 8px 18px rgba(24,8,13,.15)!important}
.ms-interest-photo-card.is-photo-hidden>img{filter:saturate(.58)!important;transform:none!important}
.ms-interest-three-actions{gap:8px!important;margin-top:9px!important}
.ms-interest-btn{min-height:46px!important;border-radius:13px!important;font-size:12.5px!important}
.ms-interest-btn.decline{background:linear-gradient(180deg,#fff7f8,#f0dde3)!important;color:#811333!important}
.ms-interest-btn.reject{background:linear-gradient(180deg,#ca3b47,#801a24)!important;color:#fff!important}
.ms-interest-btn.accept{background:linear-gradient(180deg,#d01957,#910634)!important;color:#fff!important}
.ms-interest-btn:before{height:44%!important;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0))!important}

/* Shared member cards use the same Android-inspired visual language. */
.ms-recommended-profile-card,.ms-daily-profile-card{border-radius:22px!important;box-shadow:0 14px 34px rgba(45,14,25,.13)!important;border:1px solid rgba(116,67,82,.11)!important}
.ms-card-score{background:linear-gradient(180deg,#cf1955,#900533)!important;border-radius:12px!important;box-shadow:0 8px 19px rgba(116,10,43,.24)!important}
.ms-card-verified,.ms-card-premium{background:rgba(255,255,255,.96)!important;box-shadow:0 7px 18px rgba(20,7,11,.14)!important}
.ms-card-photo-note{background:rgba(255,255,255,.94)!important;color:#76122f!important;border-radius:999px!important}
.ms-recommended-super-btn,.ms-recommended-interest-btn,.ms-daily-card-content .ms-android-interest-form button{position:relative!important;overflow:hidden!important;box-shadow:0 12px 24px rgba(48,13,25,.18)!important}
.ms-recommended-super-btn:before,.ms-recommended-interest-btn:before,.ms-daily-card-content .ms-android-interest-form button:before{content:"";position:absolute;left:12%;right:12%;top:2px;height:42%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0));pointer-events:none}
.ms-recommended-super-btn{background:linear-gradient(180deg,#fff1b8,#dfbc6a)!important;color:#5d430d!important}
.ms-recommended-interest-btn,.ms-daily-card-content .ms-android-interest-form button{background:linear-gradient(180deg,#d01957,#910634)!important;color:#fff!important}

@media(max-width:1320px){.ms-interest-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.ms-interest-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.ms-interest-photo-grid{grid-template-columns:1fr!important}.ms-interest-photo-card{height:540px!important}}


/* ==========================================================================
   Batch 29 — Android design-system parity for profile items
   Normal / Gold / Platinum + privacy + photo request + 3-dot actions
   ========================================================================== */
body.ms-app .ms-main .ms-android-web-card{
  --tier-border:rgba(255,255,255,.58);
  --tier-chip-bg:rgba(255,255,255,.92);
  --tier-chip-text:#1d1719;
  --tier-super-a:#292629;
  --tier-super-b:#0d0c0d;
  --tier-super-text:#fff;
  --tier-interest-a:#ff4a79;
  --tier-interest-b:#c41451;
  --tier-interest-text:#fff;
  position:relative!important;height:540px!important;min-height:540px!important;
  border:1.5px solid var(--tier-border)!important;border-radius:25px!important;overflow:hidden!important;
  background:#1c1518!important;box-shadow:0 12px 30px rgba(45,20,29,.14)!important;
}
body.ms-app .ms-main .ms-android-web-card.ms-tier-gold,
body.ms-app .ms-main .ms-android-web-card.ms-style-gold{
  --tier-border:#d7aa37;--tier-chip-bg:linear-gradient(180deg,#fff6c9,#efcf70);--tier-chip-text:#4d3500;
  --tier-super-a:#3b2600;--tier-super-b:#11100d;--tier-super-text:#ffd85e;
  --tier-interest-a:#fff0a3;--tier-interest-b:#e7a914;--tier-interest-text:#78163d;
  border-width:2px!important;box-shadow:0 14px 34px rgba(178,126,17,.20)!important,inset 0 0 0 1px rgba(255,231,150,.42)!important;
}
body.ms-app .ms-main .ms-android-web-card.ms-tier-platinum,
body.ms-app .ms-main .ms-android-web-card.ms-style-platinum{
  --tier-border:#ab8cff;--tier-chip-bg:linear-gradient(180deg,#f7fbff,#d9e9ff);--tier-chip-text:#26356e;
  --tier-super-a:#203d78;--tier-super-b:#09162f;--tier-super-text:#98e4ff;
  --tier-interest-a:#fafcff;--tier-interest-b:#c9d3ff;--tier-interest-text:#27377f;
  border-width:2px!important;box-shadow:0 14px 36px rgba(91,72,189,.22)!important,inset 0 0 0 2px rgba(197,177,255,.36)!important;
}
.ms-android-web-card .ms-card-cover-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;z-index:0!important}
.ms-android-web-card .ms-card-top-gradient{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,rgba(8,4,7,.30),rgba(8,4,7,.05) 20%,transparent 31%)!important;pointer-events:none!important}
.ms-android-web-card .ms-card-cover-gradient{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,transparent 36%,rgba(10,5,8,.12) 51%,rgba(10,5,8,.48) 68%,rgba(10,5,8,.94) 100%)!important;pointer-events:none!important}
.ms-android-web-card.is-photo-hidden .ms-card-cover-photo{filter:blur(12px) saturate(.75)!important;transform:scale(1.08)!important;opacity:.88!important}
.ms-android-web-card.is-photo-hidden .ms-card-cover-gradient{background:linear-gradient(180deg,rgba(8,5,8,.12),rgba(8,5,8,.30) 45%,rgba(8,5,8,.94) 100%)!important}

.ms-android-card-top-left{position:absolute!important;z-index:8!important;top:15px!important;left:15px!important;right:112px!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
.ms-android-status-chip{min-width:0!important;max-width:50%!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.70)!important;border-radius:999px!important;background:var(--tier-chip-bg)!important;color:var(--tier-chip-text)!important;font:750 12px/1 var(--sans)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-shadow:0 6px 17px rgba(17,8,12,.12)!important,inset 0 1px 0 rgba(255,255,255,.80)!important;backdrop-filter:blur(8px)!important}
.ms-android-card-tools{position:absolute!important;z-index:12!important;right:15px!important;top:15px!important;display:flex!important;gap:8px!important;align-items:flex-start!important}
.ms-android-icon-circle,.ms-android-more-menu>summary{width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.72)!important;background:var(--tier-chip-bg)!important;color:var(--tier-chip-text)!important;display:grid!important;place-items:center!important;box-shadow:0 7px 18px rgba(17,8,12,.15)!important,inset 0 1px 0 rgba(255,255,255,.9)!important;text-decoration:none!important;cursor:pointer!important;list-style:none!important}
.ms-android-icon-circle .ms-icon,.ms-android-more-menu>summary .ms-icon{width:18px!important;height:18px!important}
.ms-android-more-menu{position:relative!important}.ms-android-more-menu>summary::-webkit-details-marker{display:none}.ms-android-more-popover{position:absolute!important;right:0!important;top:49px!important;width:210px!important;padding:8px!important;border-radius:16px!important;background:#fffdf9!important;border:1px solid #ead8cf!important;box-shadow:0 18px 42px rgba(43,17,27,.22)!important;z-index:30!important}.ms-android-more-popover form{margin:0!important}.ms-android-more-popover button{width:100%!important;min-height:39px!important;padding:0 10px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#2d2226!important;display:flex!important;align-items:center!important;gap:8px!important;font:700 12px/1 var(--sans)!important;text-align:left!important;cursor:pointer!important}.ms-android-more-popover button:hover{background:#f8eef1!important;color:var(--wine)!important}.ms-android-more-popover button.danger{color:#a10d38!important}.ms-android-more-popover .ms-icon{width:15px!important;height:15px!important}

.ms-card-photo-request-form,.ms-interest-photo-request-form{margin:0!important;display:contents!important}
.ms-android-photo-state{position:absolute!important;z-index:9!important;top:70px!important;left:50%!important;transform:translateX(-50%)!important;min-height:38px!important;max-width:78%!important;padding:0 18px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:999px!important;background:linear-gradient(180deg,#343031,#181617)!important;color:#fff!important;font:800 12px/1.2 var(--sans)!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-shadow:0 7px 0 rgba(0,0,0,.30),0 12px 25px rgba(0,0,0,.22)!important;white-space:nowrap!important;cursor:pointer!important}
.ms-android-photo-state.is-privacy{white-space:normal!important;top:44%!important;min-height:48px!important;padding:8px 16px!important;line-height:1.3!important;background:rgba(22,19,20,.82)!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important;backdrop-filter:blur(8px)!important}

.ms-android-card-content{position:absolute!important;z-index:7!important;left:0!important;right:0!important;bottom:0!important;padding:0 19px 19px!important;color:#fff!important;display:grid!important;gap:7px!important}
.ms-android-name-line{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}.ms-android-name-line h3{margin:0!important;min-width:0!important;font:800 25px/1.08 var(--serif)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.ms-android-name-line h3 a{color:#fff!important;text-decoration:none!important;text-shadow:0 2px 8px rgba(0,0,0,.52)!important}.ms-android-name-verified{flex:0 0 25px!important;width:25px!important;height:25px!important;border-radius:50%!important;background:rgba(255,255,255,.93)!important;color:#20252c!important;display:grid!important;place-items:center!important}.ms-android-name-verified .ms-icon{width:15px!important;height:15px!important}.ms-tier-diamond{flex:0 0 31px!important;width:31px!important;height:31px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#fff0ac!important;color:#a36f00!important;font-size:17px!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 5px 15px rgba(0,0,0,.15)!important}.ms-tier-diamond--platinum{background:#d9f4ff!important;color:#3579a5!important}.ms-android-basic-line,.ms-android-career-line{margin:0!important;color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,.55)!important;font:600 13px/1.25 var(--sans)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.ms-android-meta-score-row{display:flex!important;align-items:center!important;gap:10px!important}.ms-android-career-line{flex:1!important;min-width:0!important}.ms-android-match-chip{flex:0 0 auto!important;min-height:34px!important;padding:0 13px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--tier-chip-bg)!important;color:var(--tier-chip-text)!important;border:1px solid rgba(255,255,255,.70)!important;font:800 12px/1 var(--sans)!important;box-shadow:0 6px 16px rgba(0,0,0,.12)!important}
.ms-android-card-actions{display:grid!important;grid-template-columns:.92fr 1.08fr!important;gap:11px!important;margin-top:6px!important}.ms-android-card-actions form{margin:0!important}.ms-android-super-btn,.ms-android-interest-btn{position:relative!important;overflow:hidden!important;width:100%!important;min-height:52px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.52)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-decoration:none!important;font:850 14px/1 var(--sans)!important;box-shadow:0 7px 0 rgba(18,9,12,.27),0 13px 23px rgba(20,8,12,.18)!important;cursor:pointer!important}.ms-android-super-btn{background:linear-gradient(180deg,var(--tier-super-a),var(--tier-super-b))!important;color:var(--tier-super-text)!important}.ms-android-interest-btn{background:linear-gradient(180deg,var(--tier-interest-a),var(--tier-interest-b))!important;color:var(--tier-interest-text)!important}.ms-android-super-btn:before,.ms-android-interest-btn:before{content:"";position:absolute;left:9%;right:9%;top:2px;height:44%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0));pointer-events:none}.ms-android-super-btn:active,.ms-android-interest-btn:active{transform:translateY(3px)!important;box-shadow:0 4px 0 rgba(18,9,12,.23),0 8px 16px rgba(20,8,12,.14)!important}.ms-android-interest-btn.is-sent{background:linear-gradient(180deg,#f2ebed,#dcd1d5)!important;color:#73525e!important;box-shadow:0 4px 0 rgba(18,9,12,.14)!important}

/* Compact / Daily keeps the same Android hierarchy, only shorter for horizontal discovery. */
.ms-android-web-card.compact{height:430px!important;min-height:430px!important;flex:0 0 300px!important;width:300px!important;min-width:300px!important}.ms-android-web-card.compact .ms-android-status-chip{font-size:11px!important;height:34px!important;padding:0 11px!important}.ms-android-web-card.compact .ms-android-card-tools{top:13px!important;right:13px!important}.ms-android-web-card.compact .ms-android-icon-circle,.ms-android-web-card.compact .ms-android-more-menu>summary{width:38px!important;height:38px!important}.ms-android-web-card.compact .ms-android-card-top-left{top:13px!important;left:13px!important;right:102px!important}.ms-android-web-card.compact .ms-android-photo-state{top:61px!important}.ms-android-web-card.compact .ms-android-card-content{padding:0 15px 15px!important;gap:5px!important}.ms-android-web-card.compact .ms-android-name-line h3{font-size:21px!important}.ms-android-web-card.compact .ms-android-basic-line,.ms-android-web-card.compact .ms-android-career-line{font-size:11.5px!important}.ms-android-web-card.compact .ms-android-super-btn,.ms-android-web-card.compact .ms-android-interest-btn{min-height:44px!important;font-size:12px!important}

/* Exactly four primary item cards per desktop row; Android dimensions are visual inspiration only. */
body.ms-app .ms-main .ms-profile-grid,body.ms-app .ms-main .ms-recommended-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}.ms-daily-panel .ms-horizontal-cards{gap:20px!important}
@media(max-width:1180px) and (min-width:821px){body.ms-app .ms-main .ms-profile-grid,body.ms-app .ms-main .ms-recommended-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){body.ms-app .ms-main .ms-profile-grid,body.ms-app .ms-main .ms-recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){body.ms-app .ms-main .ms-profile-grid,body.ms-app .ms-main .ms-recommended-grid{grid-template-columns:1fr!important}.ms-android-web-card.compact{flex-basis:min(82vw,310px)!important;width:min(82vw,310px)!important;min-width:min(82vw,310px)!important}}

/* Interest cards use the same tier and privacy language. */
.ms-interest-photo-card.ms-tier-gold{border:2px solid #d7aa37!important;box-shadow:0 14px 34px rgba(178,126,17,.18)!important}.ms-interest-photo-card.ms-tier-platinum{border:2px solid #ab8cff!important;box-shadow:0 14px 34px rgba(91,72,189,.20)!important}.ms-interest-photo-card.is-photo-hidden>img{filter:blur(12px) saturate(.75)!important;transform:scale(1.07)!important}.ms-interest-photo-state.is-privacy{max-width:80%!important;white-space:normal!important;line-height:1.25!important;text-align:center!important;padding:8px 14px!important}

/* =====================================================================
   Batch 30 — force-correct Android-inspired profile card layout
   This block is intentionally final and high-specificity to override all
   legacy batches that were still leaking into Recommended/Daily cards.
   ===================================================================== */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card{position:relative!important;overflow:hidden!important;isolation:isolate!important;background:#2b1d22!important;border:1px solid rgba(104,55,72,.16)!important;border-radius:22px!important;box-shadow:0 16px 34px rgba(39,15,22,.16)!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-cover-link{position:absolute!important;inset:0!important;z-index:2!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-cover-photo{position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;display:block!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-top-gradient{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(12,7,10,.34) 0%,rgba(12,7,10,.08) 20%,rgba(12,7,10,0) 32%)!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-cover-gradient{position:absolute!important;inset:auto 0 0 0!important;height:52%!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(10,6,8,0) 0%,rgba(10,6,8,.08) 20%,rgba(10,6,8,.36) 48%,rgba(10,6,8,.95) 100%)!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-top-left,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-tools,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-score,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-photo-request-form,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-photo-state,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-content{position:absolute!important;z-index:8!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-top-left{top:14px!important;left:14px!important;right:108px!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-tools{top:14px!important;right:14px!important;display:flex!important;align-items:center!important;gap:8px!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-score{top:auto!important;left:14px!important;bottom:142px!important;z-index:9!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:0 12px!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:#5f1230!important;border:1px solid rgba(255,255,255,.74)!important;font:800 11px/1 var(--sans)!important;box-shadow:0 8px 18px rgba(16,8,12,.14)!important;backdrop-filter:blur(6px)!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-icon-circle,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-more-menu>summary{width:40px!important;height:40px!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;color:#5f1230!important;border:1px solid rgba(255,255,255,.74)!important;display:grid!important;place-items:center!important;box-shadow:0 8px 18px rgba(16,8,12,.14)!important;cursor:pointer!important;list-style:none!important;text-decoration:none!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-more-menu>summary::-webkit-details-marker{display:none!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-more-popover{position:absolute!important;top:48px!important;right:0!important;z-index:20!important;width:220px!important;padding:8px!important;border-radius:16px!important;background:#fffdf9!important;border:1px solid #ead8cf!important;box-shadow:0 18px 42px rgba(43,17,27,.22)!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-more-popover button{width:100%!important;min-height:40px!important;padding:0 10px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#2d2226!important;display:flex!important;align-items:center!important;gap:8px!important;font:700 12px/1 var(--sans)!important;cursor:pointer!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-photo-request-form{top:64px!important;left:50%!important;transform:translateX(-50%)!important;z-index:9!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-photo-state{position:relative!important;top:auto!important;left:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;max-width:min(86%,250px)!important;padding:0 16px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.34)!important;background:rgba(22,19,20,.88)!important;color:#fff!important;font:800 12px/1.25 var(--sans)!important;text-align:center!important;box-shadow:0 10px 26px rgba(0,0,0,.24)!important;backdrop-filter:blur(8px)!important;white-space:nowrap!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-photo-state.is-privacy{white-space:normal!important;max-width:78%!important;padding:9px 14px!important;min-height:52px!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-content{left:0!important;right:0!important;bottom:0!important;padding:0 16px 16px!important;display:grid!important;gap:7px!important;align-content:end!important;color:#fff!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-name-line{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-name-line h3{margin:0!important;min-width:0!important;font:800 23px/1.1 var(--serif)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-name-line h3 a{color:#fff!important;text-decoration:none!important;text-shadow:0 2px 8px rgba(0,0,0,.58)!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-basic-line,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-career-line{margin:0!important;color:#fff!important;font:600 13px/1.28 var(--sans)!important;text-shadow:0 2px 6px rgba(0,0,0,.58)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-meta-score-row{display:flex!important;align-items:center!important;gap:10px!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip{flex:0 0 auto!important;min-height:34px!important;padding:0 13px!important;border-radius:999px!important;background:rgba(255,255,255,.96)!important;color:#5f1230!important;border:1px solid rgba(255,255,255,.75)!important;font:800 12px/1 var(--sans)!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-actions{display:grid!important;grid-template-columns:.92fr 1.08fr!important;gap:10px!important;margin-top:5px!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-actions form{margin:0!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-super-btn,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn{position:relative!important;width:100%!important;min-height:48px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.46)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font:850 13px/1 var(--sans)!important;overflow:hidden!important;text-decoration:none!important;cursor:pointer!important;box-shadow:0 7px 0 rgba(18,9,12,.27),0 12px 22px rgba(20,8,12,.18)!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-super-btn:before,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn:before{content:""!important;position:absolute!important;left:9%!important;right:9%!important;top:2px!important;height:44%!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0))!important;pointer-events:none!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn.is-sent{display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(180deg,#f2ebed,#dcd1d5)!important;color:#73525e!important;box-shadow:0 4px 0 rgba(18,9,12,.14)!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card.ms-tier-normal{--tier-super-a:#fff0b4;--tier-super-b:#dfbb68;--tier-super-text:#5c420c;--tier-interest-a:#d21757;--tier-interest-b:#9a083a;--tier-interest-text:#fff}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card.ms-tier-gold{--tier-super-a:#fff7ca;--tier-super-b:#f0c663;--tier-super-text:#61480b;--tier-interest-a:#d8931a;--tier-interest-b:#a76705;--tier-interest-text:#fff;border-color:rgba(203,160,68,.38)!important;box-shadow:0 16px 34px rgba(112,82,16,.14)!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card.ms-tier-platinum{--tier-super-a:#e7fbff;--tier-super-b:#b7deef;--tier-super-text:#295472;--tier-interest-a:#3d7aa7;--tier-interest-b:#28597b;--tier-interest-text:#fff;border-color:rgba(123,169,190,.34)!important;box-shadow:0 16px 34px rgba(54,98,124,.14)!important}
body.ms-app .ms-main .ms-recommended-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important}
body.ms-app .ms-main .ms-recommended-grid>.ms-profile-card.ms-android-web-card{min-height:520px!important;height:520px!important}
body.ms-app .ms-main .ms-daily-panel .ms-horizontal-cards{display:flex!important;gap:22px!important;overflow-x:auto!important;padding:2px 4px 8px 2px!important;scrollbar-width:none!important}
body.ms-app .ms-main .ms-daily-panel .ms-horizontal-cards::-webkit-scrollbar{display:none!important}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact{flex:0 0 292px!important;width:292px!important;min-width:292px!important;min-height:424px!important;height:424px!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card.compact .ms-card-score{bottom:132px!important}
@media (max-width:1250px) and (min-width:981px){body.ms-app .ms-main .ms-recommended-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.ms-app .ms-main .ms-recommended-grid>.ms-profile-card.ms-android-web-card{height:500px!important;min-height:500px!important}}
@media (max-width:980px){body.ms-app .ms-main .ms-recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact{flex-basis:min(78vw,300px)!important;width:min(78vw,300px)!important;min-width:min(78vw,300px)!important}}
@media (max-width:620px){body.ms-app .ms-main .ms-recommended-grid{grid-template-columns:1fr!important}body.ms-app .ms-main .ms-recommended-grid>.ms-profile-card.ms-android-web-card{height:520px!important;min-height:520px!important}}

/* =====================================================================
   Batch 31 — three-up large cards refinement
   User-requested: significantly increase item/card size and ensure only
   3 profiles per row on desktop so all UI fits cleanly.
   ===================================================================== */
@media (min-width: 1200px){
  body.ms-app .ms-main .ms-recommended-grid,
  body.ms-app .ms-main .ms-profile-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:24px!important;
  }
  body.ms-app .ms-main .ms-recommended-grid>.ms-profile-card.ms-android-web-card,
  body.ms-app .ms-main .ms-profile-grid>.ms-profile-card.ms-android-web-card,
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card:not(.compact){
    min-height:590px!important;
    height:590px!important;
  }
}
@media (min-width: 981px){
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-cover-gradient{
    height:58%!important;
  }
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-top-left{
    top:18px!important;left:18px!important;right:126px!important;gap:10px!important;
  }
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-tools{
    top:18px!important;right:18px!important;gap:10px!important;
  }
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip{
    min-height:38px!important;
    padding:0 14px!important;
    font-size:12px!important;
  }
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-icon-circle,
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-more-menu>summary{
    width:44px!important;height:44px!important;
  }
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-photo-state{
    min-height:42px!important;
    padding:0 18px!important;
    font-size:13px!important;
    max-width:min(82%,280px)!important;
  }
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-score{
    left:18px!important;
    bottom:172px!important;
    min-width:72px!important;
    padding:10px 13px!important;
  }
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-score b{font-size:16px!important}
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-score small{font-size:10px!important}
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-content{
    padding:0 20px 20px!important;
    gap:9px!important;
  }
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-name-line h3{
    font-size:26px!important;
    line-height:1.08!important;
  }
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-basic-line,
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-career-line{
    font-size:14px!important;
    line-height:1.3!important;
  }
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-meta-score-row{
    gap:12px!important;
  }
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip{
    min-height:38px!important;
    padding:0 15px!important;
    font-size:13px!important;
  }
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-actions{
    grid-template-columns:1fr 1.18fr!important;
    gap:12px!important;
    margin-top:7px!important;
  }
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-super-btn,
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn{
    min-height:54px!important;
    border-radius:16px!important;
    font-size:15px!important;
    gap:9px!important;
  }
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-name-verified{
    width:28px!important;height:28px!important;flex-basis:28px!important;
  }
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-tier-diamond{
    width:34px!important;height:34px!important;flex-basis:34px!important;font-size:18px!important;
  }
}
/* Daily carousel cards should also scale up to match the bigger UI language */
body.ms-app .ms-main .ms-daily-panel .ms-horizontal-cards{gap:24px!important}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact{
  flex:0 0 330px!important;
  width:330px!important;
  min-width:330px!important;
  min-height:470px!important;
  height:470px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-card-score{
  bottom:148px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-name-line h3{
  font-size:24px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-basic-line,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-career-line{
  font-size:13px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-super-btn,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-interest-btn{
  min-height:50px!important;
  font-size:14px!important;
}
/* Keep responsive behavior reasonable on smaller widths */
@media (max-width:1199px) and (min-width:981px){
  body.ms-app .ms-main .ms-recommended-grid,
  body.ms-app .ms-main .ms-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card:not(.compact){min-height:560px!important;height:560px!important}
}

/* =====================================================================
   Batch 32 — transparent top chips, remove eye-icon dependence,
   request-photo head placement, and tighter same-row actions.
   ===================================================================== */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-more-menu>summary{
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(10,6,8,.14)!important;
  backdrop-filter:blur(10px)!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-more-menu>summary svg,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip svg{color:#fff!important;stroke:currentColor!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-tools{
  right:18px!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-photo-request-form{
  top:92px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-photo-request-form .ms-android-photo-state{
  min-height:40px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  background:rgba(27,19,23,.86)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(0,0,0,.22)!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-photo-state.is-privacy{
  background:rgba(24,17,20,.74)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  color:#fff!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:0 8px 18px rgba(10,6,8,.12)!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-content{
  padding:0 16px 16px!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-actions{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:10px!important;
  align-items:stretch!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-actions form,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-actions > *{
  min-width:0!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-super-btn,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn.is-sent{
  width:100%!important;
  min-width:0!important;
  padding:0 10px!important;
  min-height:52px!important;
  font-size:16px!important;
  white-space:nowrap!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-super-btn svg,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn svg,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn.is-sent svg{
  flex:0 0 auto!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn.is-sent{
  justify-content:center!important;
  text-align:center!important;
}
/* Keep compact daily cards aligned with the same fixes */
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-card-photo-request-form{top:86px!important}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-card-actions{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:9px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-super-btn,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-interest-btn,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-interest-btn.is-sent{
  font-size:15px!important;
  padding:0 8px!important;
  min-height:50px!important;
}

/* =====================================================================
   Batch 33 — button row alignment, centered request pill, compact UI scale
   ===================================================================== */
/* White/frosted chips: black text like Android */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-more-menu>summary{
  color:#1f1719!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-more-menu>summary svg,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip svg{
  color:#1f1719!important;
  stroke:currentColor!important;
}

/* Put Request Photo / Photo Requested over the head-center area */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-photo-request-form,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-photo-state:not(.is-privacy){
  left:50%!important;
  transform:translateX(-50%)!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-photo-request-form{
  top:102px!important;
  z-index:11!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-photo-request-form .ms-android-photo-state{
  min-height:36px!important;
  padding:0 15px!important;
  font-size:12px!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-photo-state:not(.is-privacy){
  top:102px!important;
  position:absolute!important;
  z-index:11!important;
  min-height:36px!important;
  padding:0 15px!important;
  font-size:12px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-card-photo-request-form,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-photo-state:not(.is-privacy){
  top:94px!important;
}

/* Reduce UI/text scale while keeping card size */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip{
  min-height:34px!important;
  padding:0 12px!important;
  font-size:11px!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-icon-circle,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-more-menu>summary{
  width:40px!important;
  height:40px!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-name-line h3{
  font-size:22px!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-basic-line,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-career-line{
  font-size:12px!important;
  line-height:1.25!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip{
  min-height:34px!important;
  padding:0 13px!important;
  font-size:12px!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-score{
  padding:8px 11px!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-score b{font-size:14px!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-score small{font-size:9px!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-tier-diamond{
  width:30px!important;height:30px!important;flex-basis:30px!important;font-size:15px!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-name-verified{
  width:24px!important;height:24px!important;flex-basis:24px!important;
}

/* Keep action buttons perfectly aligned in one row */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-actions{
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:10px!important;
  align-items:end!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-actions form,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-actions > *{
  align-self:end!important;
  margin:0!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-super-form,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-interest-form{
  display:block!important;
  margin:0!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-super-btn,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn.is-sent{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:50px!important;
  padding:0 8px!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-super-btn{position:relative;top:0!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn.is-sent{position:relative;top:0!important}

/* Keep bottom content compact to free space */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-content{
  padding:0 16px 14px!important;
  gap:6px!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-score{
  bottom:138px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-card-score{
  bottom:138px!important;
}

/* =====================================================================
   Batch 34 — daily card parity, stronger white chips, sidebar readability,
   section spacing, and full-width topbar.
   ===================================================================== */

/* Make topbar extend fully to the end; remove empty upper gap above chat rail */
body.ms-app .ms-topbar{
  right:0!important;
}

/* Make left menu text more visible */
body.ms-app .ms-sidebar .ms-nav a{
  min-height:50px!important;
  gap:12px!important;
}
body.ms-app .ms-sidebar .ms-nav a span,
body.ms-app .ms-sidebar .ms-nav a b{
  font-size:18px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  color:#fff4f7!important;
  text-shadow:0 1px 0 rgba(0,0,0,.15)!important;
}
body.ms-app .ms-sidebar .ms-nav a.active span,
body.ms-app .ms-sidebar .ms-nav a.active b,
body.ms-app .ms-sidebar .ms-nav a:hover span,
body.ms-app .ms-sidebar .ms-nav a:hover b{
  color:#fff!important;
}
body.ms-app .ms-sidebar .ms-nav a .ms-icon{
  width:20px!important;
  height:20px!important;
}
body.ms-app .ms-sidebar .ms-nav-section{
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  color:#ffdccf!important;
}

/* Give clear vertical space between Daily Matches and Recommended */
body.ms-app .ms-daily-panel{
  margin-bottom:32px!important;
}
body.ms-app .ms-recommended-panel,
body.ms-app .ms-dashboard-section + .ms-dashboard-section{
  margin-top:0!important;
}

/* White top chips should be less transparent so text is easier to read */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-more-menu>summary,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip{
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(255,255,255,.56)!important;
  color:#20181a!important;
  box-shadow:0 8px 20px rgba(10,6,8,.14)!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-more-menu>summary svg,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip svg{
  color:#20181a!important;
  stroke:currentColor!important;
}

/* Daily cards should match the larger Recommended / Matches card look */
body.ms-app .ms-main .ms-daily-panel .ms-horizontal-cards{
  gap:24px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact{
  flex:0 0 356px!important;
  width:356px!important;
  min-width:356px!important;
  min-height:590px!important;
  height:590px!important;
  border-radius:22px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-card-cover-gradient{
  height:58%!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-card-top-left{
  top:18px!important;left:18px!important;right:78px!important;gap:10px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-card-tools{
  top:18px!important;right:18px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-status-chip{
  min-height:34px!important;
  padding:0 12px!important;
  font-size:11px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-icon-circle,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-more-menu>summary{
  width:40px!important;height:40px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-card-photo-request-form,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-photo-state:not(.is-privacy){
  top:102px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-card-score{
  bottom:138px!important;
  left:18px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-card-content{
  padding:0 16px 14px!important;
  gap:6px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-name-line h3{
  font-size:22px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-basic-line,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-career-line{
  font-size:12px!important;
  line-height:1.25!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-match-chip{
  min-height:34px!important;
  padding:0 13px!important;
  font-size:12px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-card-actions{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:10px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-super-btn,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-interest-btn,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-interest-btn.is-sent{
  min-height:50px!important;
  font-size:14px!important;
  padding:0 8px!important;
}

/* Keep responsive widths sensible */
@media (max-width:1480px) and (min-width:981px){
  body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact{
    flex-basis:330px!important;width:330px!important;min-width:330px!important;
  }
}


/* =====================================================================
   Batch 35 — Sidebar menu typography refinement
   Smaller, lighter labels so long items fit cleanly without wrapping.
   ===================================================================== */
body.ms-app .ms-sidebar .ms-nav a{
  min-height:47px!important;
  gap:11px!important;
}

body.ms-app .ms-sidebar .ms-nav a span,
body.ms-app .ms-sidebar .ms-nav a b{
  font-size:15px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  line-height:1.18!important;
  color:#fff4f7!important;
  text-shadow:none!important;
}

body.ms-app .ms-sidebar .ms-nav a .ms-icon{
  width:18px!important;
  height:18px!important;
}

body.ms-app .ms-sidebar .ms-nav-section{
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.09em!important;
}

body.ms-app .ms-sidebar .ms-nav a.active span,
body.ms-app .ms-sidebar .ms-nav a.active b{
  font-weight:650!important;
}

/* Long menu labels should stay compact and readable */
body.ms-app .ms-sidebar .ms-nav a span{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* =====================================================================
   Batch 36 — remove duplicate page headings + compact Matches toolbar
   ===================================================================== */
body.ms-app .ms-page-head.ms-page-head--actions-only{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  min-height:auto!important;
  margin:0 0 16px!important;
  padding:0!important;
}
body.ms-app .ms-page-head.ms-page-head--actions-only>div{display:none!important}

/* Matches: tabs and Filter action live on one row; no left filter/search card. */
body.ms-app .ms-match-tabs-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  margin:0 0 22px!important;
}
body.ms-app .ms-match-tabs-row .ms-tabs--matches{
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
body.ms-app .ms-match-tabs-row .ms-tabs--matches::-webkit-scrollbar{display:none!important}
body.ms-app .ms-match-filter-btn{
  flex:0 0 auto!important;
  min-height:42px!important;
  padding:0 15px!important;
  border-radius:12px!important;
  border:1px solid #dcc9cf!important;
  background:#fff!important;
  color:var(--wine)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-family:var(--sans)!important;
  font-size:13px!important;
  font-weight:750!important;
  text-decoration:none!important;
  box-shadow:0 7px 18px rgba(61,20,34,.07)!important;
}
body.ms-app .ms-match-filter-btn:hover{background:#fff7f8!important;border-color:#cda8b5!important}
body.ms-app .ms-match-filter-btn .ms-icon{width:16px!important;height:16px!important}
body.ms-app .ms-match-results-only{width:100%!important}
body.ms-app .ms-match-results-only .ms-profile-grid{width:100%!important}

/* Old two-column match layout should no longer reserve filter-card width. */
body.ms-app .ms-match-layout{display:block!important;grid-template-columns:none!important}
body.ms-app .ms-match-layout>.ms-filter-card{display:none!important}

@media(max-width:760px){
  body.ms-app .ms-match-tabs-row{align-items:stretch!important;gap:8px!important}
  body.ms-app .ms-match-filter-btn{min-height:40px!important;padding:0 12px!important}
  body.ms-app .ms-match-filter-btn span{display:none!important}
}

/* =====================================================================
   Batch 37 — Search active-state + card menu stacking fix
   ===================================================================== */
/* When the 3-dot menu is open it must sit above Request Photo/privacy pills. */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-tools{
  z-index:40!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-more-menu{
  position:relative!important;
  z-index:41!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-more-menu[open]{
  z-index:80!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-more-menu[open] > summary{
  position:relative!important;
  z-index:82!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-more-popover{
  z-index:90!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-photo-request-form,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-photo-state{
  z-index:12!important;
}

/* =====================================================================
   Batch 38 — polished Matches Filter button on same row as tabs
   ===================================================================== */
body.ms-app .ms-match-tabs-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:14px!important;
  row-gap:0!important;
  width:100%!important;
}
body.ms-app .ms-match-tabs-row .ms-tabs--matches{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  width:100%!important;
}
body.ms-app .ms-match-filter-btn{
  align-self:center!important;
  justify-self:end!important;
  position:relative!important;
  top:0!important;
  margin:0!important;
  min-height:46px!important;
  padding:0 18px!important;
  border-radius:15px!important;
  border:1px solid #d8b579!important;
  background:linear-gradient(180deg,#fff7db 0%, #f4d98f 48%, #e2b654 100%)!important;
  color:#5a3e07!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-family:var(--sans)!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 7px 0 rgba(121,80,10,.22), 0 16px 24px rgba(65,28,8,.12)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
body.ms-app .ms-match-filter-btn::before{
  content:""!important;
  position:absolute!important;
  left:10%!important;
  right:10%!important;
  top:2px!important;
  height:46%!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}
body.ms-app .ms-match-filter-btn:hover{
  background:linear-gradient(180deg,#fff9e6 0%, #f6dfa0 48%, #e5ba60 100%)!important;
  border-color:#c69b3d!important;
  color:#4c3406!important;
  transform:translateY(1px)!important;
  box-shadow:0 5px 0 rgba(121,80,10,.22), 0 13px 20px rgba(65,28,8,.10)!important;
}
body.ms-app .ms-match-filter-btn .ms-icon{
  width:17px!important;
  height:17px!important;
  color:currentColor!important;
  stroke:currentColor!important;
}
@media(max-width:760px){
  body.ms-app .ms-match-tabs-row{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
  }
  body.ms-app .ms-match-filter-btn{
    min-height:42px!important;
    padding:0 14px!important;
    border-radius:13px!important;
    font-size:13px!important;
  }
}


/* =====================================================================
   Batch 39 — sidebar collapse/expand control redesign
   ===================================================================== */

/* Move the sidebar toggle away from the logo and give it an explicit
   expand/shrink visual instead of a generic menu/hamburger feel. */
body.ms-app .ms-sidebar-head{
  position:relative!important;
  padding-top:0!important;
}

body.ms-app .ms-sidebar-toggle{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 8px 18px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(8px)!important;
  z-index:5!important;
}

body.ms-app .ms-sidebar-toggle:hover{
  background:rgba(255,255,255,.20)!important;
}

/* Hide the old hamburger glyph and draw a clear collapse icon. */
body.ms-app .ms-sidebar-toggle .ms-icon{
  display:none!important;
}

body.ms-app .ms-sidebar-toggle::before{
  content:"‹‹"!important;
  font-family:Arial,sans-serif!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:-3px!important;
  transform:translateX(-1px)!important;
}

/* Collapsed state: place the control in a dedicated top slot and show
   an expand icon. It must not overlap the logo or any nav icon. */
body.ms-sidebar-collapsed .ms-sidebar-head{
  min-height:72px!important;
  padding-top:0!important;
  display:block!important;
}

body.ms-sidebar-collapsed .ms-sidebar-head .ms-brand--side{
  display:none!important;
}

body.ms-sidebar-collapsed .ms-sidebar-toggle{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  margin:0 auto 14px!important;
  width:38px!important;
  height:38px!important;
  background:#fff!important;
  color:var(--wine)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 7px 16px rgba(48,14,27,.16)!important;
}

body.ms-sidebar-collapsed .ms-sidebar-toggle::before{
  content:"››"!important;
  letter-spacing:-3px!important;
  transform:translateX(1px)!important;
}

/* Ensure first navigation icon begins below the expand control. */
body.ms-sidebar-collapsed .ms-nav--primary{
  margin-top:4px!important;
}

body.ms-sidebar-collapsed .ms-nav--primary a{
  min-height:48px!important;
}


/* =====================================================================
   Batch 40 — Profile Detail portrait enlargement + layout reflow
   ===================================================================== */

/* Give the portrait its own generous column and keep the right-side content
   completely clear of the image. */
body.ms-app .ms-detail-layout.ms-detail-layout-v2{
  display:grid!important;
  grid-template-columns:minmax(420px,480px) minmax(0,1fr)!important;
  column-gap:28px!important;
  row-gap:24px!important;
  align-items:start!important;
  width:100%!important;
}

/* Taller portrait image, closer to the Android profile-detail emphasis. */
body.ms-app .ms-detail-layout-v2 .ms-detail-photo-card{
  position:sticky!important;
  top:92px!important;
  width:100%!important;
  max-width:none!important;
  align-self:start!important;
  z-index:2!important;
}

body.ms-app .ms-detail-layout-v2 .ms-detail-photo{
  position:relative!important;
  width:100%!important;
  height:690px!important;
  min-height:690px!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border-radius:22px!important;
  box-shadow:0 18px 40px rgba(54,20,31,.14)!important;
}

body.ms-app .ms-detail-layout-v2 .ms-detail-photo>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
}

/* Keep photo badges inside the enlarged portrait. */
body.ms-app .ms-detail-layout-v2 .ms-detail-photo .ms-online{
  top:14px!important;
  right:14px!important;
}

body.ms-app .ms-detail-layout-v2 .ms-detail-photo>em{
  left:14px!important;
  bottom:14px!important;
}

body.ms-app .ms-detail-layout-v2 .ms-detail-photo>b{
  right:14px!important;
  bottom:14px!important;
}

/* Right column becomes a clean stacked information area. */
body.ms-app .ms-detail-layout-v2 .ms-detail-main{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
  min-width:0!important;
  position:relative!important;
  z-index:1!important;
}

body.ms-app .ms-detail-layout-v2 .ms-detail-title{
  margin:0!important;
  padding:20px 22px!important;
  min-height:auto!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:#fffaf5!important;
  box-shadow:0 10px 26px rgba(58,20,33,.06)!important;
}

body.ms-app .ms-detail-layout-v2 .ms-detail-title h1{
  margin:0 0 5px!important;
  font-size:34px!important;
  line-height:1.08!important;
}

body.ms-app .ms-detail-layout-v2 .ms-detail-title p{
  margin:0!important;
  font-size:14px!important;
  line-height:1.4!important;
}

/* Primary actions: balanced row directly below profile identity. */
body.ms-app .ms-detail-layout-v2 .ms-detail-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
}

body.ms-app .ms-detail-layout-v2 .ms-detail-actions form{
  margin:0!important;
  min-width:0!important;
}

body.ms-app .ms-detail-layout-v2 .ms-detail-actions .ms-btn,
body.ms-app .ms-detail-layout-v2 .ms-detail-actions form .ms-btn{
  width:100%!important;
  min-height:48px!important;
  padding:0 12px!important;
  justify-content:center!important;
  white-space:nowrap!important;
}

/* Details become a neat 4-column block with uniform sizing. */
body.ms-app .ms-detail-layout-v2 .ms-info-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
}

body.ms-app .ms-detail-layout-v2 .ms-info-grid>span{
  min-height:88px!important;
  padding:14px!important;
  border-radius:15px!important;
}

/* Utility actions line up evenly below details. */
body.ms-app .ms-detail-layout-v2 .ms-detail-utility-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
}

body.ms-app .ms-detail-layout-v2 .ms-detail-utility-row>*{
  min-width:0!important;
  margin:0!important;
}

body.ms-app .ms-detail-layout-v2 .ms-detail-utility-row .ms-btn{
  width:100%!important;
  min-height:46px!important;
  justify-content:center!important;
}

/* Tabs stay directly above the information panel and fill the right column. */
body.ms-app .ms-detail-layout-v2 .ms-detail-tabs{
  width:100%!important;
  margin:2px 0 0!important;
  padding:7px!important;
  gap:6px!important;
  display:flex!important;
  flex-wrap:wrap!important;
}

body.ms-app .ms-detail-layout-v2 .ms-tab-panel{
  margin:0!important;
  min-height:126px!important;
}

/* Support blocks sit below both columns instead of competing with the portrait. */
body.ms-app .ms-detail-layout-v2 .ms-detail-support-grid{
  grid-column:1 / -1!important;
  margin-top:8px!important;
}

/* Responsive behavior. */
@media (max-width:1280px){
  body.ms-app .ms-detail-layout.ms-detail-layout-v2{
    grid-template-columns:minmax(360px,420px) minmax(0,1fr)!important;
    gap:22px!important;
  }
  body.ms-app .ms-detail-layout-v2 .ms-detail-photo{
    height:620px!important;
    min-height:620px!important;
  }
  body.ms-app .ms-detail-layout-v2 .ms-detail-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.ms-app .ms-detail-layout-v2 .ms-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:980px){
  body.ms-app .ms-detail-layout.ms-detail-layout-v2{
    grid-template-columns:1fr!important;
  }
  body.ms-app .ms-detail-layout-v2 .ms-detail-photo-card{
    position:static!important;
    max-width:560px!important;
    width:100%!important;
    margin:0 auto!important;
  }
  body.ms-app .ms-detail-layout-v2 .ms-detail-photo{
    height:min(760px,115vw)!important;
    min-height:520px!important;
  }
}

@media (max-width:620px){
  body.ms-app .ms-detail-layout-v2 .ms-detail-actions,
  body.ms-app .ms-detail-layout-v2 .ms-info-grid,
  body.ms-app .ms-detail-layout-v2 .ms-detail-utility-row{
    grid-template-columns:1fr 1fr!important;
  }
  body.ms-app .ms-detail-layout-v2 .ms-detail-title h1{
    font-size:29px!important;
  }
}


/* =====================================================================
   Batch 42 — sticky profile portrait + readable small typography
   ===================================================================== */

/* Ensure the Profile Detail portrait genuinely follows scroll on desktop. */
body.ms-app .ms-main,
body.ms-app .ms-detail-layout,
body.ms-app .ms-detail-layout-v2{
  overflow:visible!important;
}

@media (min-width:981px){
  body.ms-app .ms-detail-layout-v2 .ms-detail-photo-card{
    position:sticky!important;
    top:88px!important;
    align-self:start!important;
    height:max-content!important;
    overflow:visible!important;
    z-index:4!important;
  }

  /* Keep the portrait inside the usable viewport so sticky motion is visible. */
  body.ms-app .ms-detail-layout-v2 .ms-detail-photo{
    height:clamp(590px,calc(100vh - 112px),760px)!important;
    min-height:590px!important;
    max-height:760px!important;
  }
}

/* Mobile/tablet remains normal document flow. */
@media (max-width:980px){
  body.ms-app .ms-detail-layout-v2 .ms-detail-photo-card{
    position:static!important;
    top:auto!important;
  }
}

/* ---------------------------------------------------------------------
   Small text should not be heavy/bold.
   Preserve stronger weight for headings and main actions; soften only
   compact labels, metadata, helper copy, dates, chips and secondary text.
   --------------------------------------------------------------------- */
body.ms-app small,
body.ms-app .ms-page-head p,
body.ms-app .ms-section-title p,
body.ms-app .ms-profile-completion-copy small,
body.ms-app .ms-dashboard-kpis small,
body.ms-app .ms-sidebar .ms-nav-section,
body.ms-app .ms-sidebar-card small,
body.ms-app .ms-sidebar-profile-card small,
body.ms-app .ms-top-context small,
body.ms-app .ms-rail-person small,
body.ms-app .ms-chat-thread small,
body.ms-app .ms-message-meta,
body.ms-app .ms-profile-card .ms-android-basic-line,
body.ms-app .ms-profile-card .ms-android-career-line,
body.ms-app .ms-interest-main p span,
body.ms-app .ms-panel-subtitle,
body.ms-app .ms-detail-title p,
body.ms-app .ms-info-grid small,
body.ms-app .ms-tab-detail-grid span,
body.ms-app .ms-membership-tool-grid small,
body.ms-app .ms-settings-card small,
body.ms-app .ms-pref-card small,
body.ms-app .ms-privacy-card small{
  font-weight:500!important;
}

/* Compact chips/badges stay readable without looking overly bold. */
body.ms-app .ms-android-status-chip,
body.ms-app .ms-android-match-chip,
body.ms-app .ms-status-pill,
body.ms-app .ms-match-badge,
body.ms-app .ms-online,
body.ms-app .ms-premium-badge,
body.ms-app .ms-card-online,
body.ms-app .ms-card-score small{
  font-weight:600!important;
}

/* Small tab/link labels: medium weight instead of extra-bold. */
body.ms-app .ms-tabs a,
body.ms-app .ms-detail-tabs button,
body.ms-app .ms-detail-tabs a,
body.ms-app .ms-section-title a,
body.ms-app .ms-back-link{
  font-weight:600!important;
}

/* Keep key titles and primary calls-to-action visually strong. */
body.ms-app h1,
body.ms-app h2,
body.ms-app h3,
body.ms-app .ms-detail-title h1,
body.ms-app .ms-btn-primary,
body.ms-app .ms-android-interest-btn,
body.ms-app .ms-android-super-btn{
  font-weight:700!important;
}

/* =====================================================================
   Batch 43 — collapsed sidebar cleanup + proper expand/collapse icon
   ===================================================================== */

/* Real panel-collapse icon; remove prior pseudo-chevron / hamburger layers. */
body.ms-app .ms-sidebar-toggle::before,
body.ms-app .ms-sidebar-toggle::after{
  content:none!important;
  display:none!important;
}
body.ms-app .ms-sidebar-toggle .ms-icon{display:none!important}
body.ms-app .ms-sidebar-toggle .ms-sidebar-toggle-icon{
  display:block!important;
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transition:transform .18s ease!important;
}
body.ms-app .ms-sidebar-toggle .ms-sidebar-toggle-panel{stroke-width:1.6!important}
body.ms-app .ms-sidebar-toggle .ms-sidebar-toggle-divider{opacity:.75!important}
body.ms-app .ms-sidebar-toggle .ms-sidebar-toggle-chevron{stroke-width:2!important}
body.ms-sidebar-collapsed .ms-sidebar-toggle .ms-sidebar-toggle-icon{
  transform:rotate(180deg)!important;
}

/* Expanded: compact control beside the brand, never over the app icon. */
body.ms-app:not(.ms-sidebar-collapsed) .ms-sidebar-toggle{
  top:8px!important;
  right:8px!important;
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#fff!important;
}

/* Collapsed: dedicated top button. No logo/cards compete for the same space. */
body.ms-sidebar-collapsed .ms-sidebar-head{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:62px!important;
  margin:0 0 10px!important;
  padding:0!important;
}
body.ms-sidebar-collapsed .ms-sidebar-head .ms-brand--side,
body.ms-sidebar-collapsed .ms-brand-copy,
body.ms-sidebar-collapsed .ms-logo-mark{
  display:none!important;
}
body.ms-sidebar-collapsed .ms-sidebar-toggle{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#710d2e!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 8px 20px rgba(37,8,20,.20)!important;
}

/* Hide ALL bottom promotional/profile UI while sidebar is collapsed. */
body.ms-sidebar-collapsed .ms-sidebar-profile-card,
body.ms-sidebar-collapsed .ms-sidebar-card,
body.ms-sidebar-collapsed .ms-sidebar-quick,
body.ms-sidebar-collapsed .ms-sidebar-shortcuts{
  display:none!important;
}

/* Clean, consistent nav icon sizing. */
body.ms-app .ms-nav--primary a .ms-icon{
  width:19px!important;
  height:19px!important;
  stroke:currentColor!important;
  overflow:visible!important;
}
body.ms-sidebar-collapsed .ms-nav--primary a{
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  margin:0 auto!important;
  padding:0!important;
  border-radius:13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.ms-sidebar-collapsed .ms-nav--primary a .ms-icon{
  width:20px!important;
  height:20px!important;
}

/* Membership deserves a visibly premium icon treatment. */
body.ms-app .ms-nav--primary a[data-nav-label="Membership"] .ms-icon{
  color:#f3c957!important;
}
body.ms-app .ms-nav--primary a[data-nav-label="Membership"]{
  position:relative!important;
}
body.ms-sidebar-collapsed .ms-nav--primary a[data-nav-label="Membership"]{
  background:rgba(243,201,87,.08)!important;
  border:1px solid rgba(243,201,87,.18)!important;
}
body.ms-sidebar-collapsed .ms-nav--primary a[data-nav-label="Membership"] .ms-icon{
  width:22px!important;
  height:22px!important;
  filter:drop-shadow(0 2px 4px rgba(243,201,87,.18))!important;
}
body.ms-app .ms-nav--primary a[data-nav-label="Membership"].active{
  box-shadow:inset 3px 0 0 #f3c957!important;
}

/* Keep collapsed sidebar vertically clean after promotional blocks disappear. */
body.ms-sidebar-collapsed .ms-nav--primary{
  margin-top:0!important;
  gap:7px!important;
}
body.ms-sidebar-collapsed .ms-sidebar{
  overflow-y:auto!important;
  overflow-x:hidden!important;
}


/* =====================================================================
   Batch 44 — Disable sticky/moving Profile Detail portrait
   The profile image must scroll normally with the page and must NOT
   follow the viewport.
   ===================================================================== */
body.ms-app .ms-detail-layout-v2 .ms-detail-photo-card,
body.ms-app .ms-detail-layout .ms-detail-photo-card,
body.ms-app .ms-detail-photo-card{
  position:static!important;
  top:auto!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  align-self:start!important;
  transform:none!important;
}

/* Remove any sticky-container behavior introduced by earlier batches. */
body.ms-app .ms-detail-layout-v2{
  align-items:start!important;
}

/* Keep the enlarged portrait dimensions from the profile-detail redesign,
   but let it remain at its document position. */
@media (min-width:981px){
  body.ms-app .ms-detail-layout-v2 .ms-detail-photo-card{
    position:static!important;
    top:auto!important;
    height:auto!important;
    overflow:visible!important;
    z-index:auto!important;
  }
}


/* =====================================================================
   Batch 45 — Profile-detail labels, topbar identity, premium CTA polish
   ===================================================================== */

/* Profile Detail info-card titles and values */
body.ms-app .ms-detail-layout-v2 .ms-info-grid>span small{
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:0!important;
}

body.ms-app .ms-detail-layout-v2 .ms-info-grid>span b{
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.28!important;
}

/* Topbar Membership: larger, shiny, 3D gold button */
body.ms-app .ms-premium-chip{
  position:relative!important;
  min-height:48px!important;
  padding:0 18px!important;
  border-radius:15px!important;
  border:1px solid #d2a83c!important;
  background:linear-gradient(180deg,#fff8d7 0%,#f4d679 50%,#dca72c 100%)!important;
  color:#5b4107!important;
  box-shadow:
    0 6px 0 rgba(151,103,13,.28),
    0 13px 24px rgba(91,57,8,.14),
    inset 0 1px 0 rgba(255,255,255,.88)!important;
  overflow:hidden!important;
  gap:9px!important;
}

body.ms-app .ms-premium-chip::before{
  content:""!important;
  position:absolute!important;
  left:10%!important;
  right:10%!important;
  top:2px!important;
  height:44%!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}

body.ms-app .ms-premium-chip .ms-icon{
  width:19px!important;
  height:19px!important;
  color:#7b5608!important;
}

body.ms-app .ms-premium-chip span{
  position:relative!important;
  z-index:1!important;
  font-size:15px!important;
  font-weight:700!important;
  color:#5b4107!important;
}

body.ms-app .ms-premium-chip:hover{
  transform:translateY(1px)!important;
  box-shadow:
    0 4px 0 rgba(151,103,13,.28),
    0 10px 20px rgba(91,57,8,.12),
    inset 0 1px 0 rgba(255,255,255,.9)!important;
}

/* Topbar user/profile name */
body.ms-app .ms-user-menu summary span{
  font-size:15px!important;
  font-weight:650!important;
  line-height:1!important;
}

/* Keep avatar proportionate to the larger name */
body.ms-app .ms-user-menu summary img{
  width:36px!important;
  height:36px!important;
}

/* Sidebar toggle: clickable and visually clear */
body.ms-app .ms-sidebar-toggle{
  pointer-events:auto!important;
  cursor:pointer!important;
  z-index:50!important;
}

body.ms-app .ms-sidebar-toggle .ms-sidebar-toggle-icon{
  pointer-events:none!important;
  display:block!important;
}

/* Collapsed/expanded state should visually match actual state */
body.ms-app:not(.ms-sidebar-collapsed) .ms-sidebar-toggle .ms-sidebar-toggle-chevron{
  transform:none!important;
  transform-origin:center!important;
}

body.ms-sidebar-collapsed .ms-sidebar-toggle .ms-sidebar-toggle-chevron{
  transform:rotate(180deg)!important;
  transform-origin:center!important;
}


/* =====================================================================
   Batch 46 — Premium authenticated footer redesign
   ===================================================================== */
body.ms-app .ms-site-footer--app{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) auto!important;
  gap:18px 26px!important;
  align-items:center!important;
  margin-top:38px!important;
  padding:20px 22px 16px!important;
  border:1px solid #e8d7c7!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fffdf9 0%,#fff8ef 100%)!important;
  box-shadow:0 12px 30px rgba(58,24,35,.07)!important;
}

body.ms-app .ms-site-footer--app .ms-footer-brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}

body.ms-app .ms-site-footer--app .ms-footer-brand::before{
  content:""!important;
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  flex:0 0 34px!important;
  background:
    radial-gradient(circle at 35% 35%,#fff3b0 0 18%,transparent 19%),
    linear-gradient(145deg,#8a1239,#5d0825)!important;
  box-shadow:0 6px 14px rgba(92,8,37,.18)!important;
}

body.ms-app .ms-site-footer--app .ms-footer-brand b{
  font:700 18px/1.1 var(--serif)!important;
  color:#5f1230!important;
  letter-spacing:.01em!important;
}

body.ms-app .ms-site-footer--app nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

body.ms-app .ms-site-footer--app nav a{
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  border:1px solid #ead7cd!important;
  background:#fff!important;
  color:#6c2038!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 5px 12px rgba(59,24,35,.05)!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease!important;
}

body.ms-app .ms-site-footer--app nav a:hover{
  transform:translateY(-1px)!important;
  background:#fff5f7!important;
  border-color:#d9b3c0!important;
}

body.ms-app .ms-site-footer--app nav a .ms-icon{
  width:15px!important;
  height:15px!important;
  color:#9d244d!important;
}

body.ms-app .ms-site-footer--app .ms-footer-bottom{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding-top:13px!important;
  margin-top:0!important;
  border-top:1px solid #eee1d8!important;
  color:#7e6d73!important;
  font-size:11.5px!important;
  font-weight:500!important;
}

body.ms-app .ms-site-footer--app .ms-footer-bottom span{
  font-weight:500!important;
}

@media(max-width:900px){
  body.ms-app .ms-site-footer--app{
    grid-template-columns:1fr!important;
  }
  body.ms-app .ms-site-footer--app nav{
    justify-content:flex-start!important;
  }
}

@media(max-width:560px){
  body.ms-app .ms-site-footer--app{
    padding:18px 16px 14px!important;
    border-radius:16px!important;
  }
  body.ms-app .ms-site-footer--app nav{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
  body.ms-app .ms-site-footer--app nav a{
    width:100%!important;
  }
}


/* =====================================================================
   Batch 47 — Sidebar toggle + premium CTA polish
   ===================================================================== */

/* Expand / shrink control: clearer icon, glossy 3D surface */
body.ms-app .ms-sidebar-toggle{
  width:40px!important;
  height:40px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,225,154,.48)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.08) 52%,rgba(0,0,0,.08) 100%)!important;
  color:#ffe9a8!important;
  box-shadow:
    0 5px 0 rgba(57,3,23,.32),
    0 11px 20px rgba(35,0,13,.20),
    inset 0 1px 0 rgba(255,255,255,.34)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}

body.ms-app .ms-sidebar-toggle::before,
body.ms-app .ms-sidebar-toggle::after{
  content:none!important;
  display:none!important;
}

body.ms-app .ms-sidebar-toggle:hover{
  background:
    linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.13) 52%,rgba(0,0,0,.06) 100%)!important;
  transform:translateY(1px)!important;
  box-shadow:
    0 4px 0 rgba(57,3,23,.30),
    0 9px 17px rgba(35,0,13,.17),
    inset 0 1px 0 rgba(255,255,255,.40)!important;
}

body.ms-app .ms-sidebar-toggle:active{
  transform:translateY(3px)!important;
  box-shadow:
    0 2px 0 rgba(57,3,23,.28),
    0 6px 13px rgba(35,0,13,.15),
    inset 0 1px 0 rgba(255,255,255,.36)!important;
}

body.ms-app .ms-sidebar-toggle .ms-sidebar-toggle-icon{
  display:block!important;
  width:23px!important;
  height:23px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

body.ms-app .ms-sidebar-toggle .ms-sidebar-toggle-frame{
  stroke-width:1.55!important;
  opacity:.92!important;
}

body.ms-app .ms-sidebar-toggle .ms-sidebar-toggle-rail{
  stroke-width:1.5!important;
  opacity:.72!important;
}

body.ms-app .ms-sidebar-toggle .ms-sidebar-toggle-arrow{
  stroke-width:1.9!important;
}

/* Rotate only the directional arrows for the collapsed expand state. */
body.ms-sidebar-collapsed .ms-sidebar-toggle .ms-sidebar-toggle-arrow{
  transform:rotate(180deg)!important;
  transform-origin:15px 12px!important;
}

/* Collapsed button keeps the same 3D language but works on a light surface. */
body.ms-sidebar-collapsed .ms-sidebar-toggle{
  background:linear-gradient(180deg,#fff9df 0%,#f0ce73 55%,#d5a839 100%)!important;
  color:#6c4705!important;
  border-color:#d5ad50!important;
  box-shadow:
    0 5px 0 rgba(119,78,8,.24),
    0 10px 18px rgba(67,34,3,.14),
    inset 0 1px 0 rgba(255,255,255,.82)!important;
}

/* Bottom Premium block: real golden CTA, left aligned text */
body.ms-app .ms-sidebar-card{
  position:relative!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  column-gap:10px!important;
  row-gap:5px!important;
  padding:13px 12px!important;
  text-align:left!important;
  border:1px solid rgba(241,200,105,.42)!important;
  background:
    linear-gradient(145deg,rgba(255,231,154,.16),rgba(171,104,10,.14))!important;
  box-shadow:
    0 8px 18px rgba(35,0,13,.12),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}

body.ms-app .ms-sidebar-card>.ms-icon{
  grid-row:1 / 3!important;
  align-self:center!important;
  width:22px!important;
  height:22px!important;
  color:#ffd866!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.20))!important;
}

body.ms-app .ms-sidebar-card strong{
  margin:0!important;
  text-align:left!important;
  color:#fff0b3!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.15!important;
}

body.ms-app .ms-sidebar-card a{
  position:relative!important;
  grid-column:2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:36px!important;
  margin-top:2px!important;
  padding:0 12px!important;
  border:1px solid #d6a638!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#fff6c8 0%,#f0cf72 48%,#d9a62c 100%)!important;
  color:#5b3d04!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1!important;
  text-align:left!important;
  text-decoration:none!important;
  box-shadow:
    0 5px 0 rgba(117,74,6,.24),
    0 9px 16px rgba(46,19,1,.12),
    inset 0 1px 0 rgba(255,255,255,.82)!important;
  overflow:hidden!important;
}

body.ms-app .ms-sidebar-card a::before{
  content:""!important;
  position:absolute!important;
  left:10%!important;
  right:10%!important;
  top:2px!important;
  height:45%!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}

body.ms-app .ms-sidebar-card a:hover{
  transform:translateY(1px)!important;
  background:linear-gradient(180deg,#fff9da 0%,#f4d77f 48%,#dfae36 100%)!important;
  box-shadow:
    0 4px 0 rgba(117,74,6,.22),
    0 8px 14px rgba(46,19,1,.10),
    inset 0 1px 0 rgba(255,255,255,.86)!important;
}

/* Keep existing clean collapsed behavior */
body.ms-sidebar-collapsed .ms-sidebar-card,
body.ms-sidebar-collapsed .ms-sidebar-profile-card{
  display:none!important;
}


/* =====================================================================
   Batch 48 — Footer flush to true page bottom
   ===================================================================== */

/* The footer lives inside .ms-main. Make the main content fill the usable
   viewport and let the footer naturally sit at the bottom when a page is short. */
@media (min-width:981px){
  body.ms-app .ms-main{
    min-height:calc(100vh - var(--ms-topbar-premium))!important;
    padding-bottom:0!important;
    display:flex!important;
    flex-direction:column!important;
  }

  body.ms-app .ms-main > .ms-site-footer--app{
    margin-top:auto!important;
    margin-bottom:0!important;
    flex:0 0 auto!important;
  }
}

/* No extra space below the footer itself. */
body.ms-app .ms-site-footer--app{
  margin-bottom:0!important;
}

/* Mobile still needs clearance for the fixed bottom navigation. */
@media (max-width:980px){
  body.ms-app .ms-main{
    padding-bottom:86px!important;
  }
}


/* =====================================================================
   Batch 49 — inline View Profile + one-line overflow marquee
   ===================================================================== */
body.ms-app .ms-profile-completion-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:stretch!important;
  margin-bottom:22px!important;
}

body.ms-app .ms-profile-completion-row .ms-profile-completion-card{
  margin:0!important;
  min-width:0!important;
}

body.ms-app .ms-profile-view-inline{
  align-self:stretch!important;
  min-width:118px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:15px!important;
  white-space:nowrap!important;
}

body.ms-app .ms-profile-completion-copy{
  min-width:0!important;
  overflow:hidden!important;
}

body.ms-app .ms-profile-completion-marquee{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  position:relative!important;
}

body.ms-app .ms-profile-completion-marquee small{
  display:inline-block!important;
  min-width:max-content!important;
  white-space:nowrap!important;
  font-weight:500!important;
  line-height:1.35!important;
  will-change:transform!important;
}

body.ms-app .ms-profile-completion-marquee.is-overflowing small{
  animation:msProfileCompletionMarquee 8s linear infinite alternate!important;
}

body.ms-app .ms-profile-completion-marquee.is-overflowing:hover small{
  animation-play-state:paused!important;
}

@keyframes msProfileCompletionMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-1 * var(--ms-marquee-distance,0px)))}
}

@media(max-width:980px){
  body.ms-app .ms-profile-completion-row{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body.ms-app .ms-profile-view-inline{
    min-height:44px!important;
    justify-self:start!important;
    align-self:auto!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.ms-app .ms-profile-completion-marquee.is-overflowing small{
    animation:none!important;
  }
}


/* =====================================================================
   Batch 50 — Professional sidebar open/close control
   Proper panel icon states; no double chevrons, no pseudo-symbols.
   ===================================================================== */
body.ms-app .ms-sidebar-toggle{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  width:40px!important;
  height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:13px!important;
  background:transparent!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  z-index:60!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
}

body.ms-app .ms-sidebar-toggle::before,
body.ms-app .ms-sidebar-toggle::after{
  content:none!important;
  display:none!important;
}

body.ms-app .ms-sidebar-toggle-surface{
  position:relative!important;
  width:40px!important;
  height:40px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08))!important;
  color:#fff6dd!important;
  box-shadow:
    0 5px 0 rgba(55,4,23,.22),
    0 10px 18px rgba(27,0,10,.16),
    inset 0 1px 0 rgba(255,255,255,.25)!important;
  backdrop-filter:blur(9px)!important;
  transition:transform .15s ease,background .15s ease,box-shadow .15s ease!important;
}

body.ms-app .ms-sidebar-toggle:hover .ms-sidebar-toggle-surface{
  transform:translateY(-1px)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,.11))!important;
  box-shadow:
    0 6px 0 rgba(55,4,23,.20),
    0 12px 20px rgba(27,0,10,.17),
    inset 0 1px 0 rgba(255,255,255,.32)!important;
}

body.ms-app .ms-sidebar-toggle:active .ms-sidebar-toggle-surface{
  transform:translateY(2px)!important;
  box-shadow:
    0 2px 0 rgba(55,4,23,.20),
    0 6px 12px rgba(27,0,10,.14),
    inset 0 1px 0 rgba(255,255,255,.22)!important;
}

body.ms-app .ms-sidebar-toggle-state{
  position:absolute!important;
  inset:8px!important;
  width:24px!important;
  height:24px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transition:opacity .14s ease,transform .14s ease!important;
  pointer-events:none!important;
}

body.ms-app .ms-sidebar-toggle-state--collapse{
  opacity:1!important;
  transform:scale(1)!important;
}

body.ms-app .ms-sidebar-toggle-state--expand{
  opacity:0!important;
  transform:scale(.82)!important;
}

/* Collapsed state: a compact gold button in its own top slot. */
body.ms-sidebar-collapsed .ms-sidebar-head{
  display:block!important;
  min-height:62px!important;
  margin-bottom:10px!important;
}

body.ms-sidebar-collapsed .ms-sidebar-head .ms-brand--side{
  display:none!important;
}

body.ms-sidebar-collapsed .ms-sidebar-toggle{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  margin:0 auto!important;
}

body.ms-sidebar-collapsed .ms-sidebar-toggle-surface{
  border-color:#e1bb61!important;
  background:linear-gradient(180deg,#fff7d1 0%,#f2d174 52%,#d9a82e 100%)!important;
  color:#6b4708!important;
  box-shadow:
    0 5px 0 rgba(117,77,7,.23),
    0 10px 18px rgba(55,30,3,.14),
    inset 0 1px 0 rgba(255,255,255,.82)!important;
  backdrop-filter:none!important;
}

body.ms-sidebar-collapsed .ms-sidebar-toggle-state--collapse{
  opacity:0!important;
  transform:scale(.82)!important;
}

body.ms-sidebar-collapsed .ms-sidebar-toggle-state--expand{
  opacity:1!important;
  transform:scale(1)!important;
}

/* Never let the toggle overlap the logo or first navigation item. */
body.ms-app:not(.ms-sidebar-collapsed) .ms-sidebar-head{
  padding-right:48px!important;
}

body.ms-sidebar-collapsed .ms-nav--primary{
  margin-top:8px!important;
}

@media(max-width:980px){
  body.ms-app .ms-sidebar-toggle{display:none!important}
}

/* =====================================================================
   Batch 51 — Membership current-plan dashboard + standout pricing cards
   ===================================================================== */
body.ms-app .ms-membership-current-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr)!important;
  gap:22px!important;
  align-items:stretch!important;
}
body.ms-app .ms-current-plan-card{
  position:relative!important;
  overflow:hidden!important;
  padding:26px!important;
  border-radius:24px!important;
  border:1px solid #e8d7c7!important;
  background:linear-gradient(145deg,#fffdf8 0%,#fff8ee 100%)!important;
  box-shadow:0 18px 42px rgba(58,24,35,.10)!important;
  color:#2b2024!important;
}
body.ms-app .ms-current-plan-card.ms-plan-gold{
  border-color:#d8b04f!important;
  background:linear-gradient(145deg,#fff8d9 0%,#efd071 48%,#dba934 100%)!important;
  box-shadow:0 18px 42px rgba(133,91,12,.18)!important,inset 0 1px 0 rgba(255,255,255,.82)!important;
}
body.ms-app .ms-current-plan-card.ms-plan-platinum{
  border-color:#abc9d7!important;
  background:linear-gradient(145deg,#f9fdff 0%,#dcecf4 48%,#b6d4e2 100%)!important;
  box-shadow:0 18px 42px rgba(61,103,126,.16)!important,inset 0 1px 0 rgba(255,255,255,.88)!important;
}
body.ms-app .ms-current-plan-card.ms-plan-premium{
  border-color:#d9b85e!important;
  background:linear-gradient(145deg,#fff9df,#f4df9f)!important;
}
body.ms-app .ms-current-plan-top{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:16px!important;align-items:start!important}
body.ms-app .ms-current-plan-icon{width:54px!important;height:54px!important;border-radius:17px!important;display:grid!important;place-items:center!important;background:#7e1238!important;color:#ffe39a!important;box-shadow:0 8px 18px rgba(89,10,38,.18)!important}
body.ms-app .ms-current-plan-icon .ms-icon{width:25px!important;height:25px!important}
body.ms-app .ms-current-plan-eyebrow{font-size:11px!important;font-weight:700!important;letter-spacing:.12em!important;color:#8a5a18!important}
body.ms-app .ms-current-plan-top h2{margin:4px 0 6px!important;font-size:32px!important;line-height:1.05!important;color:#5f1230!important}
body.ms-app .ms-current-plan-top p{margin:0!important;max-width:720px!important;font-size:14px!important;font-weight:500!important;line-height:1.45!important;color:#5e5054!important}
body.ms-app .ms-current-plan-status{min-height:34px!important;padding:0 13px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;font-size:12px!important;font-weight:700!important;background:#f2e7ea!important;color:#704251!important}
body.ms-app .ms-current-plan-status.is-active{background:#e8f6ed!important;color:#17653d!important}
body.ms-app .ms-current-plan-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:22px!important}
body.ms-app .ms-current-plan-stats span{padding:14px 16px!important;border-radius:15px!important;background:rgba(255,255,255,.58)!important;border:1px solid rgba(255,255,255,.66)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important}
body.ms-app .ms-current-plan-stats small{display:block!important;margin-bottom:4px!important;font-size:11px!important;font-weight:500!important;color:#775d65!important}
body.ms-app .ms-current-plan-stats b{font-size:15px!important;font-weight:700!important;color:#3e232d!important}
body.ms-app .ms-current-plan-benefits{margin-top:20px!important;padding-top:18px!important;border-top:1px solid rgba(109,72,84,.14)!important}
body.ms-app .ms-current-plan-benefits h3{margin:0 0 12px!important;font-size:18px!important;color:#5f1230!important}
body.ms-app .ms-current-plan-benefit-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 14px!important}
body.ms-app .ms-current-plan-benefit-grid span{display:flex!important;align-items:flex-start!important;gap:8px!important;font-size:13px!important;font-weight:500!important;color:#432d34!important}
body.ms-app .ms-current-plan-benefit-grid .ms-icon{width:16px!important;height:16px!important;flex:0 0 16px!important;color:#9c3154!important;margin-top:1px!important}
body.ms-app .ms-current-plan-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:22px!important}
body.ms-app .ms-membership-actions--compact{padding:20px!important;display:grid!important;gap:10px!important;align-content:start!important}
body.ms-app .ms-membership-actions--compact h3{margin:0 0 4px!important;font-size:20px!important}
body.ms-app .ms-membership-actions--compact>a{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:12px 13px!important;border:1px solid #eadbd1!important;border-radius:14px!important;background:#fffdf9!important;text-decoration:none!important;color:#5f1230!important;box-shadow:0 6px 14px rgba(58,24,35,.04)!important}
body.ms-app .ms-membership-actions--compact>a .ms-icon{width:19px!important;height:19px!important;color:#b17a19!important}
body.ms-app .ms-membership-actions--compact>a span{display:grid!important;gap:2px!important}
body.ms-app .ms-membership-actions--compact>a b{font-size:13px!important;font-weight:700!important}
body.ms-app .ms-membership-actions--compact>a small{font-size:11px!important;font-weight:500!important;color:#807077!important}
body.ms-app .ms-current-benefits-table{margin-top:22px!important}

/* Plans page: pricing cards are the hero; supporting UI is deliberately quieter. */
body.ms-app .ms-premium-top-actions{display:flex!important;justify-content:flex-end!important;gap:9px!important;flex-wrap:wrap!important;margin:0 0 16px!important}
body.ms-app .ms-premium-top-actions a{min-height:38px!important;padding:0 13px!important;border:1px solid #e5d8d0!important;border-radius:12px!important;background:#fffdf9!important;color:#6d1736!important;display:inline-flex!important;align-items:center!important;text-decoration:none!important;font-size:12px!important;font-weight:600!important;box-shadow:0 5px 12px rgba(58,24,35,.04)!important}
body.ms-app .ms-premium-top-actions a.active{background:#8c143d!important;color:#fff!important;border-color:#8c143d!important}
body.ms-app .ms-premium-intro-strip{display:flex!important;justify-content:space-between!important;gap:18px!important;align-items:center!important;padding:14px 17px!important;margin-bottom:20px!important;border:1px solid #eadfd7!important;border-radius:16px!important;background:#fffdf9!important;color:#5b4b50!important}
body.ms-app .ms-premium-intro-strip>div{display:grid!important;gap:3px!important}
body.ms-app .ms-premium-intro-strip b{font-size:14px!important;color:#5f1230!important}
body.ms-app .ms-premium-intro-strip span{font-size:12px!important;font-weight:500!important}
body.ms-app .ms-premium-intro-strip>a{font-size:12px!important;font-weight:600!important;color:#8d143f!important;white-space:nowrap!important}
body.ms-app .ms-pricing-grid.ms-pricing-grid--hero{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important;margin-bottom:24px!important}
body.ms-app .ms-pricing-grid--hero .ms-price-card{position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:590px!important;padding:28px 24px 22px!important;border-radius:24px!important;transform:none!important;transition:transform .18s ease,box-shadow .18s ease!important}
body.ms-app .ms-pricing-grid--hero .ms-price-card:hover{transform:translateY(-4px)!important}
body.ms-app .ms-price-card--free{background:linear-gradient(145deg,#fffefe,#f3eee9)!important;border:1px solid #dacfc7!important;box-shadow:0 16px 34px rgba(61,42,46,.10)!important,inset 0 1px 0 rgba(255,255,255,.95)!important}
body.ms-app .ms-price-card--gold{background:linear-gradient(145deg,#fff9df 0%,#f2d16f 54%,#d9a52d 100%)!important;border:1px solid #d2a038!important;box-shadow:0 19px 40px rgba(138,93,10,.20)!important,inset 0 1px 0 rgba(255,255,255,.88)!important}
body.ms-app .ms-price-card--platinum{background:linear-gradient(145deg,#fbfeff 0%,#dcecf4 54%,#aecddc 100%)!important;border:1px solid #9cbfce!important;box-shadow:0 19px 40px rgba(55,98,119,.20)!important,inset 0 1px 0 rgba(255,255,255,.92)!important}
body.ms-app .ms-price-card.is-current{outline:3px solid rgba(126,18,56,.18)!important;outline-offset:3px!important}
body.ms-app .ms-price-card-head>span{font-size:11px!important;font-weight:800!important;letter-spacing:.14em!important;color:#6c4c13!important}
body.ms-app .ms-price-card-head h2{margin:5px 0 5px!important;font-size:34px!important;line-height:1!important;color:#611333!important}
body.ms-app .ms-price-card-head p{margin:0!important;min-height:42px!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important;color:#493b40!important}
body.ms-app .ms-plan-price{display:block!important;margin:22px 0 18px!important;font:800 34px/1.05 var(--serif)!important;color:#701037!important}
body.ms-app .ms-plan-price small{font-size:17px!important;font-weight:500!important}
body.ms-app .ms-plan-benefits{list-style:none!important;margin:0 0 22px!important;padding:0!important;display:grid!important;gap:11px!important}
body.ms-app .ms-plan-benefits li{position:relative!important;padding-left:25px!important;font-size:13.5px!important;font-weight:600!important;line-height:1.35!important;color:#372a2f!important}
body.ms-app .ms-plan-benefits li::before{content:'✓'!important;position:absolute!important;left:0!important;top:-1px!important;width:18px!important;height:18px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.62)!important;color:#7d153a!important;font-size:11px!important;font-weight:900!important}
body.ms-app .ms-price-card form{margin-top:auto!important}
body.ms-app .ms-plan-buy-btn{position:relative!important;width:100%!important;min-height:52px!important;border:1px solid rgba(111,16,53,.48)!important;border-radius:15px!important;background:linear-gradient(180deg,#d32861,#9a0b3d)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;box-shadow:0 7px 0 rgba(89,8,39,.24),0 14px 24px rgba(64,13,31,.15),inset 0 1px 0 rgba(255,255,255,.30)!important;cursor:pointer!important;overflow:hidden!important}
body.ms-app .ms-price-card--gold .ms-plan-buy-btn{background:linear-gradient(180deg,#7b1739,#561027)!important;border-color:#5a102a!important}
body.ms-app .ms-price-card--platinum .ms-plan-buy-btn{background:linear-gradient(180deg,#3f7898,#24536d)!important;border-color:#275a76!important}
body.ms-app .ms-plan-buy-btn::before{content:''!important;position:absolute!important;left:10%!important;right:10%!important;top:2px!important;height:43%!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0))!important}
body.ms-app .ms-plan-current,body.ms-app .ms-plan-muted{margin-top:auto!important;min-height:48px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:700!important}
body.ms-app .ms-plan-current{background:rgba(255,255,255,.75)!important;border:1px solid rgba(118,81,92,.18)!important;color:#6d1736!important}
body.ms-app .ms-plan-muted{color:#76686d!important;border:1px dashed rgba(113,81,92,.22)!important}
body.ms-app .ms-plan-ribbon{position:absolute!important;top:18px!important;right:-38px!important;width:150px!important;transform:rotate(35deg)!important;padding:7px 0!important;text-align:center!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important;background:rgba(95,18,48,.92)!important;color:#fff6d1!important;box-shadow:0 5px 12px rgba(65,12,31,.15)!important}
body.ms-app .ms-premium-secondary-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:0 0 22px!important}
body.ms-app .ms-premium-secondary-grid article{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:4px 10px!important;padding:15px 16px!important;border:1px solid #eadfd8!important;border-radius:15px!important;background:#fffdfb!important;color:#725b63!important;box-shadow:0 6px 15px rgba(58,24,35,.04)!important}
body.ms-app .ms-premium-secondary-grid .ms-icon{grid-row:1/3!important;width:19px!important;height:19px!important;color:#bc8520!important}
body.ms-app .ms-premium-secondary-grid b{font-size:13px!important;color:#681737!important}
body.ms-app .ms-premium-secondary-grid span{font-size:11.5px!important;font-weight:500!important}
body.ms-app .ms-feature-table--quiet{opacity:.94!important;box-shadow:0 8px 20px rgba(58,24,35,.05)!important}

@media(max-width:1100px){body.ms-app .ms-membership-current-layout{grid-template-columns:1fr!important}body.ms-app .ms-pricing-grid.ms-pricing-grid--hero{grid-template-columns:1fr 1fr!important}body.ms-app .ms-price-card--platinum{grid-column:1/-1!important}}
@media(max-width:720px){body.ms-app .ms-current-plan-top{grid-template-columns:auto minmax(0,1fr)!important}body.ms-app .ms-current-plan-status{grid-column:1/-1!important;width:max-content!important}body.ms-app .ms-current-plan-stats,body.ms-app .ms-current-plan-benefit-grid,body.ms-app .ms-pricing-grid.ms-pricing-grid--hero,body.ms-app .ms-premium-secondary-grid{grid-template-columns:1fr!important}body.ms-app .ms-price-card--platinum{grid-column:auto!important}body.ms-app .ms-premium-intro-strip{align-items:flex-start!important;flex-direction:column!important}}


/* =====================================================================
   Batch 52 — AJAX discovery actions + card action fit + Super Interest parity
   ===================================================================== */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-actions{
  grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-actions form,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-actions>span,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-actions>*{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-super-btn,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding-left:8px!important;
  padding-right:8px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-super-btn.is-sent,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn.is-sent{
  background:linear-gradient(180deg,#eee7e9,#d7ccd0)!important;
  color:#6f5360!important;
  border-color:#cfbec5!important;
  box-shadow:0 4px 0 rgba(18,9,12,.12)!important;
  cursor:default!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-super-btn.is-loading,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn.is-loading{
  opacity:.78!important;
  cursor:wait!important;
}
@media(max-width:1380px) and (min-width:981px){
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-super-btn,
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-interest-btn{font-size:13px!important;padding-left:6px!important;padding-right:6px!important}
}
.ms-card-action-notice{
  position:fixed;right:24px;bottom:24px;z-index:9999;max-width:min(390px,calc(100vw - 30px));
  padding:12px 16px;border-radius:13px;color:#fff;font:600 13px/1.35 var(--sans);
  box-shadow:0 14px 34px rgba(37,10,20,.22);opacity:0;transform:translateY(10px);transition:.18s ease;
}
.ms-card-action-notice.show{opacity:1;transform:translateY(0)}
.ms-card-action-notice.is-success{background:#7b1238}.ms-card-action-notice.is-error{background:#8f1f2c}

/* Super interests remain the same Interest card; only a compact status chip differentiates them. */
.ms-interest-top-left{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;max-width:72%!important}
.ms-interest-super-chip{
  display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:30px!important;padding:0 10px!important;
  border-radius:999px!important;background:linear-gradient(180deg,#fff3b6,#ddb34c)!important;color:#594007!important;
  border:1px solid rgba(218,177,72,.8)!important;box-shadow:0 6px 15px rgba(109,75,11,.16)!important;font:700 11px/1 var(--sans)!important;
}
.ms-interest-super-chip .ms-icon{width:13px!important;height:13px!important}


/* =====================================================================
   Batch 53 — Membership Current Plan text scale + View Plans first
   ===================================================================== */

body.ms-app .ms-current-plan-card{
  padding:28px!important;
}

body.ms-app .ms-current-plan-top{
  gap:18px!important;
}

body.ms-app .ms-current-plan-icon{
  width:62px!important;
  height:62px!important;
  border-radius:18px!important;
}

body.ms-app .ms-current-plan-icon .ms-icon{
  width:28px!important;
  height:28px!important;
}

body.ms-app .ms-current-plan-eyebrow{
  font-size:13px!important;
  font-weight:650!important;
  letter-spacing:.08em!important;
}

body.ms-app .ms-current-plan-top h2{
  font-size:34px!important;
  line-height:1.08!important;
  margin:5px 0 7px!important;
}

body.ms-app .ms-current-plan-top p{
  font-size:16px!important;
  line-height:1.45!important;
  font-weight:500!important;
}

body.ms-app .ms-current-plan-status{
  min-height:40px!important;
  padding:0 16px!important;
  font-size:14px!important;
  font-weight:650!important;
}

body.ms-app .ms-current-plan-stats{
  gap:14px!important;
  margin-top:22px!important;
}

body.ms-app .ms-current-plan-stats>span{
  min-height:82px!important;
  padding:15px 17px!important;
}

body.ms-app .ms-current-plan-stats small{
  font-size:13px!important;
  font-weight:500!important;
}

body.ms-app .ms-current-plan-stats b{
  margin-top:6px!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:650!important;
}

body.ms-app .ms-current-plan-benefits{
  margin-top:20px!important;
  padding-top:20px!important;
}

body.ms-app .ms-current-plan-benefits h3{
  font-size:21px!important;
  line-height:1.2!important;
  margin-bottom:15px!important;
}

body.ms-app .ms-current-plan-benefit-grid{
  gap:13px 24px!important;
}

body.ms-app .ms-current-plan-benefit-grid>span{
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:500!important;
  gap:9px!important;
}

body.ms-app .ms-current-plan-benefit-grid .ms-icon{
  width:17px!important;
  height:17px!important;
}

body.ms-app .ms-current-plan-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:11px!important;
  margin-top:22px!important;
}

body.ms-app .ms-current-plan-actions .ms-btn{
  min-height:46px!important;
  padding:0 17px!important;
  border-radius:13px!important;
  font-size:14px!important;
  font-weight:650!important;
}

body.ms-app .ms-current-plan-view-plans{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff8d7 0%,#f1d171 52%,#d8a42a 100%)!important;
  color:#5c4006!important;
  border:1px solid #d2a23b!important;
  box-shadow:
    0 5px 0 rgba(123,81,8,.22),
    0 11px 20px rgba(75,43,4,.12),
    inset 0 1px 0 rgba(255,255,255,.82)!important;
}

body.ms-app .ms-current-plan-view-plans::before{
  content:""!important;
  position:absolute!important;
  left:10%!important;
  right:10%!important;
  top:2px!important;
  height:44%!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}

/* Membership Tools */
body.ms-app .ms-membership-actions--compact{
  padding:24px!important;
  gap:12px!important;
}

body.ms-app .ms-membership-actions--compact h3{
  font-size:25px!important;
  line-height:1.15!important;
  margin:0 0 7px!important;
}

body.ms-app .ms-membership-actions--compact>a{
  min-height:88px!important;
  padding:15px 16px!important;
  gap:13px!important;
  border-radius:16px!important;
}

body.ms-app .ms-membership-actions--compact>a .ms-icon{
  width:22px!important;
  height:22px!important;
}

body.ms-app .ms-membership-actions--compact>a b{
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:650!important;
}

body.ms-app .ms-membership-actions--compact>a small{
  margin-top:4px!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:500!important;
}

/* Slightly enlarge the overview heading below this area for continuity. */
body.ms-app .ms-current-benefits-table .ms-panel-title h3{
  font-size:22px!important;
}

body.ms-app .ms-current-benefits-table .ms-panel-title p{
  font-size:14px!important;
  font-weight:500!important;
}

@media(max-width:720px){
  body.ms-app .ms-current-plan-card{
    padding:20px!important;
  }

  body.ms-app .ms-current-plan-top h2{
    font-size:29px!important;
  }

  body.ms-app .ms-current-plan-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }

  body.ms-app .ms-current-plan-actions .ms-btn{
    width:100%!important;
  }
}

/* =====================================================================
   Batch 54 — Daily action fit + centered privacy message
   ===================================================================== */

/* Daily Match action row: both buttons must fit completely inside the card. */
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-card-content{
  left:0!important;
  right:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-card-actions{
  display:grid!important;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-card-actions form,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-card-actions>span,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-card-actions>*{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-super-btn,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-interest-btn,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-interest-btn.is-sent{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:46px!important;
  padding:0 6px!important;
  gap:5px!important;
  border-radius:13px!important;
  font-size:12.5px!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-sizing:border-box!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-super-btn .ms-icon,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-interest-btn .ms-icon{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
}

/* Privacy-hidden profile cards: message sits over the face/center of the photo. */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-photo-state.is-privacy{
  position:absolute!important;
  top:43%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  z-index:14!important;
  width:max-content!important;
  max-width:78%!important;
  min-height:48px!important;
  padding:9px 15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.28!important;
  background:rgba(31,23,25,.80)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(9px)!important;
  border-radius:18px!important;
}

/* Interest cards use the same privacy-message location and styling. */
body.ms-app .ms-interest-photo-card .ms-interest-photo-state.is-privacy{
  position:absolute!important;
  top:43%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  z-index:10!important;
  width:max-content!important;
  max-width:78%!important;
  min-height:48px!important;
  padding:9px 15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.28!important;
  font-size:11.5px!important;
  font-weight:600!important;
  background:rgba(31,23,25,.80)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(9px)!important;
  border-radius:18px!important;
}

/* Keep ordinary Request Photo / Photo Requested placement unchanged. */
body.ms-app .ms-interest-photo-card .ms-interest-photo-state:not(.is-privacy){
  top:auto!important;
  bottom:150px!important;
  left:18px!important;
  transform:none!important;
}

@media(max-width:1200px) and (min-width:981px){
  body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-super-btn,
  body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-interest-btn,
  body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-interest-btn.is-sent{
    font-size:12px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
}


/* Batch 55 — Photo Requested stable in-card state */
body.ms-app .ms-card-photo-request-form,
body.ms-app .ms-interest-photo-request-form{z-index:12!important;pointer-events:auto!important}
body.ms-app .ms-card-photo-request-form button,
body.ms-app .ms-interest-photo-request-form button{pointer-events:auto!important}
body.ms-app .ms-android-photo-state.is-requested,
body.ms-app .ms-interest-photo-state.is-requested{
  cursor:default!important;
  pointer-events:none!important;
  background:rgba(255,255,255,.88)!important;
  color:#5e1530!important;
  border:1px solid rgba(255,255,255,.60)!important;
  box-shadow:0 8px 20px rgba(24,8,15,.13)!important;
  font-weight:600!important;
}

/* =====================================================================
   Batch 57 — hard-stop Daily action overflow
   Final cascade override: equal columns, strict containment, no clipping.
   ===================================================================== */
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact{
  overflow:hidden!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-card-content{
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:auto!important;
  max-width:100%!important;
  padding-left:12px!important;
  padding-right:12px!important;
  padding-bottom:12px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-card-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:4px 0 0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-card-actions form,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-card-actions > span,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-card-actions > *{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-super-btn,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-interest-btn,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-interest-btn.is-sent{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0 5px!important;
  gap:5px!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:-.015em!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-super-btn .ms-icon,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.compact .ms-android-interest-btn .ms-icon{
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  flex:0 0 14px!important;
}
/* Also constrain non-Daily shared cards as a safety net. */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-actions{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-actions > *,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-actions form{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* =====================================================================
   Batch 58 — Daily Matches uses the SAME full card as Match/Recommended
   No compact Daily card sizing/layout remains.
   ===================================================================== */
body.ms-app .ms-main .ms-daily-panel .ms-horizontal-cards{
  display:flex!important;
  align-items:stretch!important;
  gap:24px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:4px 2px 12px!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-horizontal-cards::-webkit-scrollbar{display:none!important}

/* Full Match/Recommended geometry: three cards visible on desktop. */
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.ms-daily-full-card{
  flex:0 0 calc((100% - 48px)/3)!important;
  width:calc((100% - 48px)/3)!important;
  min-width:calc((100% - 48px)/3)!important;
  height:590px!important;
  min-height:590px!important;
  max-width:none!important;
  border-radius:22px!important;
  scroll-snap-align:start!important;
  overflow:hidden!important;
}

/* Explicitly inherit full-card spacing/typography instead of old compact rules. */
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-card-cover-gradient{height:58%!important}
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-card-top-left{
  top:18px!important;left:18px!important;right:78px!important;gap:10px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-card-tools{
  top:18px!important;right:18px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-status-chip{
  min-height:34px!important;padding:0 12px!important;font-size:11px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-more-menu>summary{
  width:40px!important;height:40px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-card-content{
  left:0!important;right:0!important;bottom:0!important;
  width:auto!important;
  padding:0 16px 14px!important;
  gap:6px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-name-line h3{
  font-size:22px!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-basic-line,
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-career-line{
  font-size:12px!important;line-height:1.25!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-match-chip{
  min-height:34px!important;padding:0 13px!important;font-size:12px!important;
}

/* Same action row as full Match card. */
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-card-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-top:6px!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-card-actions form,
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-card-actions > *{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-super-btn,
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-interest-btn,
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-interest-btn.is-sent{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:50px!important;
  height:50px!important;
  padding:0 8px!important;
  gap:7px!important;
  border-radius:14px!important;
  font-size:14px!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-super-btn .ms-icon,
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-interest-btn .ms-icon{
  width:16px!important;height:16px!important;flex:0 0 16px!important;
}

/* Remove legacy compact selectors from affecting new Daily cards. */
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card.compact{all:unset}

@media(max-width:1280px) and (min-width:981px){
  body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.ms-daily-full-card{
    flex-basis:calc((100% - 24px)/2)!important;
    width:calc((100% - 24px)/2)!important;
    min-width:calc((100% - 24px)/2)!important;
    height:560px!important;
    min-height:560px!important;
  }
}
@media(max-width:980px){
  body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card.ms-daily-full-card{
    flex:0 0 min(82vw,420px)!important;
    width:min(82vw,420px)!important;
    min-width:min(82vw,420px)!important;
    height:540px!important;
    min-height:540px!important;
  }
}

/* =====================================================================
   Batch 59 — Android parity Profile Detail + premium gate
   ===================================================================== */
body.ms-app .ms-detail-android-parity{align-items:start!important}
body.ms-app .ms-detail-title--android{display:flex!important;justify-content:space-between!important;gap:18px!important;align-items:flex-start!important}
body.ms-app .ms-detail-identity-chips{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-end!important}
body.ms-app .ms-detail-identity-chips span{min-height:34px!important;padding:0 11px!important;border-radius:999px!important;background:#fff!important;border:1px solid #ead9cf!important;display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:12px!important;font-weight:600!important;color:#651735!important}
body.ms-app .ms-detail-identity-chips .ms-icon{width:15px!important;height:15px!important}

body.ms-app .ms-detail-social-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body.ms-app .ms-social-premium-btn{position:relative!important;overflow:hidden!important;min-height:48px!important;border-radius:14px!important;border:1px solid #e1caa7!important;background:linear-gradient(180deg,#fffdf8,#fff5e8)!important;color:#6d1938!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:14px!important;font-weight:650!important;text-decoration:none!important;cursor:pointer!important;box-shadow:0 6px 0 rgba(109,50,21,.10),0 12px 20px rgba(67,26,37,.08)!important}
body.ms-app .ms-social-premium-btn::before{content:""!important;position:absolute!important;left:12%!important;right:12%!important;top:2px!important;height:42%!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0))!important;pointer-events:none!important}
body.ms-app .ms-social-premium-btn .ms-icon{width:18px!important;height:18px!important}
body.ms-app .ms-social-whatsapp{border-color:#b8d9c5!important;color:#176b43!important;background:linear-gradient(180deg,#f0fff6,#dff6e8)!important}
body.ms-app .ms-social-instagram{border-color:#e7c4d5!important;color:#8e2855!important;background:linear-gradient(180deg,#fff6fb,#f8e4ef)!important}
body.ms-app .ms-social-call{border-color:#e3c577!important;color:#73530c!important;background:linear-gradient(180deg,#fff9dd,#f5df9b)!important}

body.ms-app .ms-detail-about-card{padding:18px 20px!important;border:1px solid #eadfd7!important;border-radius:17px!important;background:#fff!important;box-shadow:0 9px 22px rgba(51,20,31,.05)!important}
body.ms-app .ms-detail-section-heading{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important;margin-bottom:8px!important}
body.ms-app .ms-detail-section-heading h2{margin:0!important;font-size:22px!important}
body.ms-app .ms-detail-section-heading span{font-size:11px!important;font-weight:600!important;padding:6px 9px!important;border-radius:999px!important;background:#fff3e3!important;color:#7c4e11!important}
body.ms-app .ms-detail-about-card p{margin:0!important;font-size:14px!important;line-height:1.55!important;font-weight:500!important;color:#4c4044!important}

body.ms-app .ms-android-detail-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
body.ms-app .ms-android-detail-section{border:1px solid #eadfd7!important;border-radius:17px!important;background:#fff!important;padding:18px!important;box-shadow:0 9px 22px rgba(51,20,31,.05)!important;min-width:0!important}
body.ms-app .ms-android-detail-section h2{margin:0 0 12px!important;font-size:20px!important;color:#57172d!important}
body.ms-app .ms-android-detail-row{display:grid!important;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr)!important;gap:14px!important;padding:10px 0!important;border-bottom:1px solid #f2e9e3!important;align-items:start!important}
body.ms-app .ms-android-detail-row:last-child{border-bottom:0!important}
body.ms-app .ms-android-detail-row span{font-size:12px!important;font-weight:500!important;color:#8a7179!important}
body.ms-app .ms-android-detail-row b{font-size:13.5px!important;font-weight:600!important;color:#2e2427!important;text-align:right!important;overflow-wrap:anywhere!important}
body.ms-app .ms-family-about{margin-top:12px!important;padding-top:12px!important;border-top:1px solid #f0e5df!important}
body.ms-app .ms-family-about span{font-size:12px!important;color:#8a7179!important;font-weight:500!important}
body.ms-app .ms-family-about p{margin:5px 0 0!important;font-size:13px!important;line-height:1.45!important;font-weight:500!important}

body.ms-app .ms-detail-contact-premium-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important;padding:18px 20px!important;border:1px solid #e2c476!important;border-radius:17px!important;background:linear-gradient(135deg,#fff9df,#fffdf8)!important;box-shadow:0 10px 24px rgba(102,66,11,.07)!important}
body.ms-app .ms-detail-contact-premium-card h2{margin:0 0 4px!important;font-size:20px!important}
body.ms-app .ms-detail-contact-premium-card p{margin:0!important;font-size:13px!important;font-weight:500!important;color:#77655a!important}
body.ms-app .ms-contact-premium-actions{display:flex!important;flex-wrap:wrap!important;gap:9px!important;justify-content:flex-end!important}
body.ms-app .ms-contact-premium-actions .ms-panel{margin:0!important;box-shadow:none!important}

body.ms-app .ms-premium-gate-dialog{align-items:center!important;justify-content:center!important;z-index:200!important}
body.ms-app .ms-premium-gate-card{width:min(520px,94vw)!important;border-radius:22px!important;text-align:center!important;border:1px solid #d7ad46!important;background:linear-gradient(180deg,#fffaf0,#fff)!important}
body.ms-app .ms-premium-gate-icon{width:58px!important;height:58px!important;border-radius:18px!important;margin:0 auto 14px!important;display:grid!important;place-items:center!important;background:linear-gradient(180deg,#fff2a8,#dfa82f)!important;color:#6b4605!important;box-shadow:0 7px 0 rgba(121,80,10,.18),0 14px 24px rgba(82,49,5,.12)!important}
body.ms-app .ms-premium-gate-icon .ms-icon{width:28px!important;height:28px!important}
body.ms-app .ms-premium-gate-card h2{font-size:28px!important;margin-bottom:8px!important}
body.ms-app .ms-premium-gate-card p{font-size:14px!important;line-height:1.5!important;font-weight:500!important}
body.ms-app .ms-premium-gate-benefits{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;text-align:left!important;margin:14px 0 18px!important;padding:14px!important;border-radius:14px!important;background:#fff7e4!important;border:1px solid #efdbaf!important}
body.ms-app .ms-premium-gate-benefits span{font-size:13px!important;font-weight:500!important;color:#59462e!important}
body.ms-app .ms-premium-gate-card .ms-dialog-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}

@media(max-width:1100px){body.ms-app .ms-android-detail-grid{grid-template-columns:1fr!important}body.ms-app .ms-detail-contact-premium-card{grid-template-columns:1fr!important}.ms-contact-premium-actions{justify-content:flex-start!important}}
@media(max-width:720px){body.ms-app .ms-detail-title--android{display:grid!important}.ms-detail-identity-chips{justify-content:flex-start!important}.ms-detail-social-strip{grid-template-columns:1fr!important}.ms-android-detail-row{grid-template-columns:1fr!important;gap:3px!important}.ms-android-detail-row b{text-align:left!important}.ms-premium-gate-card .ms-dialog-actions{grid-template-columns:1fr!important}}
body.ms-app .ms-social-premium-btn.is-unavailable{background:#f4efec!important;color:#8b777e!important;border-color:#e6dcd7!important;box-shadow:none!important;cursor:default!important}

/* =====================================================================
   Batch 60 — login polish, Daily actions, top profile, sidebar cleanup
   ===================================================================== */

/* Login consent checkbox and text stay on one horizontal row. */
.ms-consent-check{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  grid-template-columns:none!important;
}
.ms-consent-check input{
  flex:0 0 auto!important;
  margin:0!important;
}
.ms-consent-check em{
  flex:1 1 auto!important;
  min-width:0!important;
  line-height:1.35!important;
}

/* Top profile block: no trailing settings/gear space. */
body.ms-app .ms-user-menu>summary{
  gap:10px!important;
  padding-right:13px!important;
}
body.ms-app .ms-user-menu>summary>span{
  margin-right:0!important;
}

/* Sidebar brand: logo + name only; no Premium Matrimony subtitle. */
body.ms-app .ms-sidebar-head .ms-brand-copy small{
  display:none!important;
}
body.ms-app .ms-sidebar-head{
  min-height:82px!important;
}

/* Simple, subtle double-chevron expand/collapse control. */
body.ms-app .ms-sidebar-toggle{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:rgba(255,255,255,.07)!important;
  color:rgba(255,246,224,.78)!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
body.ms-app .ms-sidebar-toggle::before,
body.ms-app .ms-sidebar-toggle::after{
  content:none!important;
  display:none!important;
}
body.ms-app .ms-sidebar-toggle-simple{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
  opacity:.88!important;
}
body.ms-app .ms-sidebar-toggle:hover{
  background:rgba(255,255,255,.12)!important;
  color:#fff4d2!important;
}
body.ms-sidebar-collapsed .ms-sidebar-toggle{
  background:rgba(255,255,255,.88)!important;
  color:#781333!important;
  border-color:rgba(108,33,57,.16)!important;
  box-shadow:0 5px 14px rgba(56,10,27,.10)!important;
}
body.ms-sidebar-collapsed .ms-sidebar-toggle-simple{
  transform:rotate(180deg)!important;
}

/* Daily uses full Match-sized cards, but actions are deliberately more compact. */
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-card-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-card-actions form,
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-card-actions > *{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  margin:0!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-super-btn,
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-interest-btn,
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-interest-btn.is-sent{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 7px!important;
  border-radius:12px!important;
  font-size:12.5px!important;
  line-height:1!important;
  gap:5px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-sizing:border-box!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-super-btn .ms-icon,
body.ms-app .ms-main .ms-daily-panel .ms-daily-full-card .ms-android-interest-btn .ms-icon{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
}

/* =====================================================================
   Batch 62 — Daily cards use EXACT standard Match-card geometry
   ===================================================================== */
/* Daily is only a horizontal container now. The card itself is the normal
   Match/Recommended card with no compact/daily sizing variant. */
body.ms-app .ms-main .ms-daily-panel .ms-horizontal-cards{
  display:flex!important;
  align-items:stretch!important;
  gap:24px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:4px 4px 12px 2px!important;
  scrollbar-width:none!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-horizontal-cards::-webkit-scrollbar{display:none!important}

/* Exact same desktop size as normal 3-column Match cards. */
@media (min-width:1200px){
  body.ms-app .ms-main .ms-daily-panel .ms-horizontal-cards>.ms-profile-card.ms-android-web-card{
    flex:0 0 calc((100% - 48px)/3)!important;
    width:calc((100% - 48px)/3)!important;
    min-width:calc((100% - 48px)/3)!important;
    height:590px!important;
    min-height:590px!important;
  }
}

@media (max-width:1199px) and (min-width:981px){
  body.ms-app .ms-main .ms-daily-panel .ms-horizontal-cards>.ms-profile-card.ms-android-web-card{
    flex:0 0 calc((100% - 24px)/2)!important;
    width:calc((100% - 24px)/2)!important;
    min-width:calc((100% - 24px)/2)!important;
    height:560px!important;
    min-height:560px!important;
  }
}

@media (max-width:980px){
  body.ms-app .ms-main .ms-daily-panel .ms-horizontal-cards>.ms-profile-card.ms-android-web-card{
    flex:0 0 min(82vw,360px)!important;
    width:min(82vw,360px)!important;
    min-width:min(82vw,360px)!important;
  }
}

/* Hard reset any older Daily-only action rules. Match-card action geometry wins. */
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card .ms-android-card-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-top:7px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card .ms-android-card-actions form,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card .ms-android-card-actions>span,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card .ms-android-card-actions>*{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
}
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card .ms-android-super-btn,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card .ms-android-interest-btn,
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card .ms-android-interest-btn.is-sent{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:50px!important;
  height:50px!important;
  padding:0 10px!important;
  margin:0!important;
  box-sizing:border-box!important;
  font-size:14px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Same content geometry as Match cards. */
body.ms-app .ms-main .ms-daily-panel .ms-profile-card.ms-android-web-card .ms-android-card-content{
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:100%!important;
  padding:0 16px 14px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}


/* =====================================================================
   Batch 63 — Profile Detail action rows + tier-specific 3D actions
   ===================================================================== */

/* Contact/social row: always a clean 3-column row on desktop. */
body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--contact{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
  width:100%!important;
  margin:0!important;
}

body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--contact > *{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Main actions: exact 4-column row. */
body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--primary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
  width:100%!important;
  margin:0!important;
}

body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--primary > *,
body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--primary form{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}

/* All second-row buttons use the same geometry and premium 3D language. */
body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--primary .ms-btn,
body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--primary button{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:52px!important;
  padding:0 12px!important;
  border-radius:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  box-shadow:
    0 6px 0 rgba(46,18,28,.18),
    0 13px 22px rgba(42,17,25,.10),
    inset 0 1px 0 rgba(255,255,255,.58)!important;
}

body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--primary .ms-btn::before,
body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--primary button::before{
  content:""!important;
  position:absolute!important;
  left:10%!important;
  right:10%!important;
  top:2px!important;
  height:43%!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}

body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--primary .ms-btn:hover,
body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--primary button:hover{
  transform:translateY(1px)!important;
  box-shadow:
    0 4px 0 rgba(46,18,28,.17),
    0 10px 18px rgba(42,17,25,.09),
    inset 0 1px 0 rgba(255,255,255,.62)!important;
}

body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--primary .ms-btn:active,
body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--primary button:active{
  transform:translateY(3px)!important;
  box-shadow:
    0 2px 0 rgba(46,18,28,.15),
    0 6px 12px rgba(42,17,25,.08),
    inset 0 1px 0 rgba(255,255,255,.50)!important;
}

/* Normal/free viewed profile */
body.ms-app .ms-detail-tier-free .ms-detail-action-row--primary .ms-interest-form .ms-btn{
  background:linear-gradient(180deg,#dd1e5e 0%,#ba0d45 58%,#96062f 100%)!important;
  color:#fff!important;
  border:1px solid #a90a3a!important;
}

body.ms-app .ms-detail-tier-free .ms-detail-action-row--primary .ms-super-form .ms-btn{
  background:linear-gradient(180deg,#fff2b8 0%,#e7c069 55%,#c9962e 100%)!important;
  color:#5d420b!important;
  border:1px solid #c89d41!important;
}

/* Gold viewed profile: distinct rich-gold Send + dark-gold Super. */
body.ms-app .ms-detail-tier-gold .ms-detail-action-row--primary .ms-interest-form .ms-btn{
  background:linear-gradient(180deg,#ffc84e 0%,#dc930d 56%,#aa6700 100%)!important;
  color:#fff!important;
  border:1px solid #b97805!important;
  box-shadow:
    0 6px 0 rgba(123,77,6,.28),
    0 13px 22px rgba(110,70,5,.16),
    inset 0 1px 0 rgba(255,255,255,.58)!important;
}

body.ms-app .ms-detail-tier-gold .ms-detail-action-row--primary .ms-super-form .ms-btn{
  background:linear-gradient(180deg,#fff4bb 0%,#e6bd58 52%,#bd8420 100%)!important;
  color:#5c3d05!important;
  border:1px solid #c59534!important;
  box-shadow:
    0 6px 0 rgba(116,76,8,.22),
    0 13px 22px rgba(105,69,8,.13),
    inset 0 1px 0 rgba(255,255,255,.72)!important;
}

/* Platinum viewed profile: distinct silver-blue Send + deep navy/cyan Super. */
body.ms-app .ms-detail-tier-platinum .ms-detail-action-row--primary .ms-interest-form .ms-btn{
  background:linear-gradient(180deg,#83d5f2 0%,#4c98c2 56%,#2f6f98 100%)!important;
  color:#fff!important;
  border:1px solid #3f82aa!important;
  box-shadow:
    0 6px 0 rgba(42,92,122,.27),
    0 13px 22px rgba(41,84,108,.16),
    inset 0 1px 0 rgba(255,255,255,.56)!important;
}

body.ms-app .ms-detail-tier-platinum .ms-detail-action-row--primary .ms-super-form .ms-btn{
  background:linear-gradient(180deg,#eefbff 0%,#bddfea 52%,#8db9cd 100%)!important;
  color:#29536d!important;
  border:1px solid #8fb9ca!important;
  box-shadow:
    0 6px 0 rgba(69,112,132,.22),
    0 13px 22px rgba(58,101,121,.13),
    inset 0 1px 0 rgba(255,255,255,.78)!important;
}

/* Message and Share: premium white/pearl 3D buttons so row looks unified. */
body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--primary > .ms-btn-action,
body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--primary > .ms-btn-outline{
  background:linear-gradient(180deg,#ffffff 0%,#fff8f4 56%,#f1e5de 100%)!important;
  color:#7f153b!important;
  border:1px solid #dcc6bd!important;
}

/* Contact/social row gets matching geometry. */
body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--contact .ms-social-premium-btn{
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
  font-size:14px!important;
}

/* Responsive: preserve clean rows without clipping. */
@media(max-width:1180px){
  body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--primary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:720px){
  body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--contact{
    grid-template-columns:1fr!important;
  }
  body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--primary{
    grid-template-columns:1fr 1fr!important;
  }
}


/* =====================================================================
   Batch 65 — Astro parity, profile detail badges, Android membership UI
   ===================================================================== */
.ms-android-meta-score-row{grid-template-columns:minmax(0,1fr) auto auto!important;display:grid!important;align-items:center!important;gap:7px!important}
.ms-android-astro-chip{min-height:34px!important;min-width:64px!important;padding:0 9px!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:#111!important;border:1px solid rgba(255,255,255,.65)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-size:12px!important;font-weight:600!important;white-space:nowrap!important;box-shadow:0 7px 16px rgba(20,10,14,.12)!important}
.ms-android-astro-chip .ms-icon{width:15px!important;height:15px!important;color:#7c1640!important}

.ms-detail-photo-top-badges{position:absolute!important;top:14px!important;left:14px!important;right:14px!important;z-index:5!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.ms-detail-activity-chip,.ms-detail-verified-chip,.ms-detail-tier-chip,.ms-detail-astro-chip{min-height:34px!important;padding:0 11px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:11px!important;font-weight:600!important;backdrop-filter:blur(8px)!important;box-shadow:0 8px 18px rgba(10,6,8,.14)!important}
.ms-detail-activity-chip,.ms-detail-verified-chip{background:rgba(255,255,255,.88)!important;color:#331a22!important;border:1px solid rgba(255,255,255,.58)!important}
.ms-detail-verified-chip .ms-icon{width:15px!important;height:15px!important;color:#9b1747!important}
.ms-detail-tier-chip{background:rgba(255,255,255,.92)!important;border:1px solid rgba(255,255,255,.62)!important}
.ms-detail-tier-chip i{font-style:normal!important;font-size:15px!important}
.ms-detail-tier-chip--gold{color:#6f4a04!important}.ms-detail-tier-chip--gold i{color:#d39d22!important}
.ms-detail-tier-chip--platinum{color:#315d77!important}.ms-detail-tier-chip--platinum i{color:#77b7d0!important}
.ms-detail-astro-chip{position:absolute!important;left:14px!important;bottom:14px!important;z-index:6!important;background:rgba(255,255,255,.94)!important;color:#111!important;border:1px solid rgba(255,255,255,.68)!important}
.ms-detail-astro-chip .ms-icon{width:16px!important;height:16px!important;color:#7b1238!important}
.ms-detail-photo>b{z-index:6!important}

/* Force all Profile Detail primary actions into one truly aligned row. */
.ms-detail-action-row--primary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
.ms-detail-action-row--primary>*,.ms-detail-action-row--primary form{display:flex!important;width:100%!important;min-width:0!important;height:54px!important;margin:0!important;align-self:stretch!important;box-sizing:border-box!important}
.ms-detail-action-row--primary .ms-btn,.ms-detail-action-row--primary button{flex:1 1 auto!important;width:100%!important;min-width:0!important;height:54px!important;min-height:54px!important;max-height:54px!important;margin:0!important;top:auto!important;bottom:auto!important;box-sizing:border-box!important;align-self:stretch!important}

.ms-duration-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;max-width:720px!important;margin:18px auto 28px!important}
.ms-duration-tabs button{min-height:54px!important;border-radius:18px!important;border:1px solid #d9bd78!important;background:linear-gradient(180deg,#fff,#fff9ef)!important;color:#4a2733!important;font-size:14px!important;font-weight:650!important;box-shadow:0 6px 14px rgba(80,45,18,.06)!important;cursor:pointer!important}
.ms-duration-tabs button.active{background:linear-gradient(180deg,#a70f49,#d72e64)!important;color:#fff!important;border-color:#aa134b!important;box-shadow:0 6px 0 rgba(110,8,46,.18),0 12px 22px rgba(104,12,45,.14)!important}
.ms-android-plan-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;max-width:1120px!important;margin:0 auto!important;align-items:stretch!important}
.ms-android-plan-card{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;padding:28px!important;border-radius:28px!important;overflow:hidden!important}
.ms-android-plan-card--gold{background:linear-gradient(180deg,#fff9df 0%,#fff1b9 48%,#f6da75 100%)!important;border:2px solid #ddb557!important;box-shadow:0 15px 0 rgba(151,106,21,.10),0 24px 42px rgba(105,70,13,.12)!important;color:#34220a!important}
.ms-android-plan-card--platinum{background:linear-gradient(180deg,#f7f3ff 0%,#e9e1ff 48%,#ded1ff 100%)!important;border:2px solid #9b77e1!important;box-shadow:0 15px 0 rgba(75,42,145,.10),0 24px 42px rgba(69,42,128,.12)!important;color:#261a3e!important}
.ms-android-plan-card header{display:flex!important;align-items:center!important;gap:16px!important;padding-bottom:22px!important;border-bottom:1px solid rgba(80,50,30,.13)!important}
.ms-plan-letter{width:70px!important;height:70px!important;flex:0 0 70px!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#fff!important;font:700 25px/1 var(--sans)!important}.ms-android-plan-card--gold .ms-plan-letter{background:linear-gradient(145deg,#c08305,#7e4c00)!important}.ms-android-plan-card--platinum .ms-plan-letter{background:linear-gradient(145deg,#6e39c7,#3f1e91)!important}
.ms-android-plan-card header h2{margin:0!important;font-size:29px!important;line-height:1.05!important}.ms-android-plan-card header p{margin:5px 0 0!important;font-size:15px!important;font-weight:500!important}
.ms-plan-love,.ms-plan-best{margin-left:auto!important;min-height:38px!important;padding:0 14px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;font-size:12px!important;color:#fff!important;white-space:nowrap!important}.ms-plan-love{background:#9c6807!important}.ms-plan-best{background:#5b2bb0!important}
.ms-android-price-row{display:flex!important;align-items:center!important;gap:14px!important;margin:26px 0 4px!important}.ms-android-price-row strong{font-size:45px!important;line-height:1!important}.ms-plan-sale{padding:7px 11px!important;border-radius:999px!important;background:#ffe99a!important;color:#7f5705!important;font-weight:700!important;font-size:12px!important}.ms-plan-billing{margin:8px 0 22px!important;font-size:15px!important;font-weight:500!important}.ms-plan-description{font-size:17px!important;line-height:1.45!important;margin:0 0 20px!important;font-weight:500!important}
.ms-android-benefit-list{list-style:none!important;margin:0!important;padding:0!important;border-top:1px solid rgba(80,50,30,.12)!important}.ms-android-benefit-list li{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;min-height:62px!important;border-bottom:1px solid rgba(80,50,30,.12)!important;font-size:15px!important;font-weight:500!important}.ms-android-benefit-list i{width:36px!important;height:36px!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#fff!important;font-style:normal!important;font-weight:800!important}.ms-android-plan-card--gold .ms-android-benefit-list i{background:#a86b06!important}.ms-android-plan-card--platinum .ms-android-benefit-list i{background:#5930ae!important}
.ms-android-plan-form{margin-top:auto!important;padding-top:22px!important}.ms-android-plan-form .ms-plan-buy-btn{width:100%!important;min-height:58px!important;border-radius:19px!important;font-size:16px!important;font-weight:750!important}.ms-plan-buy-btn--gold{background:linear-gradient(180deg,#d82362,#a70b45)!important;color:#fff!important}.ms-plan-buy-btn--platinum{background:linear-gradient(180deg,#6d3cc5,#4b229c)!important;color:#fff!important}
.ms-plan-free-note{max-width:1120px!important;margin:22px auto 0!important;padding:16px 20px!important;border:1px solid #eadcd5!important;border-radius:16px!important;background:#fff!important;display:flex!important;justify-content:space-between!important;gap:16px!important;align-items:center!important}.ms-plan-free-note div{display:grid!important;gap:4px!important}.ms-plan-free-note span{font-size:13px!important;font-weight:500!important;color:#716267!important}.ms-plan-free-note em{font-style:normal!important;font-weight:700!important;color:#8c153d!important}
@media(max-width:900px){.ms-android-plan-grid{grid-template-columns:1fr!important}.ms-duration-tabs{gap:8px!important}.ms-duration-tabs button{font-size:12px!important}.ms-detail-action-row--primary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* =====================================================================
   Batch 66 — Home Daily is literally the Recommended/Match grid
   No ms-daily-panel or ms-horizontal-cards classes remain in Home Daily.
   ===================================================================== */
body.ms-app .ms-dashboard-daily-section{
  margin-bottom:32px!important;
}

body.ms-app .ms-dashboard-daily-grid{
  width:100%!important;
}

/* Home Daily and Recommended use the exact same three-up desktop grid. */
@media (min-width:1200px){
  body.ms-app .ms-dashboard-daily-grid,
  body.ms-app .ms-recommended-panel .ms-recommended-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:24px!important;
  }
}

@media (max-width:1199px) and (min-width:721px){
  body.ms-app .ms-dashboard-daily-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
}

@media (max-width:720px){
  body.ms-app .ms-dashboard-daily-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
}


/* =====================================================================
   Batch 67 — Android-style Astro + Match score group
   Long metadata truncates; score chips never move or get pushed.
   ===================================================================== */

/* One flexible metadata column + one fixed score-chip group. */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-meta-score-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}

body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-career-line{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  margin:0!important;
}

/* Astro + Match behave as one Android-style unit and never participate
   in the career-text width calculation. */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-score-chips{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
}

/* Both chips use the same translucent white Android surface. */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-astro-chip,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip{
  min-height:38px!important;
  height:38px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,255,255,.64)!important;
  color:#252024!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  box-sizing:border-box!important;
  box-shadow:0 7px 18px rgba(14,7,10,.14)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  font-family:var(--sans)!important;
  white-space:nowrap!important;
}

/* Android-like Astro A symbol instead of the old unrelated icon. */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-astro-symbol{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  height:18px!important;
  font-family:var(--serif)!important;
  font-size:19px!important;
  font-style:italic!important;
  font-weight:500!important;
  line-height:1!important;
  color:#2b2528!important;
}

body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-astro-chip b,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip b{
  font-size:13px!important;
  line-height:1!important;
  font-weight:600!important;
  color:#252024!important;
}

body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip span{
  font-size:12px!important;
  line-height:1!important;
  font-weight:500!important;
  color:#252024!important;
}

/* Keep the percentages visually consistent with Android without changing
   the actual server-calculated values. */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-astro-chip{
  min-width:82px!important;
}

body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip{
  min-width:104px!important;
}

/* Narrow cards: text is sacrificed before score chips are allowed to move. */
@media(max-width:1320px){
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-meta-score-row{
    gap:7px!important;
  }

  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-score-chips{
    gap:6px!important;
  }

  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-astro-chip,
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip{
    min-height:36px!important;
    height:36px!important;
    padding:0 11px!important;
  }

  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-astro-chip{
    min-width:72px!important;
  }

  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip{
    min-width:91px!important;
  }
}


/* =====================================================================
   Batch 68 — Android-style Daily edge scroller
   Cards remain the exact shared Match/Recommended cards.
   ===================================================================== */

body.ms-app .ms-daily-scroll-shell{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
}

body.ms-app .ms-dashboard-daily-scroll{
  display:flex!important;
  align-items:stretch!important;
  gap:24px!important;
  width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  overscroll-behavior-inline:contain!important;
  padding:2px 0 8px!important;
}

body.ms-app .ms-dashboard-daily-scroll::-webkit-scrollbar{
  display:none!important;
}

/* Exactly three standard Match/Recommended cards in the Daily viewport. */
@media(min-width:1200px){
  body.ms-app .ms-dashboard-daily-scroll>.ms-profile-card.ms-android-web-card{
    flex:0 0 calc((100% - 48px)/3)!important;
    width:calc((100% - 48px)/3)!important;
    min-width:0!important;
    max-width:calc((100% - 48px)/3)!important;
    scroll-snap-align:start!important;
  }
}

@media(max-width:1199px) and (min-width:721px){
  body.ms-app .ms-dashboard-daily-scroll{
    gap:18px!important;
  }
  body.ms-app .ms-dashboard-daily-scroll>.ms-profile-card.ms-android-web-card{
    flex:0 0 calc((100% - 18px)/2)!important;
    width:calc((100% - 18px)/2)!important;
    max-width:calc((100% - 18px)/2)!important;
    scroll-snap-align:start!important;
  }
}

@media(max-width:720px){
  body.ms-app .ms-dashboard-daily-scroll{
    gap:14px!important;
  }
  body.ms-app .ms-dashboard-daily-scroll>.ms-profile-card.ms-android-web-card{
    flex:0 0 min(88%,390px)!important;
    width:min(88%,390px)!important;
    max-width:min(88%,390px)!important;
    scroll-snap-align:center!important;
  }
}

/* Edge arrows: half-circle tabs attached to the left/right edge. */
body.ms-app .ms-daily-edge-arrow{
  position:absolute!important;
  top:50%!important;
  z-index:30!important;
  width:38px!important;
  height:78px!important;
  padding:0!important;
  border:1px solid rgba(122,19,55,.22)!important;
  background:rgba(255,255,255,.92)!important;
  color:#861337!important;
  display:grid!important;
  place-items:center!important;
  transform:translateY(-50%)!important;
  box-shadow:0 8px 22px rgba(54,16,29,.17)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  cursor:pointer!important;
  animation:msDailyArrowPulse 1.55s ease-in-out infinite!important;
}

body.ms-app .ms-daily-edge-arrow--left{
  left:-1px!important;
  border-radius:0 38px 38px 0!important;
  border-left:0!important;
}

body.ms-app .ms-daily-edge-arrow--right{
  right:-1px!important;
  border-radius:38px 0 0 38px!important;
  border-right:0!important;
}

body.ms-app .ms-daily-edge-arrow[hidden]{
  display:none!important;
}

body.ms-app .ms-daily-edge-arrow span{
  display:block!important;
  font-family:Arial,sans-serif!important;
  font-size:29px!important;
  font-weight:500!important;
  line-height:1!important;
}

body.ms-app .ms-daily-edge-arrow:hover{
  background:#fff!important;
  color:#6f0d2d!important;
  animation-play-state:paused!important;
}

body.ms-app .ms-daily-edge-arrow:active{
  transform:translateY(-50%) scale(.96)!important;
}

@keyframes msDailyArrowPulse{
  0%,100%{
    opacity:.78;
    box-shadow:0 8px 20px rgba(54,16,29,.14);
  }
  50%{
    opacity:1;
    box-shadow:0 9px 27px rgba(134,19,55,.30);
  }
}

@media(prefers-reduced-motion:reduce){
  body.ms-app .ms-daily-edge-arrow{
    animation:none!important;
  }
}

@media(max-width:720px){
  body.ms-app .ms-daily-edge-arrow{
    width:32px!important;
    height:64px!important;
  }
  body.ms-app .ms-daily-edge-arrow span{
    font-size:25px!important;
  }
}


/* =====================================================================
   Batch 69 — Top card chip parity + dashboard section spacing
   ===================================================================== */

/* Top status/date + Managed-by chips now match Astro/Match chip styling. */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip{
  min-height:38px!important;
  height:38px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,255,255,.64)!important;
  color:#252024!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  box-sizing:border-box!important;
  box-shadow:0 7px 18px rgba(14,7,10,.14)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  font-family:var(--sans)!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-shadow:none!important;
}

/* Keep all top chip text dark and readable on the frosted white surface. */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip *,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip svg{
  color:#252024!important;
  stroke:currentColor!important;
}

/* Top row spacing mirrors the bottom score-chip group. */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-card-top-left{
  gap:8px!important;
}

/* Slightly reduce chip dimensions on narrower cards without changing geometry. */
@media(max-width:1320px){
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip{
    min-height:36px!important;
    height:36px!important;
    padding:0 11px!important;
    font-size:11px!important;
  }
}

/* Clear visual separation between Daily Matches and Recommended for You. */
body.ms-app .ms-dashboard-daily-section{
  margin-bottom:36px!important;
}

body.ms-app .ms-dashboard-daily-section + .ms-recommended-panel,
body.ms-app .ms-dashboard-daily-section + .ms-dashboard-feature-section{
  margin-top:0!important;
}

/* If the dashboard sections are separate panel siblings, preserve the gap. */
body.ms-app .ms-dashboard-main > .ms-dashboard-daily-section{
  margin-bottom:36px!important;
}


/* =====================================================================
   Batch 72 — Home section gap + global footer breathing room
   ===================================================================== */

/* Strong, reliable space between Daily Matches and Recommended for You. */
body.ms-app .ms-dashboard-daily-section{
  margin-bottom:44px!important;
}

body.ms-app .ms-dashboard-daily-section + .ms-recommended-panel,
body.ms-app .ms-dashboard-daily-section + .ms-dashboard-feature-section,
body.ms-app .ms-dashboard-main > .ms-dashboard-daily-section + section{
  margin-top:0!important;
}

/* Add visual breathing room above the footer without replacing the
   margin-top:auto behavior that keeps it bottom-aligned on short pages. */
body.ms-app .ms-site-footer--app{
  position:relative!important;
  border-top-width:1px!important;
  background-clip:padding-box!important;
}

body.ms-app .ms-site-footer--app::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-30px!important;
  height:30px!important;
  background:transparent!important;
  pointer-events:none!important;
}

/* Use a transparent top border as actual layout space above the footer.
   The footer background starts below it because of background-clip. */
body.ms-app .ms-site-footer--app{
  border-top:30px solid transparent!important;
  padding-top:20px!important;
}

/* Recreate the visible footer outline after the transparent spacing border. */
body.ms-app .ms-site-footer--app::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:29px!important;
  height:1px!important;
  background:#e8d7c7!important;
  pointer-events:none!important;
}

@media(max-width:980px){
  body.ms-app .ms-dashboard-daily-section{
    margin-bottom:30px!important;
  }

  body.ms-app .ms-site-footer--app{
    border-top-width:22px!important;
  }

  body.ms-app .ms-site-footer--app::after{
    top:21px!important;
  }
}


/* =====================================================================
   Batch 74 — Correct top-chip text parity using the actual card screenshot
   Base: Batch 72 (Batch 73 was intentionally not applied).
   Goal: Last seen / date / Managed by text should match Match % chip text.
   ===================================================================== */

/* Match chip typography reference */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip b,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip span{
  font-family:var(--sans)!important;
}

/* Top pills use the same text treatment as the Match % pill. */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip *,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip b,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip strong,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip span{
  font-family:var(--sans)!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:0!important;
  color:#252024!important;
  text-shadow:none!important;
  text-transform:none!important;
}

/* Keep the chip surface unchanged; only normalize text and internal spacing. */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip{
  gap:5px!important;
  white-space:nowrap!important;
}

/* Match chip label/value should use the same normal-medium weight language. */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip b{
  font-size:12px!important;
  font-weight:500!important;
  line-height:1!important;
}

body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip span{
  font-size:12px!important;
  font-weight:500!important;
  line-height:1!important;
}

/* Preserve readability on narrower cards without making top chips bold. */
@media(max-width:1320px){
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip,
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-status-chip *,
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip b,
  body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-match-chip span{
    font-size:12px!important;
    font-weight:500!important;
  }
}


/* =====================================================================
   Batch 75 — Profile Detail portrait uses Match-card information hierarchy
   ===================================================================== */
body.ms-app .ms-detail-photo--match-parity{position:relative!important}

body.ms-app .ms-detail-photo--match-parity .ms-detail-photo-top-badges{
  position:absolute!important;
  top:16px!important;
  left:16px!important;
  right:16px!important;
  z-index:8!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}

body.ms-app .ms-detail-photo--match-parity .ms-detail-activity-chip,
body.ms-app .ms-detail-photo--match-parity .ms-detail-managed-chip{
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,255,255,.64)!important;
  color:#252024!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-family:var(--sans)!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  box-shadow:0 7px 18px rgba(14,7,10,.14)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

body.ms-app .ms-detail-photo--match-parity::after{
  content:""!important;
  position:absolute!important;
  inset:40% 0 0!important;
  z-index:3!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(13,8,10,0),rgba(13,8,10,.10) 28%,rgba(13,8,10,.58) 72%,rgba(13,8,10,.86))!important;
}

body.ms-app .ms-detail-photo--match-parity .ms-detail-photo-bottom-overlay{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:18px!important;
  z-index:7!important;
  min-width:0!important;
  display:grid!important;
  gap:7px!important;
  color:#fff!important;
}

body.ms-app .ms-detail-photo-name-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}

body.ms-app .ms-detail-photo-name-row h2{
  margin:0!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
  font:700 29px/1.08 var(--serif)!important;
  text-shadow:0 2px 7px rgba(0,0,0,.48)!important;
}

body.ms-app .ms-detail-name-verified,
body.ms-app .ms-detail-name-tier{
  flex:0 0 auto!important;
  width:28px!important;
  height:28px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.92)!important;
  color:#6e1737!important;
  border:1px solid rgba(255,255,255,.74)!important;
  box-shadow:0 5px 13px rgba(0,0,0,.18)!important;
}

body.ms-app .ms-detail-name-verified .ms-icon{width:15px!important;height:15px!important}
body.ms-app .ms-detail-name-tier{font-size:14px!important;color:#fff!important}

body.ms-app .ms-detail-name-tier--gold{
  background:linear-gradient(180deg,#ffe998,#d9a52d)!important;
  color:#714c05!important;
  border-color:#ffeab1!important;
}

body.ms-app .ms-detail-name-tier--platinum{
  background:linear-gradient(180deg,#edfaff,#8fc0d4)!important;
  color:#29566c!important;
  border-color:#f3fcff!important;
}

body.ms-app .ms-detail-photo-location{
  margin:0!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.25!important;
  text-shadow:0 2px 5px rgba(0,0,0,.55)!important;
}

body.ms-app .ms-detail-photo-meta-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}

body.ms-app .ms-detail-photo-career{
  margin:0!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.25!important;
  text-shadow:0 2px 5px rgba(0,0,0,.55)!important;
}

body.ms-app .ms-detail-photo-score-chips{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
}

body.ms-app .ms-detail-photo--match-parity .ms-detail-astro-chip,
body.ms-app .ms-detail-photo--match-parity .ms-detail-match-chip{
  position:static!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,255,255,.64)!important;
  color:#252024!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  box-sizing:border-box!important;
  box-shadow:0 7px 18px rgba(14,7,10,.14)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  font-family:var(--sans)!important;
  white-space:nowrap!important;
}

body.ms-app .ms-detail-photo--match-parity .ms-detail-astro-chip b,
body.ms-app .ms-detail-photo--match-parity .ms-detail-match-chip b,
body.ms-app .ms-detail-photo--match-parity .ms-detail-match-chip span{
  color:#252024!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1!important;
}

body.ms-app .ms-detail-photo--match-parity .ms-astro-symbol{
  font-family:var(--serif)!important;
  font-size:19px!important;
  font-style:italic!important;
  font-weight:500!important;
  color:#252024!important;
}

@media(max-width:720px){
  body.ms-app .ms-detail-photo-name-row h2{font-size:25px!important}
  body.ms-app .ms-detail-photo-meta-row{grid-template-columns:1fr!important}
  body.ms-app .ms-detail-photo-score-chips{justify-content:flex-start!important}
}


/* =====================================================================
   Batch 76 — Premium feature dialog redesigned to royal 3D shining style
   ===================================================================== */
body.ms-app .ms-premium-gate-dialog{
  align-items:center!important;
  justify-content:center!important;
  z-index:260!important;
  padding:24px!important;
  background:rgba(26,10,18,.56)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
}

body.ms-app .ms-premium-gate-card{
  width:min(1040px,94vw)!important;
  max-width:1040px!important;
  border-radius:34px!important;
  border:2px solid rgba(184,36,84,.75)!important;
  background:
    linear-gradient(180deg,rgba(130,12,50,.98),rgba(98,8,38,.98)) border-box,
    linear-gradient(180deg,#fffdf6,#fef8ee) padding-box!important;
  padding:6px!important;
  box-shadow:
    0 28px 80px rgba(18,6,12,.42),
    0 8px 24px rgba(123,61,8,.18)!important;
  overflow:hidden!important;
  text-align:center!important;
}

body.ms-app .ms-premium-gate-shell{
  position:relative!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#fffdf8,#fff8ee)!important;
  border:2px solid rgba(217,176,88,.92)!important;
  box-shadow:
    inset 0 0 0 2px rgba(255,248,226,.9),
    inset 0 1px 0 rgba(255,255,255,.88),
    0 10px 24px rgba(106,58,9,.10)!important;
  padding:82px 56px 34px!important;
  overflow:hidden!important;
}

body.ms-app .ms-premium-gate-shell::before,
body.ms-app .ms-premium-gate-shell::after{
  content:"✧"!important;
  position:absolute!important;
  color:#d2a143!important;
  font-size:26px!important;
  line-height:1!important;
  opacity:.9!important;
}
body.ms-app .ms-premium-gate-shell::before{left:18px!important;bottom:16px!important}
body.ms-app .ms-premium-gate-shell::after{right:18px!important;bottom:16px!important}

body.ms-app .ms-premium-gate-top-crest{
  position:absolute!important;
  top:-2px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  min-width:320px!important;
  height:50px!important;
  padding:0 28px!important;
  border-radius:0 0 42px 42px!important;
  background:linear-gradient(180deg,#9a063f,#690128)!important;
  border:2px solid rgba(217,176,88,.92)!important;
  border-top:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  box-shadow:0 10px 24px rgba(74,7,29,.24)!important;
}
body.ms-app .ms-premium-gate-top-flourish{
  color:#f0d787!important;
  font-size:26px!important;
  font-style:normal!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
}
body.ms-app .ms-premium-gate-top-diamond{
  position:absolute!important;
  top:-12px!important;
  left:50%!important;
  width:22px!important;
  height:22px!important;
  background:linear-gradient(180deg,#ffe8a8,#cf9a28)!important;
  border:1px solid rgba(217,176,88,.92)!important;
  transform:translateX(-50%) rotate(45deg)!important;
  border-radius:3px!important;
  box-shadow:0 4px 10px rgba(106,58,9,.22)!important;
}

body.ms-app .ms-premium-gate-crown-wrap{
  display:flex!important;
  justify-content:center!important;
  margin-bottom:10px!important;
}
body.ms-app .ms-premium-gate-icon{
  width:116px!important;
  height:116px!important;
  border-radius:999px!important;
  margin:0 auto!important;
  display:grid!important;
  place-items:center!important;
  color:#7b4f04!important;
  background:
    radial-gradient(circle at 50% 30%,rgba(255,255,255,.95),rgba(255,255,255,0) 32%),
    linear-gradient(180deg,#ffe9a6 0%,#f3c34d 38%,#cf9120 72%,#9d620d 100%)!important;
  box-shadow:
    inset 0 2px 1px rgba(255,255,255,.95),
    inset 0 -8px 14px rgba(98,52,6,.24),
    0 15px 34px rgba(126,77,12,.22)!important;
}
body.ms-app .ms-premium-gate-icon .ms-icon{
  width:62px!important;
  height:62px!important;
  filter:drop-shadow(0 3px 2px rgba(116,62,7,.24))!important;
}

body.ms-app .ms-premium-gate-card h2{
  margin:6px 0 8px!important;
  color:#8a0839!important;
  font:700 clamp(34px,4vw,56px)/1.04 var(--serif)!important;
  letter-spacing:.2px!important;
  text-shadow:0 2px 0 rgba(255,255,255,.7)!important;
}

body.ms-app .ms-premium-gate-divider{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  margin:8px auto 14px!important;
  color:#c8a24f!important;
}
body.ms-app .ms-premium-gate-divider span{
  width:150px!important;
  max-width:18vw!important;
  height:2px!important;
  background:linear-gradient(90deg,rgba(208,167,77,0),rgba(208,167,77,.9),rgba(208,167,77,0))!important;
}
body.ms-app .ms-premium-gate-divider i{
  font-style:normal!important;
  font-size:16px!important;
  line-height:1!important;
}

body.ms-app .ms-premium-gate-copy{
  max-width:760px!important;
  margin:0 auto 18px!important;
  color:#282225!important;
  font:500 clamp(19px,1.7vw,24px)/1.42 var(--sans)!important;
}
body.ms-app .ms-premium-gate-copy strong{
  font-weight:600!important;
  color:#232022!important;
}

body.ms-app .ms-premium-gate-benefits{
  max-width:780px!important;
  margin:0 auto 24px!important;
  padding:18px 28px!important;
  border-radius:24px!important;
  border:1px solid rgba(217,176,88,.76)!important;
  background:linear-gradient(180deg,#fffdf7,#fff6ea)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 10px 18px rgba(106,58,9,.10)!important;
  display:grid!important;
  gap:0!important;
  text-align:left!important;
}

body.ms-app .ms-premium-gate-benefit-row{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  padding:12px 0!important;
  border-bottom:1px solid rgba(221,196,140,.58)!important;
}
body.ms-app .ms-premium-gate-benefit-row:last-child{border-bottom:none!important}

body.ms-app .ms-premium-gate-benefit-row b{
  width:38px!important;
  height:38px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:20px!important;
  font-weight:700!important;
  line-height:1!important;
  color:#9a650d!important;
  background:linear-gradient(180deg,#fffefb,#f6ead0)!important;
  border:2px solid #d3a246!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 10px rgba(106,58,9,.12)!important;
}
body.ms-app .ms-premium-gate-benefit-row span{
  color:#41252d!important;
  font:600 clamp(18px,1.5vw,21px)/1.25 var(--serif)!important;
}

body.ms-app .ms-premium-gate-actions{
  width:min(840px,100%)!important;
  margin:6px auto 0!important;
  display:grid!important;
  grid-template-columns:1fr 1.25fr!important;
  gap:28px!important;
}

body.ms-app .ms-premium-gate-actions .ms-btn{
  min-height:94px!important;
  border-radius:22px!important;
  font:700 clamp(24px,2vw,34px)/1.1 var(--serif)!important;
  letter-spacing:.2px!important;
}

body.ms-app .ms-premium-gate-secondary{
  border:2px solid rgba(217,176,88,.76)!important;
  background:linear-gradient(180deg,#fffdf8,#fff8ee)!important;
  color:#6c1334!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 8px 16px rgba(106,58,9,.10)!important;
}
body.ms-app .ms-premium-gate-secondary:hover{
  transform:translateY(-1px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 20px rgba(106,58,9,.14)!important;
}

body.ms-app .ms-premium-gate-primary{
  position:relative!important;
  overflow:hidden!important;
  border:2px solid #945a07!important;
  color:#4a2201!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.95) 0,rgba(255,255,255,.7) 3%,rgba(255,255,255,0) 8%),
    linear-gradient(180deg,#fff4a7 0%,#f6d05b 26%,#d6901a 54%,#a96308 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -6px 10px rgba(99,54,8,.18),
    0 8px 0 #7c4303,
    0 18px 28px rgba(111,61,6,.22)!important;
}
body.ms-app .ms-premium-gate-primary::before{
  content:""!important;
  position:absolute!important;
  top:10px!important;
  left:28px!important;
  right:28px!important;
  height:18px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.08))!important;
  pointer-events:none!important;
}
body.ms-app .ms-premium-gate-primary::after{
  content:""!important;
  position:absolute!important;
  inset:-40% auto auto -22%!important;
  width:38%!important;
  height:180%!important;
  transform:rotate(26deg)!important;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0))!important;
  animation:msPremiumSweep 4s linear infinite!important;
  pointer-events:none!important;
}
@keyframes msPremiumSweep{
  0%{left:-28%!important}
  100%{left:112%!important}
}
body.ms-app .ms-premium-gate-primary:hover{
  transform:translateY(-2px)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -6px 10px rgba(99,54,8,.18),
    0 10px 0 #7c4303,
    0 20px 30px rgba(111,61,6,.26)!important;
}

@media(max-width:900px){
  body.ms-app .ms-premium-gate-shell{padding:72px 26px 24px!important}
  body.ms-app .ms-premium-gate-top-crest{min-width:250px!important}
  body.ms-app .ms-premium-gate-actions{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.ms-app .ms-premium-gate-actions .ms-btn{min-height:74px!important}
}

@media(max-width:600px){
  body.ms-app .ms-premium-gate-dialog{padding:14px!important}
  body.ms-app .ms-premium-gate-card{width:min(96vw,96vw)!important;border-radius:24px!important}
  body.ms-app .ms-premium-gate-shell{padding:64px 18px 18px!important;border-radius:20px!important}
  body.ms-app .ms-premium-gate-top-crest{min-width:210px!important;height:44px!important}
  body.ms-app .ms-premium-gate-icon{width:86px!important;height:86px!important}
  body.ms-app .ms-premium-gate-icon .ms-icon{width:46px!important;height:46px!important}
  body.ms-app .ms-premium-gate-card h2{font-size:30px!important}
  body.ms-app .ms-premium-gate-copy{font-size:16px!important}
  body.ms-app .ms-premium-gate-benefits{padding:14px 16px!important;border-radius:18px!important}
  body.ms-app .ms-premium-gate-benefit-row{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:10px!important;
    padding:10px 0!important;
  }
  body.ms-app .ms-premium-gate-benefit-row b{width:30px!important;height:30px!important;font-size:16px!important}
  body.ms-app .ms-premium-gate-benefit-row span{font-size:16px!important}
  body.ms-app .ms-premium-gate-actions .ms-btn{min-height:58px!important;font-size:18px!important;border-radius:16px!important}
}


/* Batch 77 — Verification center section spacing */
body.ms-app .ms-verification-page{
  display:grid!important;
  gap:22px!important;
  align-items:start!important;
}
body.ms-app .ms-verification-page > .ms-verify-summary{
  margin:0!important;
}
body.ms-app .ms-verification-page > .ms-verify-card{
  margin:0!important;
}
body.ms-app .ms-verification-page > .ms-verify-card + .ms-verify-card{
  margin-top:0!important;
}
body.ms-app .ms-verification-page .ms-verify-summary + .ms-verify-card{
  margin-top:0!important;
}
body.ms-app .ms-verification-page .ms-verify-card .ms-form-head{
  margin-bottom:18px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid rgba(120,80,90,.18)!important;
}
@media(max-width:900px){
  body.ms-app .ms-verification-page{gap:18px!important}
}


/* =====================================================================
   Batch 78 — 3-dot menu live action states
   ===================================================================== */
body.ms-app .ms-android-more-popover button{
  transition:background .16s ease,color .16s ease,transform .16s ease,opacity .16s ease!important;
}

body.ms-app .ms-android-more-popover button.is-loading{
  opacity:.62!important;
  cursor:wait!important;
}

body.ms-app .ms-android-more-popover button.is-shortlisted{
  color:#9f0e43!important;
  background:#fff1f6!important;
}

body.ms-app .ms-menu-heart{
  width:20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:20px!important;
  line-height:1!important;
  color:#8c123d!important;
}

body.ms-app .ms-android-more-popover button.is-shortlisted .ms-menu-heart{
  color:#c8124f!important;
}

body.ms-app .ms-android-more-popover button.is-sent,
body.ms-app .ms-android-more-popover button:disabled.is-sent{
  opacity:1!important;
  color:#6b1636!important;
  background:#f7edf1!important;
  cursor:default!important;
}

body.ms-app .ms-profile-card.is-removing{
  opacity:0!important;
  transform:scale(.97)!important;
  pointer-events:none!important;
  transition:opacity .2s ease,transform .2s ease!important;
}

/* Keep Super Sent visually strong inside the main card instead of hiding/removing it. */
body.ms-app .ms-android-super-btn.is-sent,
body.ms-app span.ms-android-super-btn.is-sent{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  opacity:1!important;
}


/* =====================================================================
   Batch 79 — Taller Chat right-side profile portrait
   ===================================================================== */
@media(min-width:1800px){
  body.ms-app .ms-chat-side > img{
    width:100%!important;
    height:340px!important;
    min-height:340px!important;
    object-fit:cover!important;
    object-position:center top!important;
    border-radius:18px!important;
  }
}

\n\n/* =====================================================================\n   Batch 80 — Separate Login and Registration screens\n   ===================================================================== */\nbody.ms-app .ms-auth-switch{\n  margin-top:16px!important;\n  text-align:center!important;\n  font-size:14px!important;\n  font-weight:500!important;\n  color:#6f5a63!important;\n}\nbody.ms-app .ms-auth-switch a{\n  color:#8f123f!important;\n  font-weight:700!important;\n  text-decoration:none!important;\n}\nbody.ms-app .ms-auth-switch a:hover{text-decoration:underline!important}\nbody.ms-app .ms-register-card{\n  width:min(650px,94vw)!important;\n}\nbody.ms-app .ms-register-form{gap:18px!important}\nbody.ms-app .ms-register-grid{\n  display:grid!important;\n  grid-template-columns:1fr 1fr!important;\n  gap:14px!important;\n}\nbody.ms-app .ms-register-grid .wide{grid-column:1/-1!important}\nbody.ms-app .ms-register-grid label{\n  display:grid!important;\n  gap:7px!important;\n  font-size:13px!important;\n  font-weight:600!important;\n  color:#3e242d!important;\n}\nbody.ms-app .ms-register-grid input,\nbody.ms-app .ms-register-grid select{\n  width:100%!important;\n  min-width:0!important;\n  min-height:48px!important;\n  border:1px solid #e5cfbc!important;\n  border-radius:14px!important;\n  background:#fffdfa!important;\n  padding:0 14px!important;\n  box-sizing:border-box!important;\n  font:500 14px var(--sans)!important;\n}\nbody.ms-app .ms-register-consent{\n  display:grid!important;\n  grid-template-columns:22px minmax(0,1fr)!important;\n  align-items:start!important;\n  gap:10px!important;\n  margin:4px 0 2px!important;\n}\nbody.ms-app .ms-register-consent input{\n  width:20px!important;\n  height:20px!important;\n  margin:1px 0 0!important;\n}\nbody.ms-app .ms-register-consent>span{display:none!important}\nbody.ms-app .ms-register-consent em{\n  font-style:normal!important;\n  font-size:13px!important;\n  font-weight:500!important;\n  line-height:1.4!important;\n  color:#4d3a41!important;\n}\nbody.ms-app .ms-register-consent a{\n  color:#8f123f!important;\n  font-weight:700!important;\n}\n@media(max-width:720px){\n  body.ms-app .ms-register-grid{grid-template-columns:1fr!important}\n  body.ms-app .ms-register-grid .wide{grid-column:auto!important}\n}\n

/* =====================================================================
   Batch 85 — Premium registration CTA on Login screen
   ===================================================================== */
body.ms-app .ms-auth-switch--register-cta{
  position:relative!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
  width:100%!important;
  margin:20px 0 4px!important;
  padding:13px 14px!important;
  border-radius:18px!important;
  border:1px solid rgba(205,159,55,.62)!important;
  background:
    linear-gradient(135deg,rgba(255,251,235,.98),rgba(255,243,201,.96))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 9px 22px rgba(96,51,8,.11)!important;
  text-align:left!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

body.ms-app .ms-auth-switch--register-cta::before{
  content:""!important;
  position:absolute!important;
  top:-45px!important;
  right:68px!important;
  width:125px!important;
  height:125px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,224,119,.32),rgba(255,224,119,0) 70%)!important;
  pointer-events:none!important;
}

body.ms-app .ms-register-cta-icon{
  position:relative!important;
  z-index:1!important;
  width:46px!important;
  height:46px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  color:#6b4303!important;
  background:
    linear-gradient(180deg,#fff3a9 0%,#e8ba49 56%,#bd8120 100%)!important;
  border:1px solid rgba(168,110,20,.55)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -4px 8px rgba(94,52,5,.13),
    0 5px 0 rgba(139,89,10,.18),
    0 9px 16px rgba(94,52,5,.15)!important;
}

body.ms-app .ms-register-cta-icon .ms-icon{
  width:23px!important;
  height:23px!important;
}

body.ms-app .ms-register-cta-copy{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}

body.ms-app .ms-register-cta-copy small{
  color:#7a5f38!important;
  font:500 12px/1.2 var(--sans)!important;
}

body.ms-app .ms-register-cta-copy strong{
  color:#541026!important;
  font:700 14px/1.28 var(--sans)!important;
}

body.ms-app .ms-register-cta-button{
  position:relative!important;
  z-index:1!important;
  min-height:46px!important;
  padding:0 18px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  color:#fff!important;
  font:700 13px/1 var(--sans)!important;
  border:1px solid #8f0e3a!important;
  background:
    linear-gradient(180deg,#d92965 0%,#b30d48 54%,#88062f 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -4px 8px rgba(87,0,27,.2),
    0 5px 0 #690524,
    0 10px 19px rgba(123,6,45,.24)!important;
  overflow:hidden!important;
}

body.ms-app .ms-register-cta-button::before{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  top:3px!important;
  height:16px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}

body.ms-app .ms-register-cta-button:hover{
  color:#fff!important;
  text-decoration:none!important;
  transform:translateY(-1px)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -4px 8px rgba(87,0,27,.2),
    0 6px 0 #690524,
    0 13px 22px rgba(123,6,45,.28)!important;
}

body.ms-app .ms-register-cta-button:active{
  transform:translateY(3px)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.4),
    0 2px 0 #690524,
    0 6px 11px rgba(123,6,45,.2)!important;
}

body.ms-app .ms-register-cta-button span{
  font-size:17px!important;
  line-height:1!important;
}

@media(max-width:620px){
  body.ms-app .ms-auth-switch--register-cta{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:11px!important;
  }

  body.ms-app .ms-register-cta-button{
    grid-column:1/-1!important;
    width:100%!important;
    margin-top:3px!important;
  }
}


/* =====================================================================
   Batch 86 — Registration selectors, compact premium gate, menu polish,
   profile score parity and Interest-style Super Connect cards
   ===================================================================== */
body.ms-app .ms-register-grid select{
  appearance:none!important;-webkit-appearance:none!important;
  background-image:linear-gradient(45deg,transparent 50%,#7e193c 50%),linear-gradient(135deg,#7e193c 50%,transparent 50%),linear-gradient(180deg,#fffefa,#fff9f0)!important;
  background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px,0 0!important;
  background-size:5px 5px,5px 5px,100% 100%!important;background-repeat:no-repeat!important;
  padding-right:38px!important;cursor:pointer!important;
}
body.ms-app .ms-register-grid [data-other-input][hidden]{display:none!important}
body.ms-app .ms-register-grid [data-other-input]:not([hidden]){display:block!important;margin-top:7px!important}
body.ms-app .ms-register-submit-premium{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;min-height:56px!important;border-radius:17px!important;
  border:1px solid #8a5708!important;color:#4b2600!important;font:800 17px/1 var(--sans)!important;
  background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.95) 0,rgba(255,255,255,.65) 4%,transparent 10%),linear-gradient(180deg,#fff4a2 0%,#f4cf57 28%,#d8941d 60%,#ad6808 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -5px 9px rgba(112,61,4,.19),0 6px 0 #7a4305,0 14px 24px rgba(107,58,4,.22)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.45)!important;letter-spacing:.1px!important;
}
body.ms-app .ms-register-submit-premium::before{content:""!important;position:absolute!important;z-index:-1!important;top:7px!important;left:24px!important;right:24px!important;height:17px!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.04))!important}
body.ms-app .ms-register-submit-premium::after{content:""!important;position:absolute!important;top:-60%!important;left:-26%!important;width:34%!important;height:220%!important;transform:rotate(24deg)!important;background:linear-gradient(180deg,transparent,rgba(255,255,255,.65),transparent)!important;animation:msRegisterShine 3.6s linear infinite!important;pointer-events:none!important}
@keyframes msRegisterShine{0%{left:-30%}100%{left:118%}}
body.ms-app .ms-register-submit-premium:hover{transform:translateY(-2px)!important;box-shadow:inset 0 1px 0 #fff,0 8px 0 #7a4305,0 18px 28px rgba(107,58,4,.26)!important}
body.ms-app .ms-register-submit-premium:active{transform:translateY(4px)!important;box-shadow:inset 0 1px 0 #fff,0 2px 0 #7a4305,0 7px 13px rgba(107,58,4,.18)!important}
body.ms-app .ms-register-submit-premium b{font-size:22px!important;margin-left:8px!important}

body.ms-app .ms-android-more-menu,body.ms-app .ms-android-more-menu summary,body.ms-app .ms-android-more-popover,body.ms-app .ms-android-more-popover *{cursor:default!important;user-select:none!important;-webkit-user-select:none!important;caret-color:transparent!important}
body.ms-app .ms-android-more-menu summary,body.ms-app .ms-android-more-popover button{cursor:pointer!important}
body.ms-app .ms-android-more-menu summary:focus{outline:none!important}
body.ms-app .ms-android-more-menu summary::selection,body.ms-app .ms-android-more-popover *::selection{background:transparent!important}

/* One clean score system on the profile-detail photo; remove inherited chip artefacts. */
body.ms-app .ms-detail-photo-score-chips{gap:10px!important;align-items:flex-end!important}
body.ms-app .ms-detail-photo--match-parity .ms-detail-astro-chip,
body.ms-app .ms-detail-photo--match-parity .ms-detail-match-chip{
  position:relative!important;width:58px!important;height:58px!important;min-height:58px!important;padding:0!important;border-radius:50%!important;
  flex:0 0 58px!important;display:grid!important;place-items:center!important;gap:0!important;
  background:linear-gradient(180deg,#a90d45,#7f0631)!important;border:3px solid #d7a61c!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(20,5,10,.24)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.ms-app .ms-detail-photo--match-parity .ms-detail-astro-chip::before,
body.ms-app .ms-detail-photo--match-parity .ms-detail-match-chip::before,
body.ms-app .ms-detail-photo--match-parity .ms-detail-astro-chip::after,
body.ms-app .ms-detail-photo--match-parity .ms-detail-match-chip::after{content:none!important;display:none!important}
body.ms-app .ms-detail-photo--match-parity .ms-detail-astro-chip b,
body.ms-app .ms-detail-photo--match-parity .ms-detail-match-chip b{color:#fff!important;font-size:13px!important;font-weight:800!important;line-height:1!important}
body.ms-app .ms-detail-photo--match-parity .ms-detail-match-chip span{display:block!important;color:#ffeec3!important;font-size:8px!important;font-weight:700!important;line-height:1!important;margin-top:-12px!important;text-transform:uppercase!important;letter-spacing:.3px!important}
body.ms-app .ms-detail-photo--match-parity .ms-astro-symbol{position:absolute!important;top:6px!important;left:0!important;right:0!important;color:#ffeec3!important;font-size:10px!important;font-style:normal!important;font-weight:800!important;text-align:center!important}
body.ms-app .ms-detail-photo--match-parity .ms-detail-astro-chip b{margin-top:10px!important}

/* Compact premium gate: smaller card, three core benefit rows, tighter actions. */
body.ms-app .ms-premium-gate-card{width:min(470px,92vw)!important;border-radius:20px!important}
body.ms-app .ms-premium-gate-shell{padding:54px 24px 20px!important;border-radius:17px!important}
body.ms-app .ms-premium-gate-top-crest{min-width:190px!important;height:36px!important}
body.ms-app .ms-premium-gate-crown-wrap{margin-top:0!important}
body.ms-app .ms-premium-gate-icon{width:66px!important;height:66px!important;margin:0 auto 9px!important}
body.ms-app .ms-premium-gate-icon .ms-icon{width:34px!important;height:34px!important}
body.ms-app .ms-premium-gate-card h2{font-size:31px!important;margin:0 0 5px!important}
body.ms-app .ms-premium-gate-divider{margin:5px auto 7px!important}
body.ms-app .ms-premium-gate-copy{font-size:12.5px!important;line-height:1.38!important;margin:0 auto 11px!important;max-width:390px!important}
body.ms-app .ms-premium-gate-benefits{gap:0!important;margin:9px 0 13px!important;padding:8px 14px!important;border-radius:14px!important}
body.ms-app .ms-premium-gate-benefit-row{grid-template-columns:29px minmax(0,1fr)!important;gap:9px!important;padding:7px 0!important;min-height:0!important}
body.ms-app .ms-premium-gate-benefit-row b{width:24px!important;height:24px!important;font-size:13px!important}
body.ms-app .ms-premium-gate-benefit-row span{font-size:13px!important;line-height:1.2!important}
body.ms-app .ms-premium-gate-actions{gap:10px!important;margin-top:0!important}
body.ms-app .ms-premium-gate-actions .ms-btn{min-height:48px!important;font-size:15px!important;border-radius:13px!important}
@media(max-width:600px){body.ms-app .ms-premium-gate-card{width:min(92vw,450px)!important}body.ms-app .ms-premium-gate-shell{padding:49px 15px 15px!important}body.ms-app .ms-premium-gate-icon{width:58px!important;height:58px!important}body.ms-app .ms-premium-gate-card h2{font-size:26px!important}body.ms-app .ms-premium-gate-actions{grid-template-columns:1fr 1fr!important}body.ms-app .ms-premium-gate-actions .ms-btn{min-height:46px!important;font-size:14px!important}}

/* Super Connect cards use the exact photo-card language of Interests. */
body.ms-app .ms-super-photo-grid{margin-top:14px!important}
body.ms-app .ms-super-photo-card .ms-interest-super-chip{display:inline-flex!important;align-items:center!important;gap:5px!important;background:linear-gradient(180deg,#fff2a8,#dca12c)!important;color:#5d3600!important;border:1px solid rgba(122,74,8,.45)!important}
body.ms-app .ms-super-photo-card .ms-interest-super-chip .ms-icon{width:13px!important;height:13px!important}
body.ms-app .ms-super-card-footer{position:relative!important;z-index:4!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:9px!important}
body.ms-app .ms-super-card-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:0 11px!important;border-radius:999px!important;background:rgba(255,255,255,.92)!important;color:#7f1139!important;font-size:11px!important;font-weight:800!important;border:1px solid rgba(255,255,255,.65)!important}
body.ms-app .ms-super-card-status.viewed{color:#4c5157!important}
body.ms-app .ms-super-card-status.expired{color:#7a6b61!important}
body.ms-app .ms-super-view-profile{min-height:34px!important;padding:0 14px!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
body.ms-app .ms-super-quota-panel .ms-kpi-grid{gap:10px!important}
body.ms-app .ms-super-quota-panel .ms-kpi{border-radius:14px!important;background:linear-gradient(180deg,#fff,#fffaf0)!important}


/* =====================================================================
   Batch 87 — Login registration CTA rebuilt as a real premium button
   ===================================================================== */
body.ms-app .ms-login-register-block{
  display:grid!important;
  gap:8px!important;
  width:100%!important;
  margin:19px 0 6px!important;
  padding:0!important;
  text-align:left!important;
}
body.ms-app .ms-login-register-label{
  display:block!important;
  color:#7b626a!important;
  font:600 12px/1.2 var(--sans)!important;
  letter-spacing:.1px!important;
}
body.ms-app a.ms-login-register-premium{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  min-height:66px!important;
  padding:9px 14px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-radius:16px!important;
  border:1px solid #986006!important;
  background:
    radial-gradient(circle at 84% 12%,rgba(255,255,255,.98) 0 2%,rgba(255,255,255,.55) 4%,transparent 11%),
    linear-gradient(180deg,#fff3a4 0%,#f5cf53 28%,#db991f 62%,#b36c08 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -4px 8px rgba(105,57,0,.18),
    0 5px 0 #865006,
    0 12px 23px rgba(95,51,0,.22)!important;
  color:#4a2600!important;
  text-decoration:none!important;
  overflow:hidden!important;
  cursor:pointer!important;
  transform:translateY(0)!important;
}
body.ms-app a.ms-login-register-premium::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:15px!important;
  right:15px!important;
  top:5px!important;
  height:17px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}
body.ms-app a.ms-login-register-premium::after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  top:-75%!important;
  left:-35%!important;
  width:25%!important;
  height:250%!important;
  transform:rotate(22deg)!important;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.72),transparent)!important;
  animation:msLoginRegisterShine 3.2s ease-in-out infinite!important;
  pointer-events:none!important;
}
@keyframes msLoginRegisterShine{0%,20%{left:-35%}65%,100%{left:125%}}
body.ms-app .ms-login-register-star{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  border-radius:13px!important;
  color:#fff7cc!important;
  background:linear-gradient(180deg,#a8174a,#73082e)!important;
  border:1px solid rgba(81,2,28,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 9px rgba(87,4,34,.2)!important;
}
body.ms-app .ms-login-register-star .ms-icon{width:20px!important;height:20px!important}
body.ms-app .ms-login-register-text{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
  color:#4a2600!important;
  text-align:left!important;
}
body.ms-app .ms-login-register-text b{
  color:#4a2600!important;
  font:800 15px/1.15 var(--sans)!important;
}
body.ms-app .ms-login-register-text small{
  color:#6d470f!important;
  font:600 11.5px/1.2 var(--sans)!important;
}
body.ms-app .ms-login-register-arrow{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
  color:#fff!important;
  background:#8f123f!important;
  font:800 16px/1 var(--sans)!important;
}
body.ms-app a.ms-login-register-premium:hover{
  color:#4a2600!important;
  text-decoration:none!important;
  transform:translateY(-2px)!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -4px 8px rgba(105,57,0,.18),0 7px 0 #865006,0 16px 27px rgba(95,51,0,.26)!important;
}
body.ms-app a.ms-login-register-premium:active{
  transform:translateY(3px)!important;
  box-shadow:inset 0 1px 0 #fff,0 2px 0 #865006,0 7px 13px rgba(95,51,0,.18)!important;
}
@media(max-width:560px){
  body.ms-app a.ms-login-register-premium{min-height:62px!important;padding:8px 12px!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:9px!important}
  body.ms-app .ms-login-register-star{width:37px!important;height:37px!important;border-radius:12px!important}
  body.ms-app .ms-login-register-text b{font-size:14px!important}
  body.ms-app .ms-login-register-text small{font-size:10.5px!important}
}
@media(prefers-reduced-motion:reduce){body.ms-app a.ms-login-register-premium::after{animation:none!important}}



/* =====================================================================
   Batch 92 — Login page mockup implementation
   ===================================================================== */
body.ms-site .ms-login-page,
body.ms-app .ms-login-page{
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:minmax(420px,1.03fr) minmax(560px,.97fr)!important;
  background:linear-gradient(180deg,#fffdf8 0%,#fff8f0 100%)!important;
}
body.ms-site .ms-login-visual,
body.ms-app .ms-login-visual{
  position:relative!important;
  min-height:100vh!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(49,9,15,.18),rgba(49,9,15,.08)),
    linear-gradient(180deg,rgba(82,20,24,.08),rgba(82,20,24,.22)),
    url("../img/generated/milansaathi-login-hero.jpg") center/cover no-repeat!important;
}
body.ms-site .ms-login-visual::after,
body.ms-app .ms-login-visual::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 70% 22%,rgba(255,226,170,.28),transparent 26%), radial-gradient(circle at 26% 85%,rgba(126,0,49,.18),transparent 32%)!important;
  pointer-events:none!important;
}
body.ms-site .ms-login-brand,
body.ms-app .ms-login-brand{
  position:absolute!important;
  top:44px!important;
  left:54px!important;
  z-index:2!important;
  color:#fffdf7!important;
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
}
body.ms-site .ms-login-brand strong,
body.ms-app .ms-login-brand strong{
  font:800 clamp(36px,3vw,52px)/.92 var(--serif)!important;
  color:#fff!important;
  letter-spacing:-.02em!important;
}
body.ms-site .ms-login-brand strong span,
body.ms-app .ms-login-brand strong span{color:#efbd47!important}
body.ms-site .ms-login-brand small,
body.ms-app .ms-login-brand small{
  display:block!important;
  margin-top:6px!important;
  color:#f6dda6!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  font:700 12px/1.4 var(--sans)!important;
}
body.ms-site .ms-login-brand .ms-logo-mark,
body.ms-app .ms-login-brand .ms-logo-mark{
  width:82px!important;height:82px!important;min-width:82px!important;
  box-shadow:0 16px 34px rgba(0,0,0,.28)!important;
}
body.ms-site .ms-login-trust,
body.ms-app .ms-login-trust{
  left:34px!important;
  bottom:38px!important;
  width:min(300px,calc(100% - 68px))!important;
  padding:22px 18px 18px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,221,165,.24)!important;
  background:linear-gradient(180deg,rgba(87,8,37,.75),rgba(61,5,29,.66))!important;
  backdrop-filter:blur(8px)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.22)!important;
  z-index:2!important;
}
body.ms-site .ms-login-trust::after,
body.ms-app .ms-login-trust::after{
  content:""!important;
  position:absolute!important;
  inset:12px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,232,190,.09)!important;
  pointer-events:none!important;
}
body.ms-site .ms-login-trust svg,
body.ms-app .ms-login-trust svg{width:34px!important;height:34px!important;margin-bottom:10px!important;color:#efbd47!important}
body.ms-site .ms-login-trust p,
body.ms-app .ms-login-trust p{
  margin:0!important;
  font:600 17px/1.48 var(--serif)!important;
  color:#fff7ec!important;
}
body.ms-site .ms-login-trust hr,
body.ms-app .ms-login-trust hr{margin:14px 0!important;border-top-color:rgba(255,215,145,.38)!important}
body.ms-site .ms-login-panel,
body.ms-app .ms-login-panel{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  padding:42px 48px!important;
  background:
    radial-gradient(circle at 24% 18%,rgba(236,208,157,.16),transparent 24%),
    linear-gradient(180deg,#fffdf8,#fff9f3)!important;
}
body.ms-site .ms-back-home,
body.ms-app .ms-back-home{
  position:absolute!important;
  top:40px!important;
  right:54px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#7a1937!important;
  font:700 18px/1.1 var(--sans)!important;
  text-decoration:none!important;
}
body.ms-site .ms-back-home span,
body.ms-app .ms-back-home span{font-size:24px!important;line-height:1!important}
body.ms-site .ms-back-home:hover,
body.ms-app .ms-back-home:hover{color:#5a0d27!important;transform:translateX(-2px)!important}
body.ms-site .ms-login-card--mockup,
body.ms-app .ms-login-card--mockup{
  width:min(640px,100%)!important;
  padding:76px 52px 34px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(223,195,141,.82)!important;
  border-radius:34px!important;
  box-shadow:0 24px 64px rgba(111,65,26,.08)!important;
  overflow:visible!important;
}
body.ms-site .ms-login-card--mockup::before,
body.ms-app .ms-login-card--mockup::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:34px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)!important;
  pointer-events:none!important;
}
body.ms-site .ms-login-card--mockup .ms-login-emblem,
body.ms-app .ms-login-card--mockup .ms-login-emblem{
  top:-42px!important;
  width:96px!important;height:96px!important;
  background:linear-gradient(180deg,#fffdfb,#fff4e8)!important;
  border:3px solid rgba(255,255,255,.96)!important;
  box-shadow:0 16px 34px rgba(124,60,15,.14)!important;
}
body.ms-site .ms-login-card--mockup h1,
body.ms-app .ms-login-card--mockup h1{
  margin:2px 0 8px!important;
  color:#7b102b!important;
  font:800 clamp(52px,4.1vw,64px)/.95 var(--serif)!important;
}
body.ms-site .ms-login-card--mockup > p,
body.ms-app .ms-login-card--mockup > p{
  margin:0 auto 18px!important;
  max-width:470px!important;
  color:#7b6364!important;
  font:500 17px/1.5 var(--sans)!important;
}
body.ms-site .ms-login-card--mockup .ms-gold-divider,
body.ms-app .ms-login-card--mockup .ms-gold-divider{margin:16px 0 24px!important}
body.ms-site .ms-login-card--mockup .ms-gold-divider span,
body.ms-app .ms-login-card--mockup .ms-gold-divider span{width:180px!important}
body.ms-site .ms-login-form,
body.ms-app .ms-login-form{gap:20px!important}
body.ms-site .ms-login-form label,
body.ms-app .ms-login-form label{
  color:#3d2329!important;
  font-size:16px!important;
  font-weight:800!important;
}
body.ms-site .ms-login-form .ms-input-icon,
body.ms-app .ms-login-form .ms-input-icon{
  min-height:68px!important;
  border:1.5px solid rgba(224,197,151,.96)!important;
  border-radius:18px!important;
  background:#fff!important;
  padding:0 22px!important;
  gap:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98), 0 10px 26px rgba(107,55,13,.03)!important;
}
body.ms-site .ms-login-form .ms-input-icon .ms-icon,
body.ms-app .ms-login-form .ms-input-icon .ms-icon{width:24px!important;height:24px!important;color:#8b4655!important}
body.ms-site .ms-login-form .ms-login-email-input,
body.ms-app .ms-login-form .ms-login-email-input{
  font:700 16px/1.2 var(--sans)!important;
  color:#352029!important;
}
body.ms-site .ms-login-form .ms-login-email-input::placeholder,
body.ms-app .ms-login-form .ms-login-email-input::placeholder{color:#9b8b8e!important;font-weight:600!important}
body.ms-site .ms-login-submit-btn,
body.ms-app .ms-login-submit-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-height:72px!important;
  border-radius:18px!important;
  border:1px solid rgba(214,170,52,.72)!important;
  background:linear-gradient(180deg,#bc0c41 0%,#8f0d33 100%)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.2), 0 8px 18px rgba(125,14,47,.22)!important;
  font:800 18px/1 var(--sans)!important;
  letter-spacing:.01em!important;
}
body.ms-site .ms-login-submit-btn:hover,
body.ms-app .ms-login-submit-btn:hover{transform:translateY(-1px)!important;filter:saturate(1.03)!important}
body.ms-site .ms-login-submit-icon,
body.ms-app .ms-login-submit-icon{
  font-size:20px!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
}
body.ms-site .ms-safe-note--mockup,
body.ms-app .ms-safe-note--mockup{
  margin:22px 0 20px!important;
  color:#7f6c69!important;
  gap:10px!important;
  font:500 15px/1.5 var(--sans)!important;
}
body.ms-site .ms-safe-note--mockup .ms-icon,
body.ms-app .ms-safe-note--mockup .ms-icon{width:18px!important;height:18px!important;color:#d2a02f!important}
body.ms-site .ms-login-register-block--mockup,
body.ms-app .ms-login-register-block--mockup{
  display:grid!important;
  gap:14px!important;
  margin:4px 0 24px!important;
}
body.ms-site .ms-login-register-label,
body.ms-app .ms-login-register-label{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#6f5c59!important;
  font:500 16px/1.3 var(--sans)!important;
}
body.ms-site .ms-login-register-label::before,
body.ms-site .ms-login-register-label::after,
body.ms-app .ms-login-register-label::before,
body.ms-app .ms-login-register-label::after{
  content:""!important;
  flex:1 1 auto!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(211,177,104,.85))!important;
}
body.ms-site .ms-login-register-label::before,
body.ms-app .ms-login-register-label::before{margin-right:16px!important}
body.ms-site .ms-login-register-label::after,
body.ms-app .ms-login-register-label::after{margin-left:16px!important;transform:scaleX(-1)!important}
body.ms-site a.ms-login-register-premium,
body.ms-app a.ms-login-register-premium{
  position:relative!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) 54px!important;
  align-items:center!important;
  gap:16px!important;
  min-height:96px!important;
  padding:15px 18px!important;
  border-radius:22px!important;
  border:1.5px solid rgba(228,189,88,.95)!important;
  background:linear-gradient(180deg,#fffaf0 0%,#fff2cb 100%)!important;
  box-shadow:0 12px 28px rgba(137,92,8,.08)!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
body.ms-site a.ms-login-register-premium::before,
body.ms-app a.ms-login-register-premium::before{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  top:8px!important;
  height:16px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}
body.ms-site a.ms-login-register-premium::after,
body.ms-app a.ms-login-register-premium::after{
  content:""!important;
  position:absolute!important;
  top:-95%!important;
  left:-30%!important;
  width:20%!important;
  height:280%!important;
  transform:rotate(22deg)!important;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.65),transparent)!important;
  animation:msLoginRegisterShine 3.3s ease-in-out infinite!important;
  pointer-events:none!important;
}
body.ms-site .ms-login-register-star,
body.ms-app .ms-login-register-star{
  display:grid!important;
  place-items:center!important;
  width:58px!important;height:58px!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#99133f,#7f092f)!important;
  color:#fff6da!important;
  border:2px solid rgba(255,255,255,.6)!important;
  box-shadow:0 10px 22px rgba(130,15,46,.18)!important;
}
body.ms-site .ms-login-register-star .ms-icon,
body.ms-app .ms-login-register-star .ms-icon{width:28px!important;height:28px!important}
body.ms-site .ms-login-register-text,
body.ms-app .ms-login-register-text{display:grid!important;gap:5px!important;text-align:left!important;color:#5b1a20!important}
body.ms-site .ms-login-register-text b,
body.ms-app .ms-login-register-text b{font:800 21px/1.1 var(--serif)!important;color:#6c1329!important}
body.ms-site .ms-login-register-text small,
body.ms-app .ms-login-register-text small{font:600 13px/1.35 var(--sans)!important;color:#856436!important}
body.ms-site .ms-login-register-arrow,
body.ms-app .ms-login-register-arrow{
  display:grid!important;place-items:center!important;
  width:40px!important;height:40px!important;border-radius:50%!important;
  border:1.5px solid rgba(135,17,51,.46)!important;
  color:#83133a!important;background:rgba(255,255,255,.82)!important;
  font:800 28px/1 var(--sans)!important;
}
body.ms-site .ms-login-benefits--mockup,
body.ms-app .ms-login-benefits--mockup{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  padding-top:18px!important;
  border-top:1px solid rgba(222,201,165,.7)!important;
}
body.ms-site .ms-login-benefits--mockup > span,
body.ms-app .ms-login-benefits--mockup > span{
  display:grid!important;
  grid-template-columns:46px 1fr!important;
  align-items:start!important;
  gap:4px 12px!important;
  padding:0 18px!important;
  text-align:left!important;
  position:relative!important;
}
body.ms-site .ms-login-benefits--mockup > span + span::before,
body.ms-app .ms-login-benefits--mockup > span + span::before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:6px!important;bottom:6px!important;
  width:1px!important;background:rgba(222,201,165,.7)!important;
}
body.ms-site .ms-login-benefits--mockup svg,
body.ms-app .ms-login-benefits--mockup svg{width:38px!important;height:38px!important;color:#d5a12e!important;grid-row:1/3!important}
body.ms-site .ms-login-benefits--mockup b,
body.ms-app .ms-login-benefits--mockup b{font-size:15px!important;color:#3e2627!important}
body.ms-site .ms-login-benefits--mockup small,
body.ms-app .ms-login-benefits--mockup small{font-size:13px!important;line-height:1.4!important;color:#7d6766!important}
@media(max-width:1180px){
  body.ms-site .ms-login-page,
  body.ms-app .ms-login-page{grid-template-columns:1fr!important}
  body.ms-site .ms-login-visual,
  body.ms-app .ms-login-visual{min-height:520px!important}
  body.ms-site .ms-login-panel,
  body.ms-app .ms-login-panel{padding:48px 20px 30px!important}
  body.ms-site .ms-back-home,
  body.ms-app .ms-back-home{right:24px!important;top:18px!important;font-size:16px!important}
}
@media(max-width:720px){
  body.ms-site .ms-login-brand,
  body.ms-app .ms-login-brand{top:28px!important;left:22px!important;gap:12px!important}
  body.ms-site .ms-login-brand .ms-logo-mark,
  body.ms-app .ms-login-brand .ms-logo-mark{width:62px!important;height:62px!important;min-width:62px!important}
  body.ms-site .ms-login-brand strong,
  body.ms-app .ms-login-brand strong{font-size:28px!important}
  body.ms-site .ms-login-brand small,
  body.ms-app .ms-login-brand small{font-size:10px!important}
  body.ms-site .ms-login-trust,
  body.ms-app .ms-login-trust{left:18px!important;right:18px!important;bottom:20px!important;width:auto!important}
  body.ms-site .ms-login-card--mockup,
  body.ms-app .ms-login-card--mockup{padding:68px 20px 24px!important;border-radius:26px!important}
  body.ms-site .ms-login-card--mockup h1,
  body.ms-app .ms-login-card--mockup h1{font-size:42px!important}
  body.ms-site .ms-login-card--mockup>p,
  body.ms-app .ms-login-card--mockup>p{font-size:15px!important}
  body.ms-site .ms-login-form label,
  body.ms-app .ms-login-form label{font-size:15px!important}
  body.ms-site .ms-login-form .ms-input-icon,
  body.ms-app .ms-login-form .ms-input-icon{min-height:60px!important;padding:0 16px!important;border-radius:16px!important}
  body.ms-site .ms-login-submit-btn,
  body.ms-app .ms-login-submit-btn{min-height:60px!important;border-radius:16px!important;font-size:16px!important}
  body.ms-site a.ms-login-register-premium,
  body.ms-app a.ms-login-register-premium{grid-template-columns:56px minmax(0,1fr) 40px!important;gap:12px!important;min-height:82px!important;padding:12px 14px!important;border-radius:18px!important}
  body.ms-site .ms-login-register-star,
  body.ms-app .ms-login-register-star{width:48px!important;height:48px!important}
  body.ms-site .ms-login-register-text b,
  body.ms-app .ms-login-register-text b{font-size:18px!important}
  body.ms-site .ms-login-register-text small,
  body.ms-app .ms-login-register-text small{font-size:12px!important}
  body.ms-site .ms-login-register-arrow,
  body.ms-app .ms-login-register-arrow{width:34px!important;height:34px!important;font-size:24px!important}
  body.ms-site .ms-login-benefits--mockup,
  body.ms-app .ms-login-benefits--mockup{grid-template-columns:1fr!important;gap:14px!important}
  body.ms-site .ms-login-benefits--mockup > span,
  body.ms-app .ms-login-benefits--mockup > span{padding:0!important}
  body.ms-site .ms-login-benefits--mockup > span + span::before,
  body.ms-app .ms-login-benefits--mockup > span + span::before{display:none!important}
}

/* Batch 93 — Registration royal premium picker dialog */
body.ms-site .ms-register-picker-field,
body.ms-app .ms-register-picker-field{
  gap:10px!important;
}
body.ms-site .ms-register-picker-btn,
body.ms-app .ms-register-picker-btn{
  width:100%!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:14px 16px!important;
  border-radius:16px!important;
  border:1.5px solid rgba(223,196,154,.95)!important;
  background:linear-gradient(180deg,#fffefb 0%,#fff7ed 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 18px rgba(102,55,10,.04)!important;
  color:#40252d!important;
  text-align:left!important;
  font:700 15px/1.35 var(--sans)!important;
  cursor:pointer!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
body.ms-site .ms-register-picker-btn span,
body.ms-app .ms-register-picker-btn span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.ms-site .ms-register-picker-btn b,
body.ms-app .ms-register-picker-btn b{
  flex:0 0 auto!important;
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  color:#7e1a36!important;
  background:#fff5eb!important;
  border:1px solid rgba(220,193,147,.72)!important;
  font-size:14px!important;
  line-height:1!important;
}
body.ms-site .ms-register-picker-btn:hover,
body.ms-app .ms-register-picker-btn:hover{
  transform:translateY(-1px)!important;
  border-color:#d7ab52!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 24px rgba(102,55,10,.08)!important;
}
body.ms-site .ms-register-picker-btn.is-filled,
body.ms-app .ms-register-picker-btn.is-filled{
  color:#581824!important;
  background:linear-gradient(180deg,#fffdf8 0%,#fff3df 100%)!important;
}
body.ms-site .ms-register-picker-btn:disabled,
body.ms-app .ms-register-picker-btn:disabled{
  cursor:not-allowed!important;
  opacity:.72!important;
  color:#9f8b89!important;
  background:linear-gradient(180deg,#fffcf7 0%,#f8f0e8 100%)!important;
}
body.ms-site .ms-register-picker-btn.is-error,
body.ms-app .ms-register-picker-btn.is-error{
  border-color:#bf264c!important;
  box-shadow:0 0 0 3px rgba(191,38,76,.12)!important;
}
body.ms-site .ms-register-picker-dialog,
body.ms-app .ms-register-picker-dialog{
  width:min(560px,100%)!important;
  border-radius:26px 26px 20px 20px!important;
  background:linear-gradient(180deg,#fffaf2 0%,#fffdf8 100%)!important;
}
body.ms-site .ms-register-picker-copy,
body.ms-app .ms-register-picker-copy{
  margin:0 0 14px!important;
  color:#715a5f!important;
  font-size:14px!important;
}
body.ms-site .ms-register-picker-search,
body.ms-app .ms-register-picker-search{margin-bottom:14px!important}
body.ms-site .ms-register-picker-search input,
body.ms-app .ms-register-picker-search input{
  min-height:50px!important;
  border-radius:14px!important;
  border:1px solid rgba(224,196,154,.94)!important;
  background:#fff!important;
  font-size:15px!important;
}
body.ms-site .ms-register-picker-options,
body.ms-app .ms-register-picker-options{
  display:grid!important;
  gap:10px!important;
  max-height:320px!important;
  overflow:auto!important;
  padding-right:4px!important;
  margin-bottom:14px!important;
}
body.ms-site .ms-register-picker-option,
body.ms-app .ms-register-picker-option{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px 16px!important;
  border-radius:16px!important;
  border:1px solid rgba(229,211,181,.95)!important;
  background:linear-gradient(180deg,#fff 0%,#fff7ed 100%)!important;
  color:#49262b!important;
  font-weight:700!important;
  cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
body.ms-site .ms-register-picker-option:hover,
body.ms-app .ms-register-picker-option:hover{
  transform:translateY(-1px)!important;
  border-color:#d4a646!important;
  box-shadow:0 8px 18px rgba(101,56,11,.06)!important;
}
body.ms-site .ms-register-picker-option input,
body.ms-app .ms-register-picker-option input{
  width:18px!important;
  height:18px!important;
  accent-color:#8f123f!important;
  flex:0 0 auto!important;
  margin:0!important;
}
body.ms-site .ms-register-picker-other,
body.ms-app .ms-register-picker-other{
  display:grid!important;
  gap:8px!important;
  color:#4e2430!important;
  font-weight:700!important;
  margin-bottom:16px!important;
}
body.ms-site .ms-register-picker-other input,
body.ms-app .ms-register-picker-other input{
  min-height:48px!important;
  border-radius:14px!important;
  border:1px solid rgba(223,196,154,.94)!important;
}
body.ms-site .ms-register-picker-other input.is-error,
body.ms-app .ms-register-picker-other input.is-error{
  border-color:#bf264c!important;
  box-shadow:0 0 0 3px rgba(191,38,76,.1)!important;
}
body.ms-site .ms-register-form .ms-register-picker-field.wide,
body.ms-app .ms-register-form .ms-register-picker-field.wide{
  grid-column:1 / -1!important;
}


/* =====================================================================
   Batch 97 — Profile Detail image only: bottom Astro/Match pills
   ===================================================================== */
body.ms-app .ms-detail-photo--match-parity .ms-detail-photo-bottom-overlay--scores-only{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:18px!important;
  z-index:7!important;
  display:block!important;
  min-width:0!important;
}

body.ms-app .ms-detail-photo--match-parity .ms-detail-photo-score-row{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
}

body.ms-app .ms-detail-photo--match-parity .ms-detail-photo-score-left,
body.ms-app .ms-detail-photo--match-parity .ms-detail-photo-score-right{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}

body.ms-app .ms-detail-photo--match-parity .ms-detail-photo-score-right{
  margin-left:auto!important;
}

body.ms-app .ms-detail-photo--match-parity .ms-detail-astro-chip,
body.ms-app .ms-detail-photo--match-parity .ms-detail-match-chip{
  position:static!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  color:#272125!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  box-shadow:0 10px 22px rgba(10,6,8,.18)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  font-family:var(--sans)!important;
}

body.ms-app .ms-detail-photo--match-parity .ms-detail-astro-chip b,
body.ms-app .ms-detail-photo--match-parity .ms-detail-match-chip b,
body.ms-app .ms-detail-photo--match-parity .ms-detail-match-chip span{
  color:#272125!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1!important;
}

body.ms-app .ms-detail-photo--match-parity .ms-astro-symbol{
  font-family:var(--serif)!important;
  font-size:22px!important;
  font-style:italic!important;
  font-weight:600!important;
  color:#272125!important;
  line-height:1!important;
  margin-right:4px!important;
}

@media(max-width:720px){
  body.ms-app .ms-detail-photo--match-parity .ms-detail-photo-bottom-overlay--scores-only{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
  }
  body.ms-app .ms-detail-photo--match-parity .ms-detail-astro-chip,
  body.ms-app .ms-detail-photo--match-parity .ms-detail-match-chip{
    min-height:40px!important;
    height:40px!important;
    padding:0 16px!important;
  }
}

/* =====================================================================
   Batch 98 — Registration screen redesign based on provided mock
   ===================================================================== */
body.ms-site .ms-register-shell,
body.ms-app .ms-register-shell{
  min-height:100vh!important;
  background:linear-gradient(180deg,#fffdfa 0%,#fff7f0 100%)!important;
  padding:20px 20px 28px!important;
}
body.ms-site .ms-register-topbar,
body.ms-app .ms-register-topbar{
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:28px!important;
  min-height:78px!important;
  padding:16px 28px!important;
  border:1px solid rgba(220,196,159,.74)!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 10px 28px rgba(111,70,23,.06)!important;
}
body.ms-site .ms-register-topbrand,
body.ms-app .ms-register-topbrand{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  color:#7d1636!important;
  text-decoration:none!important;
}
body.ms-site .ms-register-topbrand .ms-logo-mark,
body.ms-app .ms-register-topbrand .ms-logo-mark{width:58px!important;height:58px!important;min-width:58px!important}
body.ms-site .ms-register-topbrand strong,
body.ms-app .ms-register-topbrand strong{
  display:block!important;
  font:800 28px/.95 var(--serif)!important;
  color:#7b102b!important;
}
body.ms-site .ms-register-topbrand small,
body.ms-app .ms-register-topbrand small{
  display:block!important;
  margin-top:4px!important;
  font:600 12px/1.3 var(--sans)!important;
  color:#a17647!important;
}
body.ms-site .ms-register-topnav,
body.ms-app .ms-register-topnav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:28px!important;
  flex-wrap:wrap!important;
}
body.ms-site .ms-register-topnav a,
body.ms-app .ms-register-topnav a{
  color:#3d2b28!important;
  text-decoration:none!important;
  font:700 16px/1.2 var(--serif)!important;
}
body.ms-site .ms-register-topnav a:hover,
body.ms-app .ms-register-topnav a:hover{color:#8f123f!important}
body.ms-site .ms-register-login-pill,
body.ms-app .ms-register-login-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:50px!important;
  padding:0 22px!important;
  border-radius:999px!important;
  border:1px solid rgba(203,165,73,.82)!important;
  background:linear-gradient(180deg,#98103f 0%,#7a0f31 100%)!important;
  color:#fff5ec!important;
  text-decoration:none!important;
  font:700 16px/1 var(--sans)!important;
  box-shadow:0 8px 16px rgba(127,15,47,.14)!important;
}
body.ms-site .ms-register-login-pill .ms-icon,
body.ms-app .ms-register-login-pill .ms-icon{width:18px!important;height:18px!important}
body.ms-site .ms-register-login-pill b,
body.ms-app .ms-register-login-pill b{color:#f4d38a!important;font-weight:800!important}
body.ms-site .ms-register-stage,
body.ms-app .ms-register-stage{
  display:grid!important;
  grid-template-columns:minmax(360px,.98fr) minmax(520px,.82fr)!important;
  align-items:stretch!important;
  gap:28px!important;
  margin-top:18px!important;
}
body.ms-site .ms-register-visual-panel,
body.ms-app .ms-register-visual-panel{
  position:relative!important;
  min-height:760px!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(48,12,14,.16),rgba(63,16,22,.24)),
    url('../img/generated/milansaathi-login-hero.jpg') center/cover no-repeat!important;
  box-shadow:0 18px 40px rgba(86,56,22,.12)!important;
}
body.ms-site .ms-register-visual-overlay,
body.ms-app .ms-register-visual-overlay{
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 14% 14%,rgba(255,255,255,.18),transparent 30%), radial-gradient(circle at 80% 80%,rgba(255,208,152,.18),transparent 32%)!important;
}
body.ms-site .ms-register-hero-brand,
body.ms-app .ms-register-hero-brand{
  position:absolute!important;
  top:44px!important;
  left:36px!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
body.ms-site .ms-register-hero-brand .ms-logo-mark,
body.ms-app .ms-register-hero-brand .ms-logo-mark{width:74px!important;height:74px!important;min-width:74px!important;box-shadow:0 14px 28px rgba(0,0,0,.24)!important}
body.ms-site .ms-register-hero-brand strong,
body.ms-app .ms-register-hero-brand strong{
  display:block!important;
  color:#7d1636!important;
  font:800 34px/.96 var(--serif)!important;
}
body.ms-site .ms-register-hero-brand small,
body.ms-app .ms-register-hero-brand small{
  display:block!important;
  margin-top:8px!important;
  color:#714b2d!important;
  font:700 15px/1.2 var(--serif)!important;
}
body.ms-site .ms-register-visual-card,
body.ms-app .ms-register-visual-card{
  position:absolute!important;
  left:32px!important;
  bottom:34px!important;
  z-index:2!important;
  width:min(270px,calc(100% - 64px))!important;
  padding:26px 24px!important;
  border-radius:28px!important;
  border:1px solid rgba(216,169,85,.72)!important;
  background:linear-gradient(180deg,rgba(127,12,53,.92),rgba(105,10,44,.88))!important;
  box-shadow:0 18px 30px rgba(42,10,18,.26)!important;
}
body.ms-site .ms-register-visual-card h3,
body.ms-app .ms-register-visual-card h3{
  margin:0 0 18px!important;
  color:#fff3ea!important;
  font:800 22px/1.2 var(--serif)!important;
}
body.ms-site .ms-register-visual-card ul,
body.ms-app .ms-register-visual-card ul{list-style:none!important;padding:0!important;margin:0!important;display:grid!important;gap:14px!important}
body.ms-site .ms-register-visual-card li,
body.ms-app .ms-register-visual-card li{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#fff6e8!important;
  font:600 15px/1.4 var(--sans)!important;
}
body.ms-site .ms-register-visual-card .ms-icon,
body.ms-app .ms-register-visual-card .ms-icon{width:18px!important;height:18px!important;color:#f4cf83!important;flex:0 0 auto!important}
body.ms-site .ms-register-panel-v2,
body.ms-app .ms-register-panel-v2{
  display:flex!important;
  align-items:stretch!important;
}
body.ms-site .ms-register-card-v2,
body.ms-app .ms-register-card-v2{
  width:100%!important;
  border-radius:30px!important;
  border:1px solid rgba(225,205,171,.78)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 18px 40px rgba(86,56,22,.08)!important;
  padding:34px 34px 28px!important;
}
body.ms-site .ms-register-headline,
body.ms-app .ms-register-headline{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:18px!important;
}
body.ms-site .ms-register-headline h1,
body.ms-app .ms-register-headline h1{
  margin:0 0 8px!important;
  color:#7b102b!important;
  font:800 clamp(42px,3.2vw,56px)/.98 var(--serif)!important;
}
body.ms-site .ms-register-headline p,
body.ms-app .ms-register-headline p{
  margin:0!important;
  color:#6d575b!important;
  font:500 17px/1.45 var(--sans)!important;
}
body.ms-site .ms-register-step-pill,
body.ms-app .ms-register-step-pill{
  flex:0 0 auto!important;
  margin-top:8px!important;
  padding:11px 16px!important;
  border-radius:999px!important;
  background:#fbf5ea!important;
  border:1px solid rgba(227,208,172,.95)!important;
  color:#7c6242!important;
  font:700 13px/1 var(--sans)!important;
}
body.ms-site .ms-register-progress,
body.ms-app .ms-register-progress{
  height:9px!important;
  border-radius:999px!important;
  background:#f0ebe7!important;
  overflow:hidden!important;
  margin-bottom:24px!important;
}
body.ms-site .ms-register-progress span,
body.ms-app .ms-register-progress span{
  display:block!important;
  width:16%!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#93113b,#bb1550)!important;
}
body.ms-site .ms-register-form-v2,
body.ms-app .ms-register-form-v2{gap:18px!important}
body.ms-site .ms-register-grid-v2,
body.ms-app .ms-register-grid-v2{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px 18px!important;
}
body.ms-site .ms-register-grid-v2 label,
body.ms-app .ms-register-grid-v2 label{
  display:grid!important;
  gap:10px!important;
  color:#392728!important;
  font:700 15px/1.25 var(--sans)!important;
}
body.ms-site .ms-register-grid-v2 .ms-input-icon,
body.ms-app .ms-register-grid-v2 .ms-input-icon,
body.ms-site .ms-register-grid-v2 input:not([type='radio']),
body.ms-app .ms-register-grid-v2 input:not([type='radio']){
  min-height:56px!important;
  border-radius:16px!important;
}
body.ms-site .ms-register-grid-v2 .ms-input-icon,
body.ms-app .ms-register-grid-v2 .ms-input-icon{
  gap:12px!important;
  padding:0 16px!important;
  border:1px solid rgba(222,203,175,.98)!important;
  background:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;
}
body.ms-site .ms-register-grid-v2 .ms-input-icon .ms-icon,
body.ms-app .ms-register-grid-v2 .ms-input-icon .ms-icon{width:20px!important;height:20px!important;color:#c19b68!important;flex:0 0 auto!important}
body.ms-site .ms-register-grid-v2 .ms-input-icon input,
body.ms-app .ms-register-grid-v2 .ms-input-icon input{
  min-height:54px!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:none!important;
  color:#2f2528!important;
  font:600 15px/1.2 var(--sans)!important;
}
body.ms-site .ms-register-input-trailing,
body.ms-app .ms-register-input-trailing{display:inline-flex!important;align-items:center!important;color:#c19b68!important}
body.ms-site .ms-register-input-trailing .ms-icon,
body.ms-app .ms-register-input-trailing .ms-icon{width:18px!important;height:18px!important}
body.ms-site .ms-register-gender-row,
body.ms-app .ms-register-gender-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  min-height:56px!important;
  border:1px solid rgba(222,203,175,.98)!important;
  border-radius:16px!important;
  background:#fff!important;
  overflow:hidden!important;
}
body.ms-site .ms-register-gender-chip,
body.ms-app .ms-register-gender-chip{position:relative!important;cursor:pointer!important}
body.ms-site .ms-register-gender-chip + .ms-register-gender-chip,
body.ms-app .ms-register-gender-chip + .ms-register-gender-chip{border-left:1px solid rgba(232,221,206,.9)!important}
body.ms-site .ms-register-gender-chip input,
body.ms-app .ms-register-gender-chip input{position:absolute!important;opacity:0!important;pointer-events:none!important}
body.ms-site .ms-register-gender-chip span,
body.ms-app .ms-register-gender-chip span{
  height:100%!important;
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  color:#8b6e74!important;
  font:700 15px/1 var(--sans)!important;
  transition:all .18s ease!important;
}
body.ms-site .ms-register-gender-chip .ms-icon,
body.ms-app .ms-register-gender-chip .ms-icon{width:18px!important;height:18px!important;color:currentColor!important}
body.ms-site .ms-register-gender-chip input:checked + span,
body.ms-app .ms-register-gender-chip input:checked + span{
  background:linear-gradient(180deg,#fff7fa,#fff0f5)!important;
  color:#8f123f!important;
  box-shadow:inset 0 0 0 2px rgba(143,18,63,.16)!important;
}
body.ms-site .ms-register-picker-btn--v2,
body.ms-app .ms-register-picker-btn--v2{
  min-height:56px!important;
  padding:0 16px!important;
  gap:12px!important;
  justify-content:flex-start!important;
  background:#fff!important;
}
body.ms-site .ms-register-picker-btn--v2 .ms-register-picker-icon,
body.ms-app .ms-register-picker-btn--v2 .ms-register-picker-icon{display:inline-flex!important;align-items:center!important;color:#c19b68!important;flex:0 0 auto!important}
body.ms-site .ms-register-picker-btn--v2 .ms-register-picker-icon .ms-icon,
body.ms-app .ms-register-picker-btn--v2 .ms-register-picker-icon .ms-icon{width:20px!important;height:20px!important}
body.ms-site .ms-register-picker-btn--v2 [data-picker-label],
body.ms-app .ms-register-picker-btn--v2 [data-picker-label]{flex:1 1 auto!important;color:#8c7b7c!important;font-weight:600!important}
body.ms-site .ms-register-picker-btn--v2.is-filled [data-picker-label],
body.ms-app .ms-register-picker-btn--v2.is-filled [data-picker-label]{color:#31282a!important}
body.ms-site .ms-register-picker-btn--v2 b,
body.ms-app .ms-register-picker-btn--v2 b{margin-left:auto!important}
body.ms-site .ms-register-helper-note,
body.ms-app .ms-register-helper-note{
  grid-column:1 / -1!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin-top:-4px!important;
  color:#695b5e!important;
  font:500 14px/1.4 var(--sans)!important;
}
body.ms-site .ms-register-helper-note .ms-icon,
body.ms-app .ms-register-helper-note .ms-icon{width:17px!important;height:17px!important;color:#ad8346!important;flex:0 0 auto!important;margin-top:1px!important}
body.ms-site .ms-register-consent--v2,
body.ms-app .ms-register-consent--v2{
  margin-top:2px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  background:#fff9f1!important;
  border:1px solid rgba(234,219,190,.9)!important;
}
body.ms-site .ms-register-submit-modern,
body.ms-app .ms-register-submit-modern{
  min-height:60px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#b41148 0%,#8f0f39 100%)!important;
  border:1px solid rgba(205,163,75,.9)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.24), 0 10px 20px rgba(124,14,47,.18)!important;
  font:800 20px/1 var(--serif)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
}
body.ms-site .ms-register-submit-modern:hover,
body.ms-app .ms-register-submit-modern:hover{transform:translateY(-1px)!important;filter:saturate(1.03)!important}
body.ms-site .ms-register-submit-modern b,
body.ms-app .ms-register-submit-modern b{font-size:21px!important}
body.ms-site .ms-register-footer-row,
body.ms-app .ms-register-footer-row{
  display:grid!important;
  gap:10px!important;
  justify-items:center!important;
  margin-top:18px!important;
}
body.ms-site .ms-register-safe-note,
body.ms-app .ms-register-safe-note{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#2e6c43!important;
  font:600 15px/1.35 var(--sans)!important;
}
body.ms-site .ms-register-safe-note .ms-icon,
body.ms-app .ms-register-safe-note .ms-icon{width:17px!important;height:17px!important}
body.ms-site .ms-auth-switch--register,
body.ms-app .ms-auth-switch--register{
  margin:0!important;
  color:#6d595a!important;
  font-size:16px!important;
}
body.ms-site .ms-auth-switch--register a,
body.ms-app .ms-auth-switch--register a{font-weight:800!important;color:#8f123f!important}
body.ms-site .ms-register-shell .ms-register-picker-dialog,
body.ms-app .ms-register-shell .ms-register-picker-dialog{
  width:min(520px,100%)!important;
  border-radius:22px!important;
}
body.ms-site .ms-register-shell .ms-register-picker-dialog h2,
body.ms-app .ms-register-shell .ms-register-picker-dialog h2{font-size:24px!important;text-align:left!important;margin-bottom:8px!important}
body.ms-site .ms-register-shell .ms-register-picker-copy,
body.ms-app .ms-register-shell .ms-register-picker-copy{text-align:left!important}
body.ms-site .ms-register-shell .ms-dialog-actions,
body.ms-app .ms-register-shell .ms-dialog-actions{justify-content:space-between!important}
@media (max-width: 1280px){
  body.ms-site .ms-register-topbar,
  body.ms-app .ms-register-topbar{grid-template-columns:1fr auto!important;gap:16px!important}
  body.ms-site .ms-register-topnav,
  body.ms-app .ms-register-topnav{grid-column:1 / -1!important;justify-content:flex-start!important}
  body.ms-site .ms-register-stage,
  body.ms-app .ms-register-stage{grid-template-columns:1fr!important}
  body.ms-site .ms-register-visual-panel,
  body.ms-app .ms-register-visual-panel{min-height:420px!important}
}
@media (max-width: 820px){
  body.ms-site .ms-register-shell,
  body.ms-app .ms-register-shell{padding:14px!important}
  body.ms-site .ms-register-topbar,
  body.ms-app .ms-register-topbar{padding:14px 16px!important;border-radius:20px!important}
  body.ms-site .ms-register-topbrand strong,
  body.ms-app .ms-register-topbrand strong{font-size:24px!important}
  body.ms-site .ms-register-topnav,
  body.ms-app .ms-register-topnav{display:none!important}
  body.ms-site .ms-register-login-pill span,
  body.ms-app .ms-register-login-pill span{display:none!important}
  body.ms-site .ms-register-card-v2,
  body.ms-app .ms-register-card-v2{padding:24px 18px 22px!important;border-radius:24px!important}
  body.ms-site .ms-register-headline,
  body.ms-app .ms-register-headline{display:grid!important;gap:10px!important}
  body.ms-site .ms-register-headline h1,
  body.ms-app .ms-register-headline h1{font-size:34px!important}
  body.ms-site .ms-register-grid-v2,
  body.ms-app .ms-register-grid-v2{grid-template-columns:1fr!important}
  body.ms-site .ms-register-gender-row,
  body.ms-app .ms-register-gender-row{grid-template-columns:1fr!important}
  body.ms-site .ms-register-gender-chip + .ms-register-gender-chip,
  body.ms-app .ms-register-gender-chip + .ms-register-gender-chip{border-left:0!important;border-top:1px solid rgba(232,221,206,.9)!important}
  body.ms-site .ms-register-visual-panel,
  body.ms-app .ms-register-visual-panel{min-height:360px!important}
  body.ms-site .ms-register-hero-brand,
  body.ms-app .ms-register-hero-brand{top:24px!important;left:20px!important}
  body.ms-site .ms-register-hero-brand .ms-logo-mark,
  body.ms-app .ms-register-hero-brand .ms-logo-mark{width:60px!important;height:60px!important;min-width:60px!important}
  body.ms-site .ms-register-hero-brand strong,
  body.ms-app .ms-register-hero-brand strong{font-size:28px!important}
  body.ms-site .ms-register-visual-card,
  body.ms-app .ms-register-visual-card{left:20px!important;right:20px!important;bottom:20px!important;width:auto!important;padding:20px!important}
}


/* =====================================================================
   Batch 99 — FINAL Profile Detail image score pills
   Profile Detail only. Match/list cards are intentionally untouched.
   ===================================================================== */
body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
  .ms-detail-photo-bottom-overlay--scores-only{
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  bottom:16px!important;
  z-index:20!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  pointer-events:none!important;
}

body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
  .ms-detail-photo-score-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  gap:12px!important;
}

body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
  .ms-detail-photo-score-left,
body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
  .ms-detail-photo-score-right{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}

body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
  .ms-detail-photo-score-right{
  margin-left:auto!important;
}

body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
  .ms-detail-astro-chip,
body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
  .ms-detail-match-chip{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
  margin:0!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.74)!important;
  background:rgba(255,255,255,.94)!important;
  color:#252024!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  box-shadow:0 7px 18px rgba(14,7,10,.14)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  white-space:nowrap!important;
  overflow:visible!important;
  pointer-events:auto!important;
  font-family:var(--sans)!important;
}

/* Reset legacy generic `.ms-detail-photo b` circle styling inside these pills. */
body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
  .ms-detail-astro-chip > b,
body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
  .ms-detail-match-chip > b{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:inline!important;
  color:#252024!important;
  text-align:left!important;
  font:700 12px/1 var(--sans)!important;
  white-space:nowrap!important;
}

body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
  .ms-detail-match-chip > span{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:inline!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:#252024!important;
  background:transparent!important;
  border:0!important;
  font:600 12px/1 var(--sans)!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
}

body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
  .ms-detail-astro-chip > .ms-astro-symbol{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:16px!important;
  height:auto!important;
  margin:0 1px 0 0!important;
  padding:0!important;
  color:#252024!important;
  background:transparent!important;
  border:0!important;
  font-family:var(--serif)!important;
  font-size:19px!important;
  font-style:italic!important;
  font-weight:500!important;
  line-height:1!important;
}

/* No name/location/career overlay on the Profile Detail image. */
body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
  .ms-detail-photo-name-row,
body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
  .ms-detail-photo-location,
body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
  .ms-detail-photo-career,
body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
  .ms-detail-photo-meta-row{
  display:none!important;
}

@media(max-width:720px){
  body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
    .ms-detail-photo-bottom-overlay--scores-only{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
  }
  body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
    .ms-detail-astro-chip,
  body.ms-app .ms-main .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity
    .ms-detail-match-chip{
    height:36px!important;
    min-height:36px!important;
    padding:0 12px!important;
  }
}

/* =====================================================================
   Batch 100 — Super Connect summary cards polish
   ===================================================================== */
.ms-super-summary-panel{
  padding:24px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fffdf9 0%,#fff8f2 100%)!important;
}
.ms-super-summary-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.ms-super-summary-head h3{
  margin:0 0 6px;
  color:var(--wine-dark);
  font:800 28px/1 var(--serif);
}
.ms-super-summary-head p{
  margin:0;
  color:var(--muted);
  max-width:560px;
}
.ms-super-kpi-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.ms-super-kpi-card{
  position:relative;
  overflow:hidden;
  min-height:134px;
  padding:18px 18px 16px;
  border-radius:22px;
  border:1px solid rgba(214,191,152,.85);
  background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,248,241,.98) 100%);
  box-shadow:0 12px 24px rgba(91,45,17,.06);
  display:grid;
  align-content:start;
  gap:8px;
}
.ms-super-kpi-card::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:5px;
  background:linear-gradient(180deg,var(--wine),var(--gold));
}
.ms-super-kpi-card::after{
  content:"";
  position:absolute;
  right:-28px;
  top:-28px;
  width:110px;
  height:110px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(214,164,72,.18) 0%,rgba(214,164,72,0) 70%);
}
.ms-super-kpi-label{
  position:relative;
  z-index:1;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.ms-super-kpi-card strong{
  position:relative;
  z-index:1;
  color:var(--wine-dark);
  font:900 42px/.95 var(--serif);
}
.ms-super-kpi-card small{
  position:relative;
  z-index:1;
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
}
.ms-super-kpi-card--remaining strong{color:#8f123f;}
.ms-super-kpi-card--used strong{color:#9a6b14;}
.ms-super-kpi-card--limit strong{color:#6d2148;}
@media(max-width:900px){
  .ms-super-kpi-grid{grid-template-columns:1fr;}
  .ms-super-summary-panel{padding:18px!important;}
  .ms-super-summary-head h3{font-size:24px;}
}

/* =====================================================================
   Batch 102 — Premium minimal public homepage + 10 story viewer
   ===================================================================== */
.ms-landing-nav--minimal{
  min-height:82px!important;
  height:auto!important;
  padding:12px 5vw!important;
  background:linear-gradient(135deg,#6b102c 0%,#8f123f 100%)!important;
  border-bottom:1px solid rgba(214,164,55,.42)!important;
  box-shadow:0 10px 28px rgba(67,0,25,.12)!important;
}
.ms-landing-nav--minimal .ms-brand{gap:12px!important}
.ms-landing-nav--minimal .ms-brand strong{font-size:27px!important}
.ms-landing-nav--minimal .ms-brand small{font-size:11px!important;opacity:.84!important}
.ms-landing-nav--minimal nav{gap:26px!important}
.ms-landing-nav--minimal nav a{font-weight:600!important;font-size:14px!important}
.ms-landing-nav--minimal .ms-login-link{
  padding:11px 16px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.1)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.ms-public-home-minimal{background:#fffaf5!important}
.ms-landing-hero--minimal{
  min-height:590px!important;
  padding:82px 6vw 86px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:
    linear-gradient(90deg,rgba(255,248,240,.98) 0%,rgba(255,248,240,.92) 34%,rgba(255,248,240,.38) 58%,rgba(255,248,240,.06) 100%),
    url('../img/generated/milansaathi-landing-hero.jpg') right center/cover no-repeat!important;
}
.ms-landing-hero--minimal .ms-landing-copy{max-width:610px!important}
.ms-home-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  margin-bottom:16px!important;
  color:#a76f1e!important;
  font:800 13px/1 var(--sans)!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
.ms-landing-hero--minimal .ms-landing-copy h1{
  margin:0 0 20px!important;
  max-width:650px!important;
  color:#601323!important;
  font:800 clamp(48px,5vw,76px)/.98 var(--serif)!important;
  letter-spacing:-.025em!important;
}
.ms-landing-hero--minimal .ms-landing-copy p{
  max-width:540px!important;
  margin:0 0 30px!important;
  color:#5f5154!important;
  font:500 19px/1.6 var(--sans)!important;
}
.ms-landing-hero--minimal .ms-hero-actions{display:flex!important;align-items:center!important;gap:20px!important;flex-wrap:wrap!important}
.ms-landing-hero--minimal .ms-hero-create{
  min-height:52px!important;
  padding:0 22px!important;
  border-radius:14px!important;
  box-shadow:0 12px 24px rgba(126,15,52,.18)!important;
}
.ms-home-text-link{color:#6b102c!important;text-decoration:none!important;font-weight:600!important}
.ms-home-text-link b{font-weight:700!important}
.ms-home-hero-note{
  margin-top:34px!important;
  width:max-content!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:13px 16px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(219,196,160,.72)!important;
  backdrop-filter:blur(8px)!important;
  box-shadow:0 10px 24px rgba(81,43,14,.06)!important;
}
.ms-home-hero-note .ms-icon{width:22px!important;height:22px!important;color:#b0832d!important;flex:0 0 auto!important}
.ms-home-hero-note div{display:grid!important;gap:2px!important}
.ms-home-hero-note b{color:#4b252d!important;font-weight:700!important}
.ms-home-hero-note span{color:#756669!important;font-size:13px!important}
.ms-home-trust-minimal{
  width:min(1180px,calc(100% - 40px))!important;
  margin:-34px auto 68px!important;
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  border:1px solid #ead8c7!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(81,43,14,.08)!important;
  overflow:hidden!important;
}
.ms-home-trust-minimal article{
  min-height:118px!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  align-items:center!important;
  gap:14px!important;
  padding:22px 26px!important;
}
.ms-home-trust-minimal article+article{border-left:1px solid #efe2d5!important}
.ms-home-trust-minimal .ms-icon{width:30px!important;height:30px!important;color:#c18c2d!important}
.ms-home-trust-minimal div{display:grid!important;gap:5px!important}
.ms-home-trust-minimal b{color:#4f1c2a!important;font:700 18px/1.15 var(--serif)!important}
.ms-home-trust-minimal span{color:#76686a!important;font-size:13px!important;line-height:1.45!important}
.ms-success-stories{
  width:min(1180px,calc(100% - 40px))!important;
  margin:0 auto 72px!important;
}
.ms-success-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:28px!important;
  margin-bottom:24px!important;
}
.ms-success-head>div:first-child{max-width:720px!important}
.ms-success-head>div:first-child>span{
  display:block!important;
  margin-bottom:10px!important;
  color:#b07b27!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
.ms-success-head h2{
  margin:0 0 12px!important;
  color:#62162a!important;
  font:800 clamp(34px,4vw,50px)/1.02 var(--serif)!important;
}
.ms-success-head p{margin:0!important;color:#746568!important;font-size:16px!important;line-height:1.6!important}
.ms-story-controls{display:flex!important;gap:10px!important;flex:0 0 auto!important}
.ms-story-controls button{
  width:46px!important;height:46px!important;border-radius:50%!important;
  border:1px solid #dfc8ad!important;background:#fff!important;color:#7b1238!important;
  font-size:26px!important;line-height:1!important;cursor:pointer!important;
  box-shadow:0 8px 16px rgba(72,35,13,.06)!important;
}
.ms-story-controls button:hover{background:#fff6ee!important;transform:translateY(-1px)!important}
.ms-story-viewer{
  display:flex!important;
  gap:18px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  padding:2px 2px 14px!important;
}
.ms-story-viewer::-webkit-scrollbar{display:none!important}
.ms-story-card{
  flex:0 0 calc((100% - 36px)/3)!important;
  min-width:300px!important;
  min-height:310px!important;
  scroll-snap-align:start!important;
  display:grid!important;
  align-content:start!important;
  gap:18px!important;
  padding:24px!important;
  border-radius:24px!important;
  border:1px solid #ead8c8!important;
  background:linear-gradient(180deg,#fff 0%,#fffaf5 100%)!important;
  box-shadow:0 14px 32px rgba(79,42,15,.06)!important;
}
.ms-story-couple{position:relative!important;width:118px!important;height:74px!important}
.ms-story-couple img{
  position:absolute!important;
  top:0!important;
  width:70px!important;height:70px!important;border-radius:50%!important;
  object-fit:cover!important;border:4px solid #fff!important;box-shadow:0 6px 16px rgba(68,34,12,.12)!important;
}
.ms-story-couple img:first-child{left:0!important}
.ms-story-couple img:nth-child(2){left:45px!important}
.ms-story-couple>span{
  position:absolute!important;left:45px!important;bottom:-2px!important;
  display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:50%!important;
  background:#8f123f!important;color:#fff7ea!important;border:3px solid #fff!important;
}
.ms-story-couple>span .ms-icon{width:13px!important;height:13px!important}
.ms-story-copy{display:grid!important;gap:12px!important}
.ms-story-meta{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important}
.ms-story-meta b{color:#4f1726!important;font:800 22px/1.1 var(--serif)!important}
.ms-story-meta span{color:#a57845!important;font-size:12px!important;font-weight:700!important}
.ms-story-copy p{margin:0!important;color:#66585b!important;font-size:15px!important;line-height:1.7!important}
.ms-story-copy small{color:#a09596!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.ms-story-privacy-note{margin:6px 0 0!important;color:#a09492!important;font-size:11px!important;text-align:right!important}
.ms-home-final-cta{
  width:min(1180px,calc(100% - 40px))!important;
  margin:0 auto 72px!important;
  padding:32px 36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#6e102d,#991340)!important;
  box-shadow:0 18px 38px rgba(83,8,34,.16)!important;
}
.ms-home-final-cta span{display:block!important;color:#e7bc67!important;font-size:12px!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important;margin-bottom:8px!important}
.ms-home-final-cta h2{max-width:720px!important;margin:0!important;color:#fff8f1!important;font:700 30px/1.15 var(--serif)!important}
.ms-home-final-cta .ms-btn{flex:0 0 auto!important;background:linear-gradient(180deg,#f7d270,#d9a32e)!important;color:#5b3307!important;border-color:#f4dd9c!important;box-shadow:0 8px 18px rgba(0,0,0,.16)!important}
.ms-public-footer--minimal{justify-content:center!important;gap:24px!important;padding:24px 20px 36px!important;background:#fffaf5!important;border-top:1px solid #efe0d3!important;color:#8b7c7d!important}
.ms-public-footer--minimal a{color:#6f5a5d!important}
@media(max-width:980px){
  .ms-landing-hero--minimal{min-height:540px!important;padding:64px 28px 74px!important;background-position:62% center!important}
  .ms-home-trust-minimal{grid-template-columns:1fr!important;margin-top:-22px!important}
  .ms-home-trust-minimal article+article{border-left:0!important;border-top:1px solid #efe2d5!important}
  .ms-story-card{flex-basis:calc((100% - 18px)/2)!important}
  .ms-home-final-cta{align-items:flex-start!important;flex-direction:column!important}
}
@media(max-width:640px){
  .ms-landing-nav--minimal{padding:10px 16px!important}
  .ms-landing-nav--minimal nav a:not(.ms-login-link){display:none!important}
  .ms-landing-hero--minimal{min-height:570px!important;padding:48px 20px 62px!important;background-position:68% center!important}
  .ms-landing-hero--minimal .ms-landing-copy h1{font-size:44px!important}
  .ms-landing-hero--minimal .ms-landing-copy p{font-size:16px!important}
  .ms-success-head{align-items:flex-start!important;flex-direction:column!important}
  .ms-story-card{flex-basis:88%!important;min-width:280px!important}
  .ms-home-final-cta{padding:26px 22px!important}
  .ms-home-final-cta h2{font-size:26px!important}
}

/* =====================================================================
   Batch 104 — Homepage polish + premium real-image success story slider
   ===================================================================== */
.ms-landing-nav--premium-clean{
  min-height:74px!important;
  padding:12px 5.5vw!important;
  background:rgba(255,252,248,.97)!important;
  border-bottom:1px solid rgba(222,205,180,.78)!important;
  box-shadow:none!important;
}
.ms-landing-nav--premium-clean .ms-brand strong{font-weight:600!important}
.ms-landing-nav--premium-clean .ms-brand small{font-weight:400!important;letter-spacing:.02em!important}
.ms-landing-nav--premium-clean nav a{font-weight:500!important;color:#5f4c4f!important}
.ms-landing-nav--premium-clean nav a.active{color:#7d1636!important}

.ms-public-home-v2{background:#fffaf5!important}
.ms-landing-hero--v2{
  min-height:520px!important;
  padding:70px 7vw 64px!important;
  align-items:center!important;
}
.ms-landing-hero--v2 .ms-landing-copy{max-width:570px!important}
.ms-landing-hero--v2 .ms-home-eyebrow{
  margin-bottom:14px!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#9a6b3c!important;
}
.ms-landing-hero--v2 h1{
  max-width:560px!important;
  margin:0 0 16px!important;
  font:600 clamp(42px,5vw,68px)/.98 var(--serif)!important;
  letter-spacing:-.025em!important;
  color:#4f1328!important;
}
.ms-landing-hero--v2 .ms-landing-copy>p{
  max-width:520px!important;
  margin:0 0 26px!important;
  color:#66585a!important;
  font-size:17px!important;
  line-height:1.6!important;
  font-weight:400!important;
}
.ms-landing-hero--v2 .ms-hero-actions{gap:18px!important;align-items:center!important}
.ms-landing-hero--v2 .ms-hero-create{
  min-height:48px!important;
  padding:0 24px!important;
  border-radius:14px!important;
  font-weight:600!important;
}
.ms-landing-hero--v2 .ms-home-text-link{font-weight:400!important;font-size:14px!important}
.ms-landing-hero--v2 .ms-home-hero-note{
  max-width:240px!important;
  padding:14px 16px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.86)!important;
}
.ms-landing-hero--v2 .ms-home-hero-note span{font-size:14px!important;font-weight:500!important;color:#4d373b!important}
.ms-landing-hero--v2 .ms-home-hero-note small{font-size:12px!important;color:#817174!important;line-height:1.45!important}

.ms-home-trust-v2{
  margin:0 6vw 70px!important;
  padding:22px 26px!important;
  border-radius:24px!important;
  border:1px solid #ebddd0!important;
  background:#fffdf9!important;
  box-shadow:none!important;
}
.ms-home-trust-v2 article{gap:14px!important;padding:8px 22px!important}
.ms-home-trust-v2 .ms-icon{width:27px!important;height:27px!important}
.ms-home-trust-v2 span{font:500 16px/1.2 var(--serif)!important;color:#4f1c2a!important}
.ms-home-trust-v2 small{font:400 12px/1.45 var(--sans)!important;color:#7c6c6e!important}

.ms-success-stories-v2{
  margin:0!important;
  padding:72px 6vw 76px!important;
  background:linear-gradient(180deg,#fff9f3 0%,#fffdf9 100%)!important;
  border-top:1px solid #f0e2d6!important;
  border-bottom:1px solid #f0e2d6!important;
}
.ms-success-head-v2{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:28px!important;
  margin-bottom:30px!important;
}
.ms-success-head-v2>div:first-child{max-width:650px!important}
.ms-section-kicker{
  display:block!important;
  margin-bottom:10px!important;
  color:#a97938!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.ms-success-head-v2 h2{
  margin:0 0 10px!important;
  color:#4c1628!important;
  font:600 clamp(34px,3.4vw,48px)/1.05 var(--serif)!important;
  letter-spacing:-.015em!important;
}
.ms-success-head-v2 p{
  max-width:620px!important;
  margin:0!important;
  color:#75676a!important;
  font-size:15px!important;
  line-height:1.65!important;
  font-weight:400!important;
}
.ms-story-controls-v2{display:flex!important;gap:10px!important;flex:0 0 auto!important}
.ms-story-controls-v2 button{
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  border:1px solid #dfcdbd!important;
  background:#fff!important;
  color:#7e1736!important;
  display:grid!important;
  place-items:center!important;
  font:400 28px/1 var(--sans)!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transition:.18s ease!important;
}
.ms-story-controls-v2 button:hover{background:#7e1736!important;color:#fff!important;border-color:#7e1736!important}
.ms-story-shell{position:relative!important}
.ms-story-viewer-v2{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(390px,31vw)!important;
  gap:20px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  padding:4px 2px 16px!important;
  overscroll-behavior-x:contain!important;
}
.ms-story-viewer-v2::-webkit-scrollbar{display:none!important}
.ms-story-card-v2{
  scroll-snap-align:start!important;
  overflow:hidden!important;
  border-radius:26px!important;
  border:1px solid #e8d9cb!important;
  background:#fff!important;
  box-shadow:0 14px 30px rgba(78,39,15,.06)!important;
}
.ms-story-visual{
  position:relative!important;
  height:280px!important;
  overflow:hidden!important;
  background:#eaded2!important;
}
.ms-story-photo-pair{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  width:100%!important;
  height:100%!important;
}
.ms-story-photo-pair img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 28%!important;
  display:block!important;
}
.ms-story-photo-pair img+img{border-left:3px solid #fff!important}
.ms-story-heart{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:#98113e!important;
  border:1px solid #ead8c6!important;
  box-shadow:0 7px 16px rgba(75,25,38,.13)!important;
}
.ms-story-heart .ms-icon{width:20px!important;height:20px!important}
.ms-story-number{
  position:absolute!important;
  right:14px!important;
  top:14px!important;
  min-width:38px!important;
  height:30px!important;
  padding:0 10px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.9)!important;
  color:#6d4d54!important;
  font-size:12px!important;
  font-weight:500!important;
}
.ms-story-body{padding:22px 22px 24px!important}
.ms-story-title-row{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:16px!important;
}
.ms-story-title-row h3{
  margin:0 0 5px!important;
  color:#4d1628!important;
  font:600 24px/1.05 var(--serif)!important;
}
.ms-story-title-row p{margin:0!important;color:#8a777a!important;font-size:12px!important;line-height:1.35!important}
.ms-story-badge{
  flex:0 0 auto!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  background:#fff5e8!important;
  color:#8a632a!important;
  border:1px solid #ecd7b7!important;
  font-size:10px!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
.ms-story-card-v2 blockquote{
  margin:0!important;
  color:#5f5154!important;
  font-size:14px!important;
  line-height:1.65!important;
  font-weight:400!important;
}
.ms-story-footer-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-top:14px!important;
}
.ms-story-dots{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}
.ms-story-dots button{
  width:7px!important;height:7px!important;padding:0!important;border:0!important;border-radius:999px!important;
  background:#dfcec1!important;cursor:pointer!important;transition:.18s ease!important;
}
.ms-story-dots button.active{width:24px!important;background:#8f123f!important}
.ms-story-footer-controls>span{font-size:12px!important;color:#8a797a!important;font-weight:400!important}
.ms-story-footer-controls>span b{font-weight:600!important;color:#6d253b!important}

.ms-home-final-cta-v2{
  margin:72px 6vw!important;
  padding:34px 38px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#65132e,#8f123f)!important;
  box-shadow:none!important;
}
.ms-home-final-cta-v2 span{font-weight:500!important}
.ms-home-final-cta-v2 h2{font-weight:500!important;max-width:620px!important}
.ms-home-final-cta-v2 .ms-btn{font-weight:600!important}

@media(max-width:1050px){
  .ms-story-viewer-v2{grid-auto-columns:minmax(340px,46vw)!important}
}
@media(max-width:760px){
  .ms-landing-nav--premium-clean{padding:10px 16px!important}
  .ms-landing-nav--premium-clean nav a:not(.ms-login-link){display:none!important}
  .ms-landing-hero--v2{padding:46px 20px 50px!important;min-height:460px!important}
  .ms-landing-hero--v2 h1{font-size:43px!important}
  .ms-home-trust-v2{margin:0 16px 52px!important;padding:10px 18px!important}
  .ms-home-trust-v2 article{padding:14px 4px!important}
  .ms-success-stories-v2{padding:54px 16px 58px!important}
  .ms-success-head-v2{align-items:flex-start!important;flex-direction:column!important}
  .ms-story-viewer-v2{grid-auto-columns:88vw!important;gap:14px!important}
  .ms-story-visual{height:250px!important}
  .ms-story-title-row{display:grid!important}
  .ms-story-badge{justify-self:start!important}
  .ms-home-final-cta-v2{margin:52px 16px!important;padding:28px 22px!important}
}


/* =====================================================================
   Batch 107 — Homepage implementation matching approved premium mock
   ===================================================================== */
.ms-homepage-v3{
  --home-wine:#7b102b;
  --home-wine-dark:#5f0c20;
  --home-gold:#d7a83b;
  --home-cream:#fffaf3;
  --home-line:#ead9c3;
  min-height:100vh;
  background:#fffaf5;
  color:#24191c;
}
.ms-home-v3-header{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:0 4.2vw;
  background:#fffdf9;
  border-bottom:1px solid #efe3d4;
  position:relative;
  z-index:20;
}
.ms-home-v3-brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:var(--home-wine);
  flex:0 0 auto;
}
.ms-home-v3-brand .ms-logo-mark{width:54px!important;height:54px!important;min-width:54px!important}
.ms-home-v3-brand strong{
  display:block;
  font:800 28px/.95 var(--serif);
  color:var(--home-wine);
}
.ms-home-v3-brand small{display:block;margin-top:4px;color:#a57a35;font-size:11px}
.ms-home-v3-nav{display:flex;align-items:center;gap:28px}
.ms-home-v3-nav a{
  color:#33272a;
  text-decoration:none;
  font:600 14px/1 var(--sans);
  padding:10px 0;
}
.ms-home-v3-nav a.active{color:var(--home-wine);border-bottom:2px solid var(--home-wine)}
.ms-home-v3-create{
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 18px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#8f1737,#75102c)!important;
  color:#fff7eb!important;
  box-shadow:0 8px 18px rgba(113,15,41,.18)!important;
}
.ms-home-v3-create .ms-icon{width:16px!important;height:16px!important;color:#f3c561!important}

.ms-home-v3-hero{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  min-height:520px;
  background:
    radial-gradient(circle at 7% 60%,rgba(219,181,109,.08),transparent 20%),
    linear-gradient(90deg,#fffaf3 0%,#fffaf3 48%,#fff7ee 48%,#fff7ee 100%);
  overflow:hidden;
}
.ms-home-v3-copy{
  align-self:center;
  padding:60px 5vw 56px 7.5vw;
  max-width:760px;
}
.ms-home-v3-eyebrow{
  display:block;
  margin-bottom:14px;
  color:#62454b;
  font:600 15px/1.35 var(--serif);
}
.ms-home-v3-copy h1{
  margin:0 0 18px;
  color:#25191c;
  font:800 clamp(46px,4.5vw,70px)/1.02 var(--serif);
  letter-spacing:-.018em;
}
.ms-home-v3-copy h1 em{font-style:normal;color:#9b2145}
.ms-home-v3-copy p{
  max-width:620px;
  margin:0 0 26px;
  color:#615358;
  font:500 17px/1.58 var(--sans);
}
.ms-home-v3-actions{display:flex;gap:16px;flex-wrap:wrap}
.ms-home-v3-actions a{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 22px;
  border-radius:6px;
  text-decoration:none;
  font:700 14px/1 var(--sans);
}
.ms-home-v3-primary{
  background:linear-gradient(180deg,#8f1737,#75102c);
  color:#fff;
  box-shadow:0 8px 18px rgba(113,15,41,.14);
}
.ms-home-v3-primary .ms-icon{width:17px;height:17px;color:#f3c561}
.ms-home-v3-secondary{
  border:1px solid #a14b61;
  color:#7c1732;
  background:#fffaf7;
}
.ms-home-v3-secondary .ms-icon{width:17px;height:17px;color:#d2a244}
.ms-home-v3-hero-image{
  min-height:520px;
  background:
    linear-gradient(90deg,rgba(255,247,238,.88) 0%,rgba(255,247,238,.28) 15%,rgba(255,247,238,0) 32%),
    url('../img/generated/milansaathi-landing-hero.jpg') center/cover no-repeat;
}

.ms-home-v3-trust{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  padding:14px 11vw 16px;
  background:#fffdf9;
  border-top:1px solid #efe3d4;
  border-bottom:1px solid #efe3d4;
}
.ms-home-v3-trust article{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:12px 18px;
  border:1px solid #eadcc8;
  border-radius:12px;
  background:linear-gradient(180deg,#fffdfa,#fff9f2);
}
.ms-home-v3-trust .ms-icon{
  width:34px;height:34px;padding:9px;box-sizing:content-box;border-radius:50%;
  color:#8d1736;background:#fff2d9;
}
.ms-home-v3-trust strong{display:block;color:#3d272d;font:700 16px/1.15 var(--serif)}
.ms-home-v3-trust small{display:block;margin-top:3px;color:#75696b;font-size:12px}

.ms-home-v3-section{
  padding:28px 4.2vw 24px;
  background:#fffaf5;
}
.ms-home-v3-section-head{
  position:relative;
  margin:0 auto 14px;
}
.ms-home-v3-section-head.centered{text-align:center}
.ms-home-v3-section-head.centered span{
  display:inline-block;
  color:#8f6c40;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ms-home-v3-section-head h2{
  margin:6px 0 0;
  color:#321f24;
  font:800 30px/1.05 var(--serif);
}
.ms-home-v3-section-head a{
  color:#7c1732;
  text-decoration:none;
  font-weight:700;
  font-size:13px;
}
.ms-home-v3-section-head.centered>a{position:absolute;right:0;bottom:2px}
.ms-home-v3-section-head.compact{
  display:flex;align-items:end;justify-content:center;gap:20px;
}
.ms-home-v3-section-head.compact a{margin-left:auto}
.ms-home-v3-carousel-wrap{position:relative;padding:0 30px}
.ms-home-v3-story-track{
  display:flex;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:4px 0 8px;
}
.ms-home-v3-story-track::-webkit-scrollbar{display:none}
.ms-home-v3-story-card{
  flex:0 0 calc((100% - 42px)/4);
  min-width:285px;
  display:grid;
  grid-template-columns:43% 57%;
  min-height:164px;
  overflow:hidden;
  border:1px solid #e4d4bf;
  border-radius:12px;
  background:#fffdf9;
  box-shadow:0 8px 18px rgba(86,44,20,.05);
  scroll-snap-align:start;
}
.ms-home-v3-story-card img{width:100%;height:100%;object-fit:cover}
.ms-home-v3-story-card>div{padding:13px 14px;display:flex;flex-direction:column}
.ms-home-v3-story-card h3{margin:0 0 4px;color:#4b202d;font:800 17px/1.1 var(--serif)}
.ms-home-v3-story-card .meta{margin:0 0 8px;color:#8e4560;font-size:12px;display:flex;align-items:center;gap:5px}
.ms-home-v3-story-card .meta .ms-icon{width:12px;height:12px}
.ms-home-v3-story-card .story{margin:0;color:#5b5052;font-size:12px;line-height:1.42;flex:1}
.ms-home-v3-story-card small{display:flex;align-items:center;gap:5px;margin-top:8px;color:#76595f;font-size:11px}
.ms-home-v3-story-card small .ms-icon{width:11px;height:11px;color:#a4254b}
.ms-home-v3-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:34px;height:34px;border-radius:50%;border:0;
  background:#8a1535;color:#fff;font-size:24px;cursor:pointer;z-index:2;
  box-shadow:0 6px 14px rgba(119,20,49,.18);
}
.ms-home-v3-arrow.prev{left:-2px}.ms-home-v3-arrow.next{right:-2px}
.ms-home-v3-dots{display:flex;justify-content:center;gap:7px;margin-top:6px}
.ms-home-v3-dots button{width:12px;height:5px;border:0;border-radius:999px;background:#ded5cc;padding:0;cursor:pointer}
.ms-home-v3-dots button.active{width:20px;background:#8a1535}

.ms-home-v3-matches{padding-top:8px}
.ms-home-v3-profile-row{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
.ms-home-v3-profile-card{
  overflow:hidden;
  border:1px solid #e6d6c2;
  border-radius:12px;
  background:#fffdf9;
  box-shadow:0 7px 16px rgba(86,44,20,.045);
}
.ms-home-v3-profile-card>img{width:100%;height:122px;object-fit:cover;display:block}
.ms-home-v3-profile-body{padding:10px 11px 12px}
.ms-home-v3-profile-title{display:flex;align-items:center;gap:8px}
.ms-home-v3-profile-title h3{margin:0;flex:1;color:#3f252b;font:800 15px/1.1 var(--serif)}
.ms-home-v3-profile-title span{color:#a52248;font-size:18px}
.ms-home-v3-profile-card p{margin:4px 0;color:#5d5153;font-size:11px}
.ms-home-v3-profile-card small{display:block;min-height:28px;color:#493b3e;font-size:11px}
.ms-home-v3-profile-card a{
  display:inline-flex;margin-top:8px;padding:7px 12px;border:1px solid #b15f72;border-radius:5px;
  color:#7d1732;text-decoration:none;font-size:11px;font-weight:700;
}

.ms-home-v3-cta{
  margin:8px 2vw 0;
  min-height:90px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  padding:14px 8vw;
  border-radius:12px 12px 0 0;
  color:#fff9ef;
  background:
    linear-gradient(90deg,rgba(131,17,45,.96),rgba(103,12,32,.98)),
    radial-gradient(circle at 10% 50%,rgba(226,177,73,.18),transparent 28%);
}
.ms-home-v3-cta-icon{
  width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  border:2px solid #d5a53a;color:#e4bb5b;
}
.ms-home-v3-cta-icon .ms-icon{width:28px;height:28px}
.ms-home-v3-cta h2{margin:0 0 4px;font:800 25px/1 var(--serif)}
.ms-home-v3-cta p{margin:0;color:#eadcdf;font-size:13px}
.ms-home-v3-cta>a{
  min-height:46px;display:inline-flex;align-items:center;gap:18px;padding:0 24px;border-radius:7px;
  background:linear-gradient(180deg,#f0ca6e,#dfa83e);color:#5f2410;text-decoration:none;font-weight:800;
}

.ms-home-app-download{
  position:relative;overflow:hidden;margin:22px 2vw 0;padding:42px clamp(24px,7vw,96px);
  display:grid;grid-template-columns:minmax(190px,280px) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,80px);
  color:#fff8f0;background:
    radial-gradient(circle at 12% 28%,rgba(237,190,84,.25),transparent 25%),
    radial-gradient(circle at 88% 78%,rgba(255,255,255,.08),transparent 30%),
    linear-gradient(120deg,#4d001d 0%,#79002d 54%,#9b1744 100%);
  border:1px solid rgba(233,190,95,.52);border-radius:22px;box-shadow:0 24px 55px rgba(63,0,25,.2);
}
.ms-home-app-download:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%)}
.ms-home-app-download-brand{position:relative;z-index:1;min-height:190px;display:grid;place-items:center}
.ms-home-app-download-glow{position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(244,203,110,.28),rgba(244,203,110,0) 67%)}
.ms-home-app-download-logo{position:relative!important;width:126px!important;height:126px!important;min-width:126px!important;border:5px solid rgba(255,255,255,.92)!important;box-shadow:0 22px 45px rgba(28,0,11,.35)!important}
.ms-home-app-download-brand>span{position:absolute;right:12%;bottom:8%;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#f4d47e,#d99b2f);color:#5c1830;font:900 17px var(--serif);border:3px solid #fff7df;box-shadow:0 12px 25px rgba(25,0,10,.25)}
.ms-home-app-download-copy{position:relative;z-index:1}
.ms-home-app-download-eyebrow{display:inline-flex;margin-bottom:10px;color:#f1c969;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.ms-home-app-download h2{max-width:740px;margin:0;color:#fffaf4;font:800 clamp(30px,3.4vw,48px)/1.08 var(--serif);letter-spacing:-.025em}
.ms-home-app-download-copy>p{max-width:690px;margin:16px 0 25px;color:#eddde1;font-size:16px;line-height:1.65}
.ms-home-store-buttons{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ms-home-store-button{min-width:198px;min-height:62px;padding:9px 17px;display:flex;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.24);border-radius:13px;background:#111;color:#fff;text-decoration:none;box-shadow:0 12px 24px rgba(23,0,9,.24);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
a.ms-home-store-button:hover{transform:translateY(-3px);border-color:rgba(244,203,110,.8);box-shadow:0 17px 30px rgba(23,0,9,.34)}
.ms-home-store-button svg{width:34px;height:38px;flex:0 0 auto}
.ms-home-store-button span{display:grid;text-align:left;line-height:1.04}
.ms-home-store-button small{font-size:9px;color:#ddd;font-weight:700;letter-spacing:.08em}
.ms-home-store-button strong{margin-top:5px;color:#fff;font-size:21px;font-weight:700;letter-spacing:-.02em}
.ms-home-store-button--coming{opacity:.78;background:rgba(15,15,17,.78);cursor:default}
.ms-home-apple-icon{color:#fff}

.ms-home-v3-footer{
  display:grid;
  grid-template-columns:1.5fr repeat(4,1fr);
  gap:34px;
  padding:30px 6vw 18px;
  color:#f8e9df;
  background:linear-gradient(180deg,#4f101b,#3d0a12);
}
.ms-home-v3-footer a{display:block;color:#ead7d1;text-decoration:none;margin-top:7px;font-size:12px}
.ms-home-v3-footer h4{margin:0 0 10px;color:#fff4e6;font:700 14px/1 var(--serif)}
.ms-home-v3-footer span{display:flex;align-items:center;gap:7px;margin-top:8px;color:#ead7d1;font-size:12px}
.ms-home-v3-footer span .ms-icon{width:13px;height:13px;color:#e7bb59}
.ms-home-v3-footer-brand-row{display:flex;align-items:center;gap:12px}
.ms-home-v3-footer-brand-row .ms-logo-mark{width:44px!important;height:44px!important;min-width:44px!important}
.ms-home-v3-footer-brand-row strong{display:block;color:#fff4e6;font:800 24px/.95 var(--serif)}
.ms-home-v3-footer-brand-row small{display:block;color:#d7ad5b;margin-top:3px;font-size:10px}
.ms-home-v3-footer-brand p{max-width:300px;color:#d9c4c3;font-size:12px;line-height:1.5}
.ms-home-v3-social{display:flex;gap:8px}
.ms-home-v3-social span{
  width:28px;height:28px;margin:0;border:1px solid #bf8a57;border-radius:50%;
  display:grid;place-items:center;color:#fff4e6;font-size:11px;font-weight:800;
}
.ms-home-v3-footer-bottom{
  grid-column:1/-1;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding-top:14px;margin-top:2px;border-top:1px solid rgba(255,255,255,.12);
}
.ms-home-v3-footer-bottom>div{display:flex;gap:18px}
.ms-home-v3-footer-bottom a{margin:0}

@media(max-width:1200px){
  .ms-home-v3-nav{gap:18px}
  .ms-home-v3-story-card{flex-basis:calc((100% - 28px)/3)}
  .ms-home-v3-profile-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .ms-home-v3-header{padding:12px 20px;align-items:flex-start}
  .ms-home-v3-nav{justify-content:flex-end;flex-wrap:wrap}
  .ms-home-v3-hero{grid-template-columns:1fr}
  .ms-home-v3-copy{padding:48px 24px}
  .ms-home-v3-hero-image{min-height:360px}
  .ms-home-v3-trust{grid-template-columns:1fr;padding:16px 20px}
  .ms-home-v3-story-card{flex-basis:calc((100% - 14px)/2)}
  .ms-home-v3-profile-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ms-home-v3-cta{grid-template-columns:auto 1fr;padding:18px 24px}
  .ms-home-v3-cta>a{grid-column:1/-1;justify-content:center}
  .ms-home-app-download{grid-template-columns:1fr;text-align:center;padding:34px 24px;gap:16px}
  .ms-home-app-download-brand{min-height:145px}
  .ms-home-app-download-logo{width:104px!important;height:104px!important;min-width:104px!important}
  .ms-home-app-download-brand>span{right:calc(50% - 80px);bottom:4px}
  .ms-home-app-download-copy>p{margin-left:auto;margin-right:auto}
  .ms-home-store-buttons{justify-content:center}
  .ms-home-v3-footer{grid-template-columns:repeat(2,1fr)}
  .ms-home-v3-footer-brand{grid-column:1/-1}
}
@media(max-width:560px){
  .ms-home-app-download{margin:16px 12px 0;padding:30px 16px;border-radius:18px}
  .ms-home-app-download h2{font-size:30px}
  .ms-home-app-download-copy>p{font-size:14px}
  .ms-home-store-buttons{display:grid;grid-template-columns:1fr;width:100%}
  .ms-home-store-button{width:100%;min-width:0;justify-content:flex-start}
}
@media(max-width:640px){
  .ms-home-v3-header{display:grid;grid-template-columns:1fr}
  .ms-home-v3-nav{justify-content:flex-start;gap:12px}
  .ms-home-v3-nav a:not(.ms-home-v3-create){font-size:12px}
  .ms-home-v3-copy h1{font-size:40px}
  .ms-home-v3-section{padding-left:16px;padding-right:16px}
  .ms-home-v3-section-head.centered>a{position:static;display:inline-block;margin-top:10px}
  .ms-home-v3-section-head.compact{align-items:flex-start;justify-content:space-between}
  .ms-home-v3-story-card{flex-basis:88%;min-width:88%}
  .ms-home-v3-profile-row{grid-template-columns:1fr}
  .ms-home-v3-profile-card{display:grid;grid-template-columns:120px 1fr}
  .ms-home-v3-profile-card>img{height:100%;min-height:140px}
  .ms-home-v3-footer{grid-template-columns:1fr}
  .ms-home-v3-footer-brand{grid-column:auto}
  .ms-home-v3-footer-bottom{grid-column:1;display:grid}
}


/* =====================================================================
   Batch 112 — One premium footer across the entire web platform
   ===================================================================== */
.ms-global-premium-footer{
  margin:0!important;
  padding:30px 6vw 18px!important;
  color:#f8e9df!important;
  background:linear-gradient(180deg,#58111f 0%,#430b15 100%)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.ms-global-footer-grid{
  display:grid!important;
  grid-template-columns:1.55fr repeat(4,minmax(140px,1fr))!important;
  gap:38px!important;
  max-width:1680px!important;
  margin:0 auto!important;
}
.ms-global-footer-brand-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.ms-global-footer-brand-row .ms-logo-mark{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
}
.ms-global-footer-brand-row strong{
  display:block!important;
  color:#fff7e8!important;
  font:800 25px/.95 var(--serif)!important;
}
.ms-global-footer-brand-row small{
  display:block!important;
  margin-top:4px!important;
  color:#e4b85e!important;
  font-size:10px!important;
}
.ms-global-footer-brand p{
  max-width:300px!important;
  margin:16px 0 0!important;
  color:#e3ced0!important;
  font:400 12px/1.55 var(--sans)!important;
}
.ms-global-footer-column h4{
  margin:0 0 12px!important;
  color:#fff6e8!important;
  font:700 14px/1 var(--serif)!important;
}
.ms-global-footer-column>a{
  display:block!important;
  margin:8px 0 0!important;
  color:#ead7d1!important;
  text-decoration:none!important;
  font:400 12px/1.25 var(--sans)!important;
}
.ms-global-footer-column>a:hover{color:#f0c969!important}
.ms-global-footer-help span{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:9px!important;
  color:#ead7d1!important;
  font:400 12px/1.35 var(--sans)!important;
}
.ms-global-footer-help .ms-icon{
  width:13px!important;
  height:13px!important;
  color:#dfb552!important;
}
.ms-global-footer-social{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:9px!important;
}
.ms-global-footer-social a,
.ms-global-footer-social span{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border:1px solid #c99445!important;
  border-radius:50%!important;
  color:#fff6e8!important;
  text-decoration:none!important;
  font:700 11px/1 var(--sans)!important;
}
.ms-global-footer-social svg{width:14px!important;height:14px!important}
.ms-global-footer-bottom{
  max-width:1680px!important;
  margin:34px auto 0!important;
  padding-top:16px!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  color:#e4d1d2!important;
  font:400 11px/1.4 var(--sans)!important;
}
.ms-global-footer-bottom>div{display:flex!important;gap:20px!important;flex-wrap:wrap!important}
.ms-global-footer-bottom a{
  color:#f1ded7!important;
  text-decoration:none!important;
  font-weight:400!important;
}
.ms-global-footer-bottom a:hover{color:#f0c969!important}
/* suppress the former cream site footer if an older template still outputs it */
.ms-site-footer{display:none!important}
@media(max-width:1100px){
  .ms-global-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ms-global-footer-brand{grid-column:1/-1!important}
}
@media(max-width:640px){
  .ms-global-premium-footer{padding:26px 20px 18px!important}
  .ms-global-footer-grid{grid-template-columns:1fr!important;gap:26px!important}
  .ms-global-footer-brand{grid-column:auto!important}
  .ms-global-footer-bottom{display:grid!important;gap:12px!important;margin-top:26px!important}
}


/* =====================================================================
   Batch 113 — Global footer breathing room + registration reference UI
   ===================================================================== */

/* Keep a clear gap above the footer across the entire web platform. */
.ms-global-premium-footer{
  margin-top:72px!important;
  clear:both!important;
}
@media(max-width:900px){
  .ms-global-premium-footer{margin-top:56px!important}
}
@media(max-width:600px){
  .ms-global-premium-footer{margin-top:44px!important}
}

/* Registration: same image-led split layout as the supplied reference/login. */
body.ms-site .ms-register-page--login-parity,
body.ms-app .ms-register-page--login-parity{
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:minmax(420px,1fr) minmax(560px,1.05fr)!important;
  padding:0!important;
  margin:0!important;
  background:#fffaf3!important;
}

body.ms-site .ms-register-page--login-parity .ms-register-login-visual,
body.ms-app .ms-register-page--login-parity .ms-register-login-visual{
  position:relative!important;
  min-height:100vh!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(40,8,13,.08),rgba(54,10,18,.18)),
    url("../img/generated/milansaathi-login-hero.jpg") center/cover no-repeat!important;
}

/* Brand on top of the wedding image. */
body.ms-site .ms-register-hero-brand-v4,
body.ms-app .ms-register-hero-brand-v4{
  position:absolute!important;
  top:46px!important;
  left:54px!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  color:#7e1232!important;
  text-decoration:none!important;
}
body.ms-site .ms-register-hero-brand-v4 .ms-logo-mark,
body.ms-app .ms-register-hero-brand-v4 .ms-logo-mark{
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
}
body.ms-site .ms-register-hero-brand-v4 strong,
body.ms-app .ms-register-hero-brand-v4 strong{
  color:#7e1232!important;
  font:800 38px/.95 var(--serif)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.ms-site .ms-register-hero-brand-v4 strong span,
body.ms-app .ms-register-hero-brand-v4 strong span{
  color:#7e1232!important;
}
body.ms-site .ms-register-hero-brand-v4 small,
body.ms-app .ms-register-hero-brand-v4 small{
  display:block!important;
  margin-top:7px!important;
  color:#701b31!important;
  font:600 15px/1.2 var(--serif)!important;
  letter-spacing:.01em!important;
}

/* Compact premium trust panel at lower left. */
body.ms-site .ms-register-trust-v4,
body.ms-app .ms-register-trust-v4{
  position:absolute!important;
  left:0!important;
  bottom:72px!important;
  z-index:3!important;
  width:min(300px,calc(100% - 42px))!important;
  padding:28px 30px!important;
  border-radius:0 28px 28px 0!important;
  border:1px solid rgba(218,166,65,.78)!important;
  border-left:0!important;
  background:linear-gradient(160deg,rgba(127,11,50,.96),rgba(98,8,39,.94))!important;
  box-shadow:0 20px 38px rgba(40,5,18,.24)!important;
  color:#fff5eb!important;
}
body.ms-site .ms-register-trust-v4 h3,
body.ms-app .ms-register-trust-v4 h3{
  margin:0 0 18px!important;
  color:#fff5eb!important;
  font:700 28px/1.18 var(--serif)!important;
}
body.ms-site .ms-register-trust-v4 hr,
body.ms-app .ms-register-trust-v4 hr{
  border:0!important;
  height:1px!important;
  margin:0 0 17px!important;
  background:linear-gradient(90deg,#d7a83c,rgba(215,168,60,.15))!important;
}
body.ms-site .ms-register-trust-v4 p,
body.ms-app .ms-register-trust-v4 p{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:12px 0!important;
  color:#fff2e7!important;
  font:500 14px/1.4 var(--sans)!important;
}
body.ms-site .ms-register-trust-v4 .ms-icon,
body.ms-app .ms-register-trust-v4 .ms-icon{
  width:17px!important;
  height:17px!important;
  color:#e8bd5b!important;
  flex:0 0 auto!important;
}

/* Right side keeps the warm empty space around one centered white card. */
body.ms-site .ms-register-login-panel,
body.ms-app .ms-register-login-panel{
  position:relative!important;
  min-height:100vh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:72px 58px!important;
  background:
    radial-gradient(circle at 72% 10%,rgba(236,196,122,.13),transparent 27%),
    linear-gradient(180deg,#fffdf9 0%,#fff8f0 100%)!important;
}

body.ms-site .ms-register-page--login-parity .ms-back-home,
body.ms-app .ms-register-page--login-parity .ms-back-home{
  position:absolute!important;
  top:24px!important;
  right:34px!important;
  z-index:5!important;
  color:#8e1739!important;
  text-decoration:none!important;
  font-weight:600!important;
}

/* Main registration card. */
body.ms-site .ms-register-card-v3,
body.ms-app .ms-register-card-v3{
  width:min(760px,100%)!important;
  padding:36px 38px 28px!important;
  border:1px solid rgba(228,207,177,.88)!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 20px 54px rgba(91,54,22,.09)!important;
}

body.ms-site .ms-register-v3-heading,
body.ms-app .ms-register-v3-heading{
  text-align:center!important;
  margin-bottom:24px!important;
}
body.ms-site .ms-register-v3-heading h1,
body.ms-app .ms-register-v3-heading h1{
  margin:0 0 8px!important;
  color:#7e1232!important;
  font:700 clamp(38px,3.3vw,52px)/1 var(--serif)!important;
}
body.ms-site .ms-register-v3-heading p,
body.ms-app .ms-register-v3-heading p{
  margin:0!important;
  color:#776a6b!important;
  font:400 16px/1.45 var(--sans)!important;
}
body.ms-site .ms-register-v3-heading .ms-gold-divider,
body.ms-app .ms-register-v3-heading .ms-gold-divider{
  margin:15px auto 0!important;
  width:270px!important;
  max-width:70%!important;
}

/* Two-column form like the supplied reference. */
body.ms-site .ms-register-grid-v3,
body.ms-app .ms-register-grid-v3{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px 20px!important;
}
body.ms-site .ms-register-grid-v3>label,
body.ms-app .ms-register-grid-v3>label{
  display:grid!important;
  gap:8px!important;
  color:#35292c!important;
  font:500 14px/1.3 var(--sans)!important;
}

/* Form control geometry. */
body.ms-site .ms-register-grid-v3 .ms-input-icon,
body.ms-app .ms-register-grid-v3 .ms-input-icon,
body.ms-site .ms-register-picker-btn--v3,
body.ms-app .ms-register-picker-btn--v3{
  width:100%!important;
  min-height:54px!important;
  border:1px solid #e3d2bc!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 2px 6px rgba(79,43,19,.025)!important;
}
body.ms-site .ms-register-grid-v3 .ms-input-icon,
body.ms-app .ms-register-grid-v3 .ms-input-icon{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:0 14px!important;
}
body.ms-site .ms-register-grid-v3 .ms-input-icon>.ms-icon,
body.ms-app .ms-register-grid-v3 .ms-input-icon>.ms-icon{
  width:19px!important;
  height:19px!important;
  color:#c29460!important;
  flex:0 0 auto!important;
}
body.ms-site .ms-register-grid-v3 .ms-input-icon input,
body.ms-app .ms-register-grid-v3 .ms-input-icon input{
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  border:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#33282b!important;
  font-weight:500!important;
}
body.ms-site .ms-register-grid-v3 .ms-input-icon input::placeholder,
body.ms-app .ms-register-grid-v3 .ms-input-icon input::placeholder{
  color:#9a9090!important;
  font-weight:400!important;
}

/* Gender segmented control. */
body.ms-site .ms-register-page--login-parity .ms-register-gender-row,
body.ms-app .ms-register-page--login-parity .ms-register-gender-row{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  min-height:54px!important;
  overflow:hidden!important;
  border:1px solid #e3d2bc!important;
  border-radius:10px!important;
  background:#fff!important;
}
body.ms-site .ms-register-page--login-parity .ms-register-gender-chip,
body.ms-app .ms-register-page--login-parity .ms-register-gender-chip{
  position:relative!important;
  cursor:pointer!important;
}
body.ms-site .ms-register-page--login-parity .ms-register-gender-chip+ .ms-register-gender-chip,
body.ms-app .ms-register-page--login-parity .ms-register-gender-chip+ .ms-register-gender-chip{
  border-left:1px solid #eadfd1!important;
}
body.ms-site .ms-register-page--login-parity .ms-register-gender-chip input,
body.ms-app .ms-register-page--login-parity .ms-register-gender-chip input{
  position:absolute!important;
  opacity:0!important;
}
body.ms-site .ms-register-page--login-parity .ms-register-gender-chip span,
body.ms-app .ms-register-page--login-parity .ms-register-gender-chip span{
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  color:#8a777a!important;
  font-weight:400!important;
}
body.ms-site .ms-register-page--login-parity .ms-register-gender-chip input:checked+span,
body.ms-app .ms-register-page--login-parity .ms-register-gender-chip input:checked+span{
  color:#8e1739!important;
  background:#fff8fa!important;
  box-shadow:inset 0 0 0 1px rgba(142,23,57,.16)!important;
}

/* Picker controls retain the royal modal behavior, but look like the reference fields. */
body.ms-site .ms-register-picker-btn--v3,
body.ms-app .ms-register-picker-btn--v3{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:0 14px!important;
  cursor:pointer!important;
}
body.ms-site .ms-register-picker-btn--v3 .ms-register-picker-icon,
body.ms-app .ms-register-picker-btn--v3 .ms-register-picker-icon{
  display:inline-flex!important;
  color:#c29460!important;
  flex:0 0 auto!important;
}
body.ms-site .ms-register-picker-btn--v3 .ms-register-picker-icon .ms-icon,
body.ms-app .ms-register-picker-btn--v3 .ms-register-picker-icon .ms-icon{
  width:19px!important;
  height:19px!important;
}
body.ms-site .ms-register-picker-btn--v3 [data-picker-label],
body.ms-app .ms-register-picker-btn--v3 [data-picker-label]{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
  color:#9a9090!important;
  font-weight:400!important;
}
body.ms-site .ms-register-picker-btn--v3.is-filled [data-picker-label],
body.ms-app .ms-register-picker-btn--v3.is-filled [data-picker-label]{
  color:#33282b!important;
}
body.ms-site .ms-register-picker-btn--v3 b,
body.ms-app .ms-register-picker-btn--v3 b{
  width:auto!important;
  height:auto!important;
  margin-left:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#ba8748!important;
  font-size:15px!important;
}

/* Premium wide registration action. */
body.ms-site .ms-register-consent--v3,
body.ms-app .ms-register-consent--v3{
  margin:18px 0 13px!important;
}
body.ms-site .ms-register-submit-v3,
body.ms-app .ms-register-submit-v3{
  min-height:62px!important;
  border-radius:30px!important;
  border:2px solid #d7a63c!important;
  background:linear-gradient(180deg,#ad1749,#850e36)!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.26),
    0 8px 18px rgba(125,14,47,.18)!important;
  color:#fff8ef!important;
  font:500 26px/1 var(--serif)!important;
}
body.ms-site .ms-register-submit-v3:hover,
body.ms-app .ms-register-submit-v3:hover{
  transform:translateY(-1px)!important;
}

/* Security note and existing-account link are quiet, not bold. */
body.ms-site .ms-register-safe-note--v3,
body.ms-app .ms-register-safe-note--v3{
  justify-content:center!important;
  margin-top:15px!important;
  color:#948988!important;
  font-size:13px!important;
  font-weight:400!important;
}
body.ms-site .ms-auth-switch--register-v3,
body.ms-app .ms-auth-switch--register-v3{
  margin-top:10px!important;
  text-align:center!important;
  font-weight:400!important;
}
body.ms-site .ms-auth-switch--register-v3 a,
body.ms-app .ms-auth-switch--register-v3 a{
  color:#8e1739!important;
  font-weight:600!important;
}

/* Make the existing registration picker modal more like the supplied premium modal. */
body.ms-site .ms-register-picker-dialog,
body.ms-app .ms-register-picker-dialog{
  width:min(520px,calc(100% - 30px))!important;
  padding:28px!important;
  border-radius:22px!important;
  border:1px solid #ead7bd!important;
  background:linear-gradient(180deg,#fffdfa,#fff9f1)!important;
  box-shadow:0 28px 70px rgba(36,18,15,.24)!important;
}
body.ms-site .ms-register-picker-dialog h2,
body.ms-app .ms-register-picker-dialog h2{
  color:#7e1232!important;
  font:700 28px/1.1 var(--serif)!important;
}
body.ms-site .ms-register-picker-option,
body.ms-app .ms-register-picker-option{
  min-height:56px!important;
  border-radius:12px!important;
  background:#fff!important;
}
body.ms-site .ms-register-picker-dialog .ms-dialog-actions .ms-btn-primary,
body.ms-app .ms-register-picker-dialog .ms-dialog-actions .ms-btn-primary{
  background:linear-gradient(180deg,#a91547,#851037)!important;
}

/* Responsive registration. */
@media(max-width:1180px){
  body.ms-site .ms-register-page--login-parity,
  body.ms-app .ms-register-page--login-parity{
    grid-template-columns:1fr!important;
  }
  body.ms-site .ms-register-page--login-parity .ms-register-login-visual,
  body.ms-app .ms-register-page--login-parity .ms-register-login-visual{
    min-height:440px!important;
  }
  body.ms-site .ms-register-login-panel,
  body.ms-app .ms-register-login-panel{
    min-height:auto!important;
    padding:64px 24px 36px!important;
  }
  body.ms-site .ms-register-trust-v4,
  body.ms-app .ms-register-trust-v4{
    bottom:24px!important;
  }
}
@media(max-width:720px){
  body.ms-site .ms-register-page--login-parity .ms-register-login-visual,
  body.ms-app .ms-register-page--login-parity .ms-register-login-visual{
    min-height:360px!important;
  }
  body.ms-site .ms-register-hero-brand-v4,
  body.ms-app .ms-register-hero-brand-v4{
    top:24px!important;
    left:22px!important;
  }
  body.ms-site .ms-register-hero-brand-v4 .ms-logo-mark,
  body.ms-app .ms-register-hero-brand-v4 .ms-logo-mark{
    width:52px!important;height:52px!important;min-width:52px!important;
  }
  body.ms-site .ms-register-hero-brand-v4 strong,
  body.ms-app .ms-register-hero-brand-v4 strong{
    font-size:28px!important;
  }
  body.ms-site .ms-register-trust-v4,
  body.ms-app .ms-register-trust-v4{
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
    width:auto!important;
    border-left:1px solid rgba(218,166,65,.78)!important;
    border-radius:20px!important;
    padding:18px 20px!important;
  }
  body.ms-site .ms-register-trust-v4 h3,
  body.ms-app .ms-register-trust-v4 h3{
    font-size:21px!important;
  }
  body.ms-site .ms-register-login-panel,
  body.ms-app .ms-register-login-panel{
    padding:64px 14px 30px!important;
  }
  body.ms-site .ms-register-card-v3,
  body.ms-app .ms-register-card-v3{
    padding:26px 17px 22px!important;
    border-radius:22px!important;
  }
  body.ms-site .ms-register-grid-v3,
  body.ms-app .ms-register-grid-v3{
    grid-template-columns:1fr!important;
  }
  body.ms-site .ms-register-v3-heading h1,
  body.ms-app .ms-register-v3-heading h1{
    font-size:36px!important;
  }
}

/* Batch 114 — top-right profile dropdown text/icon polish */
body.ms-app .ms-user-menu>div a,
body.ms-app .ms-user-menu>div button{
  font-weight:500!important;
  font-family:var(--sans)!important;
  letter-spacing:0!important;
}
body.ms-app .ms-user-menu>div a .ms-icon,
body.ms-app .ms-user-menu>div button .ms-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 auto!important;
}
body.ms-app .ms-user-menu .ms-user-settings-icon{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}


/* Batch 133: Razorpay premium web checkout */
.ms-rzp-disabled-note{
    margin:14px 0;
    padding:13px 16px;
    border:1px solid rgba(133,14,54,.18);
    border-radius:16px;
    background:#fff8f1;
    color:#6d3144;
    font-weight:700;
}
.ms-rzp-overlay,.ms-rzp-result-overlay{
    position:fixed;
    inset:0;
    z-index:10000;
    display:grid;
    place-items:center;
    padding:24px;
    background:rgba(31,5,15,.62);
    backdrop-filter:blur(9px);
}
.ms-rzp-overlay[hidden],.ms-rzp-result-overlay[hidden]{display:none!important}
html.ms-modal-open{overflow:hidden}
.ms-rzp-review{
    width:min(520px,100%);
    max-height:calc(100vh - 48px);
    overflow:auto;
    padding:20px;
    border:1px solid rgba(211,163,70,.45);
    border-radius:28px;
    background:linear-gradient(145deg,#fff,#fff9ef);
    box-shadow:0 28px 80px rgba(58,5,25,.28);
}
.ms-rzp-review-head{
    display:flex;
    align-items:center;
    gap:13px;
    padding:16px;
    border-radius:21px;
    color:#fff;
    background:linear-gradient(135deg,#830c3c,#4d001f);
}
.ms-rzp-review.is-platinum .ms-rzp-review-head{
    background:linear-gradient(135deg,#6c49b9,#42267d);
}
.ms-rzp-plan-letter{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    flex:0 0 48px;
    border-radius:50%;
    color:#681033;
    background:linear-gradient(145deg,#fff4c8,#e9bd60);
    font:800 18px/1 serif;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);
}
.ms-rzp-review-head>div{min-width:0;flex:1}
.ms-rzp-review-head small{
    display:block;
    margin-bottom:3px;
    color:#f5ce75;
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
}
.ms-rzp-review-head h2{margin:0;color:#fff;font-size:20px}
.ms-rzp-review-head p{margin:3px 0 0;color:#f9e7df;font-size:12px}
.ms-rzp-close{
    width:34px;height:34px;border:0;border-radius:50%;
    color:#fff;background:rgba(255,255,255,.13);
    font-size:25px;line-height:1;cursor:pointer
}
.ms-rzp-breakdown{padding:18px 2px 0}
.ms-rzp-breakdown h3{margin:0 0 10px;color:#542136;font-size:16px}
.ms-rzp-breakdown>div{
    display:flex;justify-content:space-between;gap:16px;
    padding:7px 0;color:#57474c;font-size:14px
}
.ms-rzp-breakdown>div b{color:#32282b}
.ms-rzp-breakdown hr{border:0;border-top:1px solid #ead8bd;margin:9px 0}
.ms-rzp-breakdown .total{align-items:center;font-weight:800}
.ms-rzp-breakdown .total b{color:#850e36;font-size:22px}
.ms-rzp-review.is-platinum .ms-rzp-breakdown .total b{color:#6743ad}
.ms-rzp-safe-note{
    display:flex;gap:10px;align-items:flex-start;
    margin-top:14px;padding:12px;
    border:1px solid #eed79e;border-radius:16px;
    background:linear-gradient(135deg,#fff9e7,#fff2cb)
}
.ms-rzp-safe-note span{
    display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;
    border-radius:50%;background:#c8932f;color:#fff;font-weight:900
}
.ms-rzp-safe-note p{margin:1px 0 0;color:#705c4f;font-size:12px;line-height:1.45}
.ms-rzp-secured{text-align:center;margin:13px 0 8px;color:#88746e;font-size:11px;font-weight:800}
.ms-rzp-pay{
    width:100%;border:0;border-radius:17px;padding:14px 18px;
    color:#fff;background:linear-gradient(135deg,#850e36,#c52b55);
    font-size:15px;font-weight:900;cursor:pointer;
    box-shadow:0 12px 25px rgba(133,14,54,.2)
}
.ms-rzp-review.is-platinum .ms-rzp-pay{background:linear-gradient(135deg,#714ebd,#493087)}
.ms-rzp-pay:disabled{opacity:.6;cursor:wait}
.ms-rzp-cancel{
    width:100%;border:0;background:transparent;padding:12px 8px 4px;
    color:#850e36;font-weight:800;cursor:pointer
}
.ms-rzp-error{
    margin:12px 0 0;padding:10px 12px;border-radius:12px;
    background:#fff0f0;color:#9b2536;font-size:12px;font-weight:700
}
.ms-rzp-result-card{
    width:min(460px,100%);
    padding:30px 25px;
    border-radius:28px;
    text-align:center;
    background:#fffaf2;
    box-shadow:0 28px 80px rgba(58,5,25,.28)
}
.ms-rzp-result-icon{
    display:grid;place-items:center;width:68px;height:68px;margin:0 auto 14px;
    border-radius:50%;background:#248152;color:#fff;font-size:32px;font-weight:900
}
.ms-rzp-result-card.is-processing .ms-rzp-result-icon{background:#b67826}
.ms-rzp-result-card.is-failed .ms-rzp-result-icon{background:#a13345}
.ms-rzp-result-card h2{margin:0;color:#4e1d32}
.ms-rzp-result-card p{margin:9px auto 18px;max-width:360px;color:#78666b;line-height:1.5}
.ms-rzp-result-card .ms-btn{margin:4px}
@media (max-width:640px){
    .ms-rzp-overlay,.ms-rzp-result-overlay{padding:12px}
    .ms-rzp-review{padding:14px;border-radius:23px}
}



/* Batch 1 Android/Web parity: accepted interest actions */
.ms-interest-accepted-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px;position:relative;z-index:8}
.ms-interest-accepted-actions form{margin:0;display:block}
.ms-interest-accepted-actions .ms-interest-btn{width:100%;height:100%}
@media(max-width:420px){.ms-interest-accepted-actions{grid-template-columns:1fr;gap:7px}}

/* Batch 2: biodata + profile-photo management parity */
.ms-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ms-photo-manage-grid{align-items:stretch}.ms-photo-manage-card{position:relative;overflow:hidden;border:1px solid rgba(92,38,50,.12);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(66,28,36,.08)}.ms-photo-manage-media{position:relative;aspect-ratio:4/5;background:#f6f1ed;overflow:hidden}.ms-photo-manage-media img{width:100%;height:100%;display:block;object-fit:cover}.ms-photo-primary-badge{position:absolute;top:10px;left:10px;padding:6px 10px;border-radius:999px;background:rgba(73,15,29,.92);color:#f7d778;font-size:12px;letter-spacing:.02em}.ms-photo-manage-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px}.ms-photo-manage-meta form{margin:0}.ms-photo-status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f2eee9;color:#69585c;font-size:12px;font-weight:700}.ms-photo-status.is-approved{background:#e8f6ed;color:#23653a}.ms-photo-status.is-pending{background:#fff5d9;color:#805d08}.ms-photo-status.is-rejected{background:#fde9e9;color:#9a2f2f}.ms-upload-panel small{display:block;margin-top:10px;color:#77666a}@media(max-width:640px){.ms-photo-manage-meta{align-items:stretch;flex-direction:column}.ms-photo-manage-meta .ms-btn{width:100%}.ms-head-actions{width:100%}.ms-head-actions .ms-btn{flex:1}}

/* Batch 3: chat gesture / live-state parity */
.ms-chat-window .ms-bubble {
  transition: transform .12s ease, box-shadow .12s ease;
  touch-action: pan-y;
}
.ms-chat-window .ms-bubble.is-swipe-reply {
  box-shadow: 0 8px 24px rgba(0,0,0,.10);
}
.ms-chat-window .ms-message-action-icon.is-active {
  background: rgba(133,14,54,.12);
  border-color: rgba(133,14,54,.32);
}
[data-presence-status] {
  transition: opacity .15s ease;
}
@media (max-width: 760px) {
  .ms-chat-window .ms-bubble .ms-row-actions {
    gap: 6px;
  }
}

/* Batch 4 parity: routed safety/account screens and blocked-profile actions */
.ms-account-note{margin:16px 0 0;color:var(--ms-muted,#6b7280);font-size:.92rem}
.ms-blocked-profile-card{display:flex;flex-direction:column;gap:10px;min-width:0}
.ms-blocked-profile-card>.ms-profile-card{height:100%}
.ms-blocked-unblock-form{margin-top:-2px}
.ms-blocked-unblock-form .ms-btn{justify-content:center}
@media(max-width:760px){.ms-verify-grid.ms-verify-summary{grid-template-columns:1fr}.ms-blocked-profile-grid{grid-template-columns:1fr}}


/* Batch 5: Android/Web QA parity refinements */
body.ms-app .ms-search-advanced-grid select[data-search-dependent]{background:#fff!important;cursor:pointer}
body.ms-app .ms-search-advanced-grid select:disabled{opacity:.58;cursor:not-allowed}
body.ms-app .ms-smart-verification b{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.ms-app .ms-smart-verification b small{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:24px;padding:0 8px;border-radius:999px;background:#fff2ce;border:1px solid #dfbd65;color:#7b5400;font-size:12px;font-weight:900}
@media(max-width:720px){
  body.ms-app .ms-search-advanced-grid{grid-template-columns:1fr!important}
  body.ms-app .ms-search-advanced-actions{position:sticky;bottom:8px;z-index:3;padding:10px;background:rgba(255,250,242,.94);backdrop-filter:blur(8px);border:1px solid #eadfc9;border-radius:14px}
  body.ms-app .ms-search-advanced-actions .ms-btn{min-height:46px}
}

/* =====================================================================
   Batch 6 — Android Profile Detail + Match/Astro parity
   ===================================================================== */
body.ms-app .ms-detail-layout-v2.ms-detail-android-parity{
  grid-template-columns:minmax(360px, 470px) minmax(0, 1fr)!important;
  align-items:start!important;
  gap:22px!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-photo-card{
  position:sticky!important;
  top:86px!important;
  min-width:0!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity{
  position:relative!important;
  aspect-ratio:4/5.35!important;
  min-height:560px!important;
  max-height:720px!important;
  overflow:hidden!important;
  border-radius:26px!important;
  background:#f1e7e3!important;
  box-shadow:0 22px 48px rgba(63,19,35,.16)!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity > img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center top!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity::after{
  content:""!important;
  position:absolute!important;
  inset:35% 0 0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,transparent 0%,rgba(20,9,13,.08) 26%,rgba(20,9,13,.58) 72%,rgba(20,9,13,.88) 100%)!important;
}
body.ms-app .ms-detail-photo-top-badges,
body.ms-app .ms-detail-photo-bottom-overlay--scores-only{display:none!important}
body.ms-app .ms-detail-layout-v2 .ms-thumbs{display:none!important}

body.ms-app .ms-detail-hero-toolbar{
  position:absolute!important;
  z-index:15!important;
  top:16px!important;
  right:16px!important;
  display:flex!important;
  gap:9px!important;
  align-items:center!important;
}
body.ms-app .ms-detail-hero-tool{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.94)!important;
  color:#272126!important;
  box-shadow:0 9px 24px rgba(18,9,12,.18)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  cursor:pointer!important;
  text-decoration:none!important;
  list-style:none!important;
  font:800 25px/1 var(--sans)!important;
}
body.ms-app .ms-detail-hero-tool::-webkit-details-marker{display:none!important}
body.ms-app .ms-detail-hero-tool .ms-icon{width:19px!important;height:19px!important}
body.ms-app .ms-detail-more-menu{position:relative!important;margin:0!important;padding:0!important}
body.ms-app .ms-detail-more-menu > summary{user-select:none!important;-webkit-user-select:none!important}
body.ms-app .ms-detail-more-popover{
  position:absolute!important;
  z-index:40!important;
  top:50px!important;
  right:0!important;
  width:min(292px,calc(100vw - 34px))!important;
  padding:8px!important;
  display:grid!important;
  gap:2px!important;
  border-radius:18px!important;
  border:1px solid rgba(116,75,85,.16)!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 22px 52px rgba(41,15,24,.22)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
body.ms-app .ms-detail-more-popover::before{
  content:"";position:absolute;top:-6px;right:16px;width:12px;height:12px;
  background:#fff;transform:rotate(45deg);border-left:1px solid rgba(116,75,85,.12);border-top:1px solid rgba(116,75,85,.12)
}
body.ms-app .ms-detail-more-popover form{margin:0!important;padding:0!important}
body.ms-app .ms-detail-more-popover button,
body.ms-app .ms-detail-more-popover a{
  width:100%!important;
  min-height:42px!important;
  padding:9px 11px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#30272b!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  text-decoration:none!important;
  text-align:left!important;
  cursor:pointer!important;
  font:650 13px/1.25 var(--sans)!important;
}
body.ms-app .ms-detail-more-popover button:hover,
body.ms-app .ms-detail-more-popover a:hover{background:#fff4f6!important;color:var(--wine)!important}
body.ms-app .ms-detail-more-popover .ms-icon{width:17px!important;height:17px!important;color:var(--wine)!important;flex:0 0 auto!important}
body.ms-app .ms-detail-more-popover .is-danger{color:#a92b3f!important}

body.ms-app .ms-detail-request-photo{
  position:absolute!important;
  z-index:13!important;
  top:78px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  max-width:calc(100% - 110px)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.ms-app .ms-detail-request-photo button,
body.ms-app span.ms-detail-request-photo{
  min-height:36px!important;
  padding:0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.78)!important;
  background:rgba(255,255,255,.94)!important;
  color:var(--wine)!important;
  box-shadow:0 8px 20px rgba(20,10,13,.16)!important;
  font:750 12px/1 var(--sans)!important;
  white-space:nowrap!important;
}
body.ms-app .ms-detail-request-photo.is-requested{color:#666!important}
body.ms-app .ms-detail-request-photo.is-privacy{white-space:normal!important;text-align:center!important;height:auto!important;padding:9px 13px!important}

body.ms-app .ms-detail-hero-copy{
  position:absolute!important;
  z-index:12!important;
  left:20px!important;
  right:20px!important;
  bottom:18px!important;
  color:#fff!important;
  display:grid!important;
  gap:5px!important;
}
body.ms-app .ms-detail-hero-name-row{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
body.ms-app .ms-detail-hero-name-row h1{
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
  font:700 28px/1.08 var(--serif)!important;
  text-shadow:0 2px 10px rgba(0,0,0,.42)!important;
}
body.ms-app .ms-detail-hero-verified{
  width:29px!important;height:29px!important;min-width:29px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:rgba(255,255,255,.9)!important;color:#1e2224!important
}
body.ms-app .ms-detail-hero-verified .ms-icon{width:16px!important;height:16px!important}
body.ms-app .ms-detail-hero-tier{font-size:21px!important;color:#f3c64f!important;text-shadow:0 2px 6px rgba(0,0,0,.35)!important}
body.ms-app .ms-detail-hero-tier--platinum{color:#e6edf4!important}
body.ms-app .ms-detail-hero-location,
body.ms-app .ms-detail-hero-id{
  margin:0!important;color:#fff!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  text-shadow:0 2px 8px rgba(0,0,0,.35)!important
}
body.ms-app .ms-detail-hero-location{font:600 13px/1.3 var(--sans)!important}
body.ms-app .ms-detail-hero-id{font:600 11px/1.25 var(--sans)!important;opacity:.94!important}
body.ms-app .ms-detail-hero-score-row{
  margin-top:5px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
body.ms-app .ms-detail-hero-score-row > .ms-detail-status-chip,
body.ms-app .ms-detail-hero-score-row > .ms-detail-astro-chip,
body.ms-app .ms-detail-hero-score-row > .ms-detail-match-chip{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  min-width:0!important;
  min-height:35px!important;
  height:35px!important;
  margin:0!important;
  padding:0 7px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.75)!important;
  background:rgba(255,255,255,.94)!important;
  color:#252124!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  box-shadow:0 6px 16px rgba(13,6,9,.14)!important;
  font:700 11px/1 var(--sans)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
body.ms-app .ms-detail-hero-score-row > .ms-detail-status-chip{cursor:default!important}
body.ms-app .ms-detail-hero-score-row > .ms-detail-status-chip.is-online::before{
  content:"";width:7px;height:7px;border-radius:50%;background:#25a965;box-shadow:0 0 0 2px rgba(37,169,101,.14);flex:0 0 auto
}
body.ms-app .ms-detail-hero-score-row .ms-detail-astro-chip b,
body.ms-app .ms-detail-hero-score-row .ms-detail-match-chip b,
body.ms-app .ms-detail-hero-score-row .ms-detail-match-chip span,
body.ms-app .ms-detail-hero-score-row .ms-detail-astro-chip span{
  position:static!important;inset:auto!important;transform:none!important;width:auto!important;height:auto!important;min-width:0!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#252124!important;
  font:700 11px/1 var(--sans)!important;box-shadow:none!important;display:inline!important
}
body.ms-app .ms-detail-title--supporting{padding-top:2px!important}
body.ms-app .ms-detail-title--supporting h2{margin:0 0 4px!important;font:700 24px/1.1 var(--serif)!important;color:var(--wine-dark)!important}
body.ms-app .ms-detail-title--supporting > div:first-child > p{margin:0!important;color:var(--muted)!important}

/* Astro tab: one score presentation, no nested/double percentage UI. */
body.ms-app .ms-astro-profile-panel{padding:22px!important;overflow:hidden!important}
body.ms-app .ms-astro-profile-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-bottom:16px!important}
body.ms-app .ms-astro-profile-head > div:first-child > span{display:block!important;margin-bottom:4px!important;color:#8a5a6b!important;font:700 11px/1 var(--sans)!important;text-transform:uppercase!important;letter-spacing:.7px!important}
body.ms-app .ms-astro-profile-head h2{margin:0!important;color:var(--wine)!important;font:700 27px/1.05 var(--serif)!important}
body.ms-app .ms-astro-score-ring{
  width:82px!important;height:82px!important;min-width:82px!important;border-radius:50%!important;
  display:grid!important;place-content:center!important;text-align:center!important;
  background:radial-gradient(circle,#fff 58%,transparent 59%),conic-gradient(#8b1743 var(--guna-angle,65%),#eadde1 0)!important;
  border:1px solid #e7d5dc!important;box-shadow:0 10px 22px rgba(92,25,52,.08)!important
}
body.ms-app .ms-astro-score-ring b{display:block!important;color:var(--wine)!important;font:800 24px/1 var(--serif)!important}
body.ms-app .ms-astro-score-ring span{display:block!important;margin-top:3px!important;color:#7a666d!important;font:700 10px/1 var(--sans)!important}
body.ms-app .ms-astro-profile-result{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:16px!important}
body.ms-app .ms-astro-profile-result > div{padding:14px!important;border:1px solid #eadde1!important;border-radius:15px!important;background:linear-gradient(180deg,#fff,#fff8fa)!important}
body.ms-app .ms-astro-profile-result strong{display:block!important;color:var(--wine)!important;font:800 20px/1.1 var(--serif)!important}
body.ms-app .ms-astro-profile-result span{display:block!important;margin-top:4px!important;color:var(--muted)!important;font-size:11px!important}
body.ms-app .ms-guna-scale{position:relative!important;height:43px!important;margin:5px 2px 15px!important;border-radius:12px!important;overflow:visible!important;background:linear-gradient(90deg,#f1d7dc 0 49.9%,#f3e2c5 50% 66.5%,#d8eadf 66.6% 100%)!important}
body.ms-app .ms-guna-scale span{position:absolute!important;top:13px!important;font:800 9px/1 var(--sans)!important;color:#4d4044!important}
body.ms-app .ms-guna-scale .low{left:8px!important}.ms-guna-scale .mid{left:53%!important;transform:translateX(-50%)!important}.ms-guna-scale .high{right:9px!important}
body.ms-app .ms-guna-scale i{position:absolute!important;top:-5px!important;width:3px!important;height:53px!important;background:#65122f!important;border-radius:3px!important;transform:translateX(-50%)!important;box-shadow:0 0 0 3px rgba(255,255,255,.7)!important}
body.ms-app .ms-astro-profile-panel > p{color:#5c4d52!important;line-height:1.6!important}
body.ms-app .ms-astro-empty-card{padding:18px!important;border-radius:17px!important;border:1px solid #eadde1!important;background:linear-gradient(180deg,#fff,#fff8fa)!important}
body.ms-app .ms-astro-empty-card b{color:var(--wine)!important;font-size:15px!important}
body.ms-app .ms-astro-empty-card p{margin:7px 0 14px!important;color:#615157!important;line-height:1.55!important}
body.ms-app .ms-guna-dialog-score{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 14px!important;margin-bottom:12px!important;border-radius:14px!important;background:#fff4f6!important;border:1px solid #ead5dd!important}
body.ms-app .ms-guna-dialog-score b{color:var(--wine)!important;font:800 24px/1 var(--serif)!important}
body.ms-app .ms-guna-dialog-score span{color:#634d56!important;font-weight:750!important}

@media(max-width:900px){
  body.ms-app .ms-detail-layout-v2.ms-detail-android-parity{grid-template-columns:1fr!important}
  body.ms-app .ms-detail-layout-v2 .ms-detail-photo-card{position:static!important;top:auto!important;max-width:600px!important;width:100%!important;margin:0 auto!important}
}
@media(max-width:720px){
  body.ms-app .ms-main{padding-left:10px!important;padding-right:10px!important}
  body.ms-app .ms-detail-layout-v2.ms-detail-android-parity{gap:13px!important}
  body.ms-app .ms-detail-layout-v2 .ms-detail-photo.ms-detail-photo--match-parity{
    width:calc(100% + 20px)!important;
    margin-left:-10px!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1/1.48!important;
    border-radius:0 0 24px 24px!important;
  }
  body.ms-app .ms-detail-hero-toolbar{top:13px!important;right:13px!important}
  body.ms-app .ms-detail-hero-tool{width:40px!important;height:40px!important;min-width:40px!important}
  body.ms-app .ms-detail-more-popover{position:fixed!important;top:66px!important;right:12px!important;width:min(292px,calc(100vw - 24px))!important;max-height:calc(100vh - 92px)!important;overflow:auto!important}
  body.ms-app .ms-detail-more-popover::before{display:none!important}
  body.ms-app .ms-detail-request-photo{top:68px!important;max-width:calc(100% - 90px)!important}
  body.ms-app .ms-detail-hero-copy{left:17px!important;right:17px!important;bottom:15px!important}
  body.ms-app .ms-detail-hero-name-row h1{font-size:25px!important}
  body.ms-app .ms-detail-hero-location{font-size:12px!important}
  body.ms-app .ms-detail-hero-score-row{gap:6px!important}
  body.ms-app .ms-detail-hero-score-row > .ms-detail-status-chip,
  body.ms-app .ms-detail-hero-score-row > .ms-detail-astro-chip,
  body.ms-app .ms-detail-hero-score-row > .ms-detail-match-chip{min-height:34px!important;height:34px!important;padding:0 5px!important;font-size:10px!important;border-radius:9px!important}
  body.ms-app .ms-detail-hero-score-row .ms-detail-astro-chip b,
  body.ms-app .ms-detail-hero-score-row .ms-detail-match-chip b,
  body.ms-app .ms-detail-hero-score-row .ms-detail-match-chip span,
  body.ms-app .ms-detail-hero-score-row .ms-detail-astro-chip span{font-size:10px!important}
  body.ms-app .ms-detail-title--supporting{display:none!important}
  body.ms-app .ms-detail-social-strip{margin-top:0!important}
  body.ms-app .ms-astro-profile-panel{padding:17px!important}
  body.ms-app .ms-astro-score-ring{width:70px!important;height:70px!important;min-width:70px!important}
  body.ms-app .ms-astro-score-ring b{font-size:21px!important}
  body.ms-app .ms-astro-profile-result{grid-template-columns:1fr!important}
}

/* =====================================================================
   Batch 7 — compact premium gate + Interest/Super Connect mobile parity
   ===================================================================== */
html.ms-dialog-open{overflow:hidden!important}
body.ms-app .ms-premium-gate-dialog{
  padding:18px!important;
  overflow:auto!important;
  align-items:center!important;
}
body.ms-app .ms-premium-gate-card{
  width:min(500px,94vw)!important;
  max-width:500px!important;
  max-height:calc(100dvh - 36px)!important;
  border-radius:24px!important;
  padding:4px!important;
  overflow:auto!important;
}
body.ms-app .ms-premium-gate-shell{
  min-height:0!important;
  padding:58px 24px 22px!important;
  border-radius:19px!important;
  overflow:hidden!important;
}
body.ms-app .ms-premium-gate-top-crest{
  min-width:205px!important;
  width:205px!important;
  height:38px!important;
  border-radius:0 0 30px 30px!important;
  gap:8px!important;
}
body.ms-app .ms-premium-gate-top-flourish{font-size:20px!important}
body.ms-app .ms-premium-gate-top-diamond{width:16px!important;height:16px!important;top:-8px!important}
body.ms-app .ms-premium-gate-crown-wrap{margin-bottom:6px!important}
body.ms-app .ms-premium-gate-icon{
  width:66px!important;
  height:66px!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -5px 9px rgba(98,52,6,.18),0 9px 18px rgba(126,77,12,.17)!important;
}
body.ms-app .ms-premium-gate-icon .ms-icon{width:34px!important;height:34px!important}
body.ms-app .ms-premium-gate-card h2{
  margin:4px 0 5px!important;
  font:700 clamp(23px,5vw,30px)/1.08 var(--serif)!important;
}
body.ms-app .ms-premium-gate-divider{margin:5px auto 9px!important;gap:9px!important}
body.ms-app .ms-premium-gate-divider span{width:78px!important;max-width:18vw!important;height:1px!important}
body.ms-app .ms-premium-gate-copy{
  max-width:390px!important;
  margin:0 auto 12px!important;
  font:500 14px/1.42 var(--sans)!important;
}
body.ms-app .ms-premium-gate-benefits{
  max-width:410px!important;
  margin:0 auto 15px!important;
  padding:8px 14px!important;
  border-radius:15px!important;
}
body.ms-app .ms-premium-gate-benefit-row{
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:9px!important;
  padding:8px 0!important;
}
body.ms-app .ms-premium-gate-benefit-row b{
  width:26px!important;height:26px!important;font-size:13px!important;border-width:1px!important;
}
body.ms-app .ms-premium-gate-benefit-row span{
  font:600 14px/1.25 var(--sans)!important;
}
body.ms-app .ms-premium-gate-actions{
  width:min(410px,100%)!important;
  margin:0 auto!important;
  grid-template-columns:.82fr 1.18fr!important;
  gap:10px!important;
}
body.ms-app .ms-premium-gate-actions .ms-btn{
  min-height:48px!important;
  border-radius:13px!important;
  font:700 14px/1 var(--sans)!important;
}
body.ms-app .ms-premium-gate-primary{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 6px rgba(99,54,8,.15),0 4px 0 #7c4303,0 9px 16px rgba(111,61,6,.18)!important;
}
body.ms-app .ms-premium-gate-primary:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 0 -3px 6px rgba(99,54,8,.15),0 5px 0 #7c4303,0 11px 18px rgba(111,61,6,.21)!important;
}

/* Interest + Super Connect cards expose the same trust/tier information. */
body.ms-app .ms-interest-card-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  min-height:20px!important;
}
body.ms-app .ms-interest-card-meta span{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  min-height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.90)!important;
  color:#5d2539!important;
  font-size:9.5px!important;
  font-weight:750!important;
  text-shadow:none!important;
  box-shadow:0 4px 10px rgba(18,7,11,.12)!important;
}
body.ms-app .ms-interest-card-meta .ms-icon{width:12px!important;height:12px!important}
body.ms-app .ms-interest-card-meta span.gold{color:#805a09!important;background:rgba(255,247,211,.95)!important}
body.ms-app .ms-interest-card-meta span.platinum{color:#5b4499!important;background:rgba(241,236,255,.95)!important}
body.ms-app .ms-super-connect-photo-card .ms-interest-super-chip{
  background:linear-gradient(180deg,rgba(255,247,207,.98),rgba(237,202,112,.98))!important;
  color:#654807!important;
  border:1px solid rgba(180,132,29,.32)!important;
}
body.ms-app .ms-super-connect-card-footer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:8px!important;
  position:relative!important;
  z-index:9!important;
}
body.ms-app .ms-super-connect-card-footer .ms-super-connect-view{
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
}
body.ms-app .ms-super-connect-status{
  min-height:34px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.92)!important;
  color:#651731!important;
  font-size:10px!important;
  font-weight:800!important;
  text-transform:capitalize!important;
  white-space:nowrap!important;
}
body.ms-app .ms-super-connect-status.accepted{background:rgba(223,249,232,.96)!important;color:#17633a!important}
body.ms-app .ms-super-connect-status.declined,
body.ms-app .ms-super-connect-status.rejected{background:rgba(255,231,235,.96)!important;color:#8f263d!important}

/* Make action rows resilient on narrow cards and small phones. */
body.ms-app .ms-interest-three-actions,
body.ms-app .ms-interest-accepted-actions{min-width:0!important}
body.ms-app .ms-interest-three-actions>* ,
body.ms-app .ms-interest-accepted-actions>*{min-width:0!important}
body.ms-app .ms-interest-accepted-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:8px!important;
  position:relative!important;
  z-index:9!important;
}
body.ms-app .ms-interest-accepted-actions form{display:block!important;margin:0!important}
body.ms-app .ms-interest-accepted-actions .ms-interest-btn{width:100%!important;margin:0!important;box-sizing:border-box!important}
body.ms-app .ms-interest-message{margin-top:0!important}

/* Clearer empty states without oversized dead space. */
body.ms-app .ms-interest-photo-grid>.ms-empty,
body.ms-app .ms-super-connect-photo-grid>.ms-empty{
  min-height:240px!important;
  padding:34px 24px!important;
  border:1px dashed rgba(131,70,90,.28)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fffdfb,#fff8f4)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  text-align:center!important;
}
body.ms-app .ms-interest-photo-grid>.ms-empty b,
body.ms-app .ms-super-connect-photo-grid>.ms-empty b{font:700 21px/1.2 var(--serif)!important;color:#53152c!important}
body.ms-app .ms-interest-photo-grid>.ms-empty span,
body.ms-app .ms-super-connect-photo-grid>.ms-empty span{max-width:430px!important;color:#765e67!important;font-size:13px!important}

@media(max-width:620px){
  body.ms-app .ms-premium-gate-dialog{padding:10px!important;align-items:center!important}
  body.ms-app .ms-premium-gate-card{width:min(92vw,430px)!important;max-height:calc(100dvh - 20px)!important;border-radius:20px!important}
  body.ms-app .ms-premium-gate-shell{padding:51px 15px 15px!important;border-radius:16px!important}
  body.ms-app .ms-premium-gate-top-crest{min-width:178px!important;width:178px!important;height:34px!important}
  body.ms-app .ms-premium-gate-icon{width:56px!important;height:56px!important}
  body.ms-app .ms-premium-gate-icon .ms-icon{width:29px!important;height:29px!important}
  body.ms-app .ms-premium-gate-card h2{font-size:22px!important}
  body.ms-app .ms-premium-gate-copy{font-size:12.5px!important;margin-bottom:9px!important}
  body.ms-app .ms-premium-gate-benefits{padding:6px 11px!important;margin-bottom:11px!important;border-radius:13px!important}
  body.ms-app .ms-premium-gate-benefit-row{grid-template-columns:25px minmax(0,1fr)!important;gap:8px!important;padding:6px 0!important}
  body.ms-app .ms-premium-gate-benefit-row b{width:22px!important;height:22px!important;font-size:11px!important}
  body.ms-app .ms-premium-gate-benefit-row span{font-size:12.5px!important}
  body.ms-app .ms-premium-gate-actions{grid-template-columns:1fr 1.15fr!important;gap:7px!important}
  body.ms-app .ms-premium-gate-actions .ms-btn{min-height:43px!important;font-size:12.5px!important;border-radius:11px!important}
  body.ms-app .ms-interest-photo-card{height:min(540px,calc(100dvh - 150px))!important;min-height:470px!important}
  body.ms-app .ms-interest-card-content{padding:0 14px 14px!important}
  body.ms-app .ms-interest-name-row h3{font-size:20px!important}
  body.ms-app .ms-interest-three-actions{gap:6px!important}
  body.ms-app .ms-interest-btn{min-height:43px!important;font-size:11.5px!important;padding:0 7px!important}
  body.ms-app .ms-super-connect-card-footer{grid-template-columns:1fr auto!important;gap:6px!important}
}

@media(max-width:380px){
  body.ms-app .ms-interest-three-actions{grid-template-columns:1fr!important}
  body.ms-app .ms-interest-three-actions .ms-interest-btn{min-height:40px!important}
  body.ms-app .ms-interest-accepted-actions{grid-template-columns:1fr!important}
  body.ms-app .ms-super-connect-card-footer{grid-template-columns:1fr!important}
  body.ms-app .ms-super-connect-status{width:100%!important;box-sizing:border-box!important}
}

/* =====================================================================
   Batch 10 — reported Web UI/interaction fixes
   ===================================================================== */
/* Request Photo: transparent centered overlay on the profile image. */
body.ms-app .ms-detail-photo-card .ms-detail-request-photo{
  position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;z-index:12!important;margin:0!important;
}
body.ms-app .ms-detail-photo-card form.ms-detail-request-photo button,
body.ms-app .ms-detail-photo-card .ms-detail-request-photo.is-requested{
  min-height:42px!important;padding:0 18px!important;border-radius:999px!important;
  border:1px solid rgba(255,255,255,.88)!important;background:rgba(20,13,16,.22)!important;
  color:#fff!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;font-size:13px!important;font-weight:800!important;
}
body.ms-app .ms-detail-photo-card form.ms-detail-request-photo button:hover{background:rgba(20,13,16,.36)!important}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-photo-request-form,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-photo-state:not(.is-privacy){
  left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-photo-request-form .ms-android-photo-state,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-android-photo-state:not(.is-privacy){
  background:rgba(20,13,16,.20)!important;color:#fff!important;border:1px solid rgba(255,255,255,.82)!important;
  backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
}

/* Contact/Call/WhatsApp/Instagram strip: only as tall as its buttons. */
body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--contact{
  padding:0!important;min-height:0!important;height:auto!important;align-content:center!important;
}
body.ms-app .ms-detail-layout-v2 .ms-detail-action-row--contact .ms-social-premium-btn{
  min-height:46px!important;height:46px!important;margin:0!important;
}

/* Profile-detail 3-dot menu: every action uses one geometry and typography. */
body.ms-app .ms-detail-more-popover{padding:7px!important;gap:3px!important}
body.ms-app .ms-detail-more-popover>form{display:block!important;width:100%!important;margin:0!important;padding:0!important}
body.ms-app .ms-detail-more-popover>a,
body.ms-app .ms-detail-more-popover>button,
body.ms-app .ms-detail-more-popover>form>button{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
  width:100%!important;min-height:42px!important;margin:0!important;padding:9px 11px!important;box-sizing:border-box!important;
  border:0!important;border-radius:9px!important;background:transparent!important;color:#321820!important;
  font:700 13px/1.2 inherit!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important;
}
body.ms-app .ms-detail-more-popover>a:hover,
body.ms-app .ms-detail-more-popover>button:hover,
body.ms-app .ms-detail-more-popover>form>button:hover{background:#f8f0eb!important}
body.ms-app .ms-detail-more-popover .ms-icon{width:18px!important;height:18px!important;flex:0 0 18px!important}
body.ms-app .ms-detail-more-popover .is-danger{color:#a92738!important}

/* Search quick chips are true filters; active state does not imply Advanced Filters is open. */
body.ms-app .ms-search-quick-links a.active{background:#7c1539!important;color:#fff!important;border-color:#7c1539!important;box-shadow:0 5px 14px rgba(124,21,57,.16)!important}

/* Completely tighten Advanced Search into a compact filter workspace. */
body.ms-app .ms-search-advanced{margin-top:8px!important}
body.ms-app .ms-search-advanced-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
  margin-top:10px!important;padding:12px!important;border:1px solid var(--ms-border)!important;border-radius:16px!important;
  background:#fff!important;box-shadow:0 10px 28px rgba(70,28,40,.05)!important;
}
body.ms-app .ms-search-advanced-grid .ms-form-section{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 10px!important;
  align-content:start!important;padding:11px!important;margin:0!important;border-radius:12px!important;background:#fffaf6!important;
}
body.ms-app .ms-search-advanced-grid .ms-form-section h2{grid-column:1/-1!important;margin:0 0 2px!important;font-size:13px!important}
body.ms-app .ms-search-advanced-grid label{display:grid!important;gap:4px!important;margin:0!important;font-size:11px!important;line-height:1.15!important}
body.ms-app .ms-search-advanced-grid input,
body.ms-app .ms-search-advanced-grid select{height:38px!important;min-height:38px!important;padding:0 10px!important;font-size:13px!important;border-radius:9px!important}
body.ms-app .ms-search-advanced-grid .ms-form-split{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important}
body.ms-app .ms-search-advanced-grid .ms-check-row{display:flex!important;align-items:center!important;gap:7px!important;min-height:30px!important;padding:5px 7px!important;background:#fff!important;border:1px solid var(--ms-border)!important;border-radius:8px!important}
body.ms-app .ms-search-advanced-grid .ms-check-row input{width:16px!important;height:16px!important;min-height:0!important;padding:0!important}
body.ms-app .ms-search-advanced-actions{grid-column:1/-1!important;position:sticky!important;bottom:8px!important;z-index:3!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;padding:8px!important;border-radius:11px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(8px)!important}

/* Accepted Interest actions must stay on the same row. */
body.ms-app .ms-interest-accepted-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;width:100%!important}
body.ms-app .ms-interest-accepted-actions>*,body.ms-app .ms-interest-accepted-actions form{min-width:0!important;margin:0!important}
body.ms-app .ms-interest-accepted-actions .ms-interest-btn{white-space:nowrap!important;padding-left:9px!important;padding-right:9px!important}

/* Chat header: search/bookmark/call controls live beside the profile identity. */
body.ms-app .ms-chat-window .ms-chat-header{display:flex!important;align-items:center!important;min-height:70px!important;padding:10px 14px!important}
body.ms-app .ms-chat-header-identity{min-width:0!important;flex:1 1 auto!important}
body.ms-app .ms-chat-header-identity h2{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.ms-app .ms-chat-header-tools{margin-left:auto!important;display:flex!important;align-items:center!important;gap:6px!important}
body.ms-app .ms-chat-header-icon{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:11px!important;background:#fff!important;color:var(--wine)!important;display:grid!important;place-items:center!important;text-decoration:none!important;cursor:pointer!important}
body.ms-app .ms-chat-header-icon:hover,body.ms-app .ms-chat-header-icon.active{background:#fff1f5!important;border-color:#d9a8b8!important}
body.ms-app .ms-chat-header-icon .ms-icon{width:18px!important;height:18px!important}
body.ms-app .ms-chat-message-search{display:flex!important;align-items:center!important;gap:8px!important;margin:8px 14px 0!important;padding:7px 10px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:#fff!important}
body.ms-app .ms-chat-message-search[hidden]{display:none!important}
body.ms-app .ms-chat-message-search input{flex:1!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;font-size:13px!important}
body.ms-app .ms-chat-message-search button{border:0!important;background:transparent!important;font-size:22px!important;line-height:1!important;cursor:pointer!important;color:#725d65!important}
body.ms-app .ms-bubble.is-chat-search-hidden,.ms-chat-date-separator.is-chat-search-hidden{display:none!important}
body.ms-app .ms-composer-icon.is-locked{opacity:.58!important}

@media(max-width:760px){
  body.ms-app .ms-search-advanced-grid{grid-template-columns:1fr!important;padding:8px!important}
  body.ms-app .ms-search-advanced-grid .ms-form-section{grid-template-columns:1fr 1fr!important;padding:9px!important}
  body.ms-app .ms-chat-window .ms-chat-header{padding:9px 10px!important}
  body.ms-app .ms-chat-window .ms-chat-header>img{width:44px!important;height:44px!important}
  body.ms-app .ms-chat-header-tools{gap:4px!important}
  body.ms-app .ms-chat-header-icon{width:34px!important;height:34px!important;min-width:34px!important}
}
@media(max-width:460px){
  body.ms-app .ms-search-advanced-grid .ms-form-section{grid-template-columns:1fr!important}
  body.ms-app .ms-search-advanced-grid .ms-form-section h2{grid-column:1!important}
  body.ms-app .ms-chat-header-identity span{max-width:150px!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}


/* ===== Batch 11: Android-style profile completion + verification integration ===== */
body.ms-app .ms-profile-completion-row{
  display:grid!important;
  grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
body.ms-app .ms-profile-completion-row .ms-profile-completion-card{min-width:0!important;width:auto!important}
.ms-home-verification-card{
  display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon copy count" "icon copy action";
  align-items:center;gap:2px 12px;padding:16px 17px;border-radius:18px;text-decoration:none!important;
  background:linear-gradient(135deg,#fff,#fff8ec);border:1px solid #ead7b7;box-shadow:0 8px 24px rgba(65,24,36,.07);color:var(--ms-copy,#3c2630)
}
.ms-home-verification-card.is-complete{background:linear-gradient(135deg,#fbfff9,#f1faee);border-color:#cfe5c8}
.ms-home-verification-icon{grid-area:icon;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#fff2d8;color:var(--ms-wine,#711d3d)}
.ms-home-verification-card.is-complete .ms-home-verification-icon{background:#e8f7e6;color:#277040}
.ms-home-verification-icon .ms-icon{width:21px;height:21px}
.ms-home-verification-card>div{grid-area:copy;display:grid;gap:3px;min-width:0}.ms-home-verification-card b{font-size:14px}.ms-home-verification-card small{font-size:11.5px;line-height:1.35;color:var(--ms-muted,#75666d)}
.ms-home-verification-card>strong{grid-area:count;font-size:18px;color:var(--ms-wine,#711d3d);white-space:nowrap}.ms-home-verification-card>em{grid-area:action;font-size:11px;font-style:normal;font-weight:900;color:var(--ms-wine,#711d3d);white-space:nowrap}

.ms-profile-completion-guide{padding:20px!important;margin:16px 0!important;background:linear-gradient(135deg,#fff,#fffaf5)!important;border:1px solid #eadac8!important}
.ms-profile-completion-guide-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:15px}.ms-profile-completion-guide-head span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--ms-wine,#711d3d)}.ms-profile-completion-guide-head h2{font-size:20px;margin:3px 0 5px}.ms-profile-completion-guide-head p{margin:0;max-width:720px;color:var(--ms-muted,#75666d);font-size:12.5px;line-height:1.45}.ms-profile-completion-guide-head>strong{min-width:74px;text-align:center;padding:10px 12px;border-radius:15px;background:#fff3df;color:var(--ms-wine,#711d3d);font-size:22px}.ms-profile-completion-guide-head>strong small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ms-muted,#75666d)}
.ms-profile-completion-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.ms-profile-completion-step{min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"num copy" "num action";gap:2px 9px;align-items:center;padding:11px 12px;border-radius:14px;text-decoration:none!important;border:1px solid #eee1d6;background:#fff;color:var(--ms-copy,#3c2630)}.ms-profile-completion-step>i{grid-area:num;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;background:#f4e8ea;color:var(--ms-wine,#711d3d)}.ms-profile-completion-step>div{grid-area:copy;display:grid;gap:1px;min-width:0}.ms-profile-completion-step b{font-size:12.5px}.ms-profile-completion-step small{font-size:10px;color:var(--ms-muted,#75666d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-profile-completion-step>em{grid-area:action;font-size:9.5px;font-style:normal;font-weight:900;color:var(--ms-wine,#711d3d)}.ms-profile-completion-step.is-complete{background:#f8fcf7;border-color:#d9ead4}.ms-profile-completion-step.is-complete>i{background:#e4f5df;color:#2d7440}.ms-profile-completion-step.is-complete>em{color:#4b7855}.ms-profile-completion-next{margin-top:13px!important}
.ms-identity-lock-banner{display:flex!important;align-items:flex-start;gap:12px;padding:15px 17px!important;margin:14px 0!important;background:#fff9e9!important;border:1px solid #ead19c!important}.ms-identity-lock-banner>.ms-icon{width:23px;height:23px;flex:0 0 auto;color:#9c6915}.ms-identity-lock-banner b{display:block;margin-bottom:3px}.ms-identity-lock-banner p{margin:0;color:#745d39;font-size:12.5px;line-height:1.45}
.ms-identity-locked-field input[readonly],.ms-identity-locked-field select:disabled,input[data-identity-locked="1"],select[data-identity-locked="1"]{background:#f5f1ee!important;color:#776b70!important;border-color:#ddd1ca!important;cursor:not-allowed!important;opacity:1!important}.ms-identity-lock-hint{font-size:10px!important;color:#8a6524!important;font-weight:700!important;line-height:1.3!important}
.ms-profile-edit-layout section[id^="profile-step-"]{scroll-margin-top:92px}
body.ms-app .ms-dashboard-smart-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:980px){body.ms-app .ms-profile-completion-row{grid-template-columns:1fr!important}.ms-profile-completion-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ms-profile-completion-guide{padding:15px!important}.ms-profile-completion-guide-head{align-items:center}.ms-profile-completion-guide-head h2{font-size:17px}.ms-profile-completion-guide-head p{font-size:11.5px}.ms-profile-completion-guide-head>strong{font-size:18px;min-width:62px}.ms-profile-completion-steps{grid-template-columns:1fr}.ms-home-verification-card{padding:14px}.ms-identity-lock-banner{padding:13px!important}}

/* ===== Batch 10 correction v2: verified against the actual rendered Web markup ===== */
/* Temporarily keep Dashboard on the last known-good Batch 10 layout. Batch 11 Home integration
   will be reapplied after this correction is verified on the live site. */
body.ms-app .ms-profile-completion-row{grid-template-columns:1fr!important}

/* Request Photo must be mathematically centered inside the actual profile image. */
body.ms-app .ms-detail-photo{position:relative!important}
body.ms-app .ms-detail-photo > form.ms-detail-request-photo,
body.ms-app .ms-detail-photo > span.ms-detail-request-photo{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:max-content!important;
  max-width:calc(100% - 32px)!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  z-index:25!important;
}
body.ms-app .ms-detail-photo > form.ms-detail-request-photo > button,
body.ms-app .ms-detail-photo > span.ms-detail-request-photo.is-requested{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:132px!important;
  min-height:42px!important;
  padding:0 18px!important;
  border:1px solid rgba(255,255,255,.9)!important;
  border-radius:999px!important;
  background:rgba(28,17,21,.22)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.2)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

/* Chat contact strip: Call / WhatsApp / Instagram, compact and no unused vertical space. */
body.ms-app .ms-chat-contact-strip{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  align-items:center!important;
  margin:6px 12px!important;
  padding:0!important;
  min-height:0!important;
  height:auto!important;
  background:transparent!important;
}
body.ms-app .ms-chat-contact-strip>a,
body.ms-app .ms-chat-contact-strip>button,
body.ms-app .ms-chat-contact-strip>span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 9px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--wine)!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:750!important;
  cursor:pointer!important;
}
body.ms-app .ms-chat-contact-strip .ms-icon{width:16px!important;height:16px!important;flex:0 0 16px!important}
body.ms-app .ms-chat-contact-strip>span.is-unavailable{opacity:.55!important;cursor:default!important}

/* Accepted interest actions are always one row, including small phones. */
body.ms-app .ms-interest-accepted-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:7px!important;
}
body.ms-app .ms-interest-accepted-actions form,
body.ms-app .ms-interest-accepted-actions a,
body.ms-app .ms-interest-accepted-actions button{width:100%!important;min-width:0!important;margin:0!important}

@media(max-width:430px){
  body.ms-app .ms-chat-contact-strip{gap:5px!important;margin:5px 8px!important}
  body.ms-app .ms-chat-contact-strip>a,
  body.ms-app .ms-chat-contact-strip>button,
  body.ms-app .ms-chat-contact-strip>span{height:36px!important;min-height:36px!important;padding:0 6px!important;font-size:11px!important}
  body.ms-app .ms-interest-accepted-actions{grid-template-columns:1fr 1fr!important}
}

/* =====================================================================
   Batch 10 correction v3 — screenshot-verified final overrides
   ===================================================================== */

/* Interest cards: Request Photo belongs in the center of the photo. */
body.ms-app .ms-interest-photo-card{position:relative!important}
body.ms-app .ms-interest-photo-request-form,
body.ms-app .ms-interest-photo-card>.ms-interest-photo-state{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  z-index:20!important;
  width:max-content!important;
  max-width:calc(100% - 28px)!important;
}
body.ms-app .ms-interest-photo-request-form .ms-interest-photo-state,
body.ms-app .ms-interest-photo-card>.ms-interest-photo-state:not(.is-privacy){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:120px!important;
  min-height:40px!important;
  padding:0 16px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:999px!important;
  background:rgba(22,13,17,.22)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  font-weight:850!important;
  white-space:nowrap!important;
}

/* Accepted interest: force Message + Lost Interest into exactly one row. */
body.ms-app .ms-interest-card-content .ms-interest-accepted-actions{
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  margin-top:8px!important;
}
body.ms-app .ms-interest-card-content .ms-interest-accepted-actions>a,
body.ms-app .ms-interest-card-content .ms-interest-accepted-actions>form{
  flex:1 1 0!important;
  width:0!important;
  min-width:0!important;
  margin:0!important;
}
body.ms-app .ms-interest-card-content .ms-interest-accepted-actions>form{display:flex!important}
body.ms-app .ms-interest-card-content .ms-interest-accepted-actions .ms-interest-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 8px!important;
  white-space:nowrap!important;
  text-align:center!important;
  box-sizing:border-box!important;
}

/* 3-dot menu: fixed width, one icon column, one text column, no mixed wrapping. */
body.ms-app .ms-detail-more-popover{
  width:250px!important;
  max-width:min(250px,calc(100vw - 28px))!important;
  padding:7px!important;
  box-sizing:border-box!important;
}
body.ms-app .ms-detail-more-popover>a,
body.ms-app .ms-detail-more-popover>button,
body.ms-app .ms-detail-more-popover>form>button{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
  min-height:43px!important;
  width:100%!important;
  padding:9px 10px!important;
  box-sizing:border-box!important;
  font-size:13px!important;
  line-height:1.2!important;
}
body.ms-app .ms-detail-more-popover .ms-icon{grid-column:1!important;width:18px!important;height:18px!important;justify-self:center!important}
body.ms-app .ms-detail-more-popover .ms-detail-menu-label{grid-column:2!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Advanced Search: compact columns that size to their own content instead of
   stretching every section to the height of the tallest column. */
body.ms-app .ms-search-advanced-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:start!important;
  gap:10px!important;
  padding:10px!important;
  margin-top:8px!important;
  background:#fff!important;
}
body.ms-app .ms-search-advanced-grid .ms-form-section{
  display:flex!important;
  flex-direction:column!important;
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  gap:9px!important;
  padding:11px!important;
  margin:0!important;
  background:#fffaf6!important;
}
body.ms-app .ms-search-advanced-grid .ms-form-section h2{margin:0 0 2px!important;font-size:14px!important;line-height:1.2!important}
body.ms-app .ms-search-advanced-grid .ms-form-section>label,
body.ms-app .ms-search-advanced-grid .ms-form-section>.ms-form-split{margin:0!important;flex:none!important}
body.ms-app .ms-search-advanced-grid .ms-form-split{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
body.ms-app .ms-search-advanced-grid label{gap:3px!important;font-size:10px!important;line-height:1.2!important}
body.ms-app .ms-search-advanced-grid input,
body.ms-app .ms-search-advanced-grid select{height:39px!important;min-height:39px!important;padding:0 10px!important}
body.ms-app .ms-search-advanced-grid .ms-check-row{min-height:34px!important;margin:0!important;padding:5px 8px!important}
body.ms-app .ms-search-advanced-actions{position:static!important;padding:4px 0 0!important;background:transparent!important;backdrop-filter:none!important}
@media(max-width:1180px){body.ms-app .ms-search-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){body.ms-app .ms-search-advanced-grid{grid-template-columns:1fr!important;padding:7px!important}body.ms-app .ms-search-advanced-grid .ms-form-section{padding:9px!important}}

/* Chat toggles/popovers must visibly obey [hidden]. */
body.ms-app .ms-chat-message-search[hidden],
body.ms-app .ms-attach-popover[hidden],
body.ms-app .ms-attach-preview[hidden]{display:none!important}
body.ms-app .ms-attach-popover{
  position:absolute!important;
  left:12px!important;
  bottom:68px!important;
  z-index:80!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:180px!important;
  padding:7px!important;
  gap:4px!important;
  border:1px solid var(--line)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(49,20,31,.16)!important;
}
body.ms-app .ms-composer{position:relative!important;overflow:visible!important}
body.ms-app .ms-attach-popover button{display:flex!important;align-items:center!important;width:100%!important;min-height:40px!important;padding:0 12px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--wine)!important;font-weight:750!important;text-align:left!important;cursor:pointer!important}
body.ms-app .ms-attach-popover button:hover{background:#fff1f5!important}
body.ms-app .ms-chat-file-ready{display:grid!important;grid-template-columns:1fr auto!important;gap:2px 8px!important;align-items:center!important;padding:8px 10px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#fffaf7!important}
body.ms-app .ms-chat-file-ready b{font-size:12px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.ms-app .ms-chat-file-ready span{grid-column:1!important;font-size:10px!important;color:#78666e!important}
body.ms-app .ms-chat-file-ready button{grid-column:2!important;grid-row:1/3!important;border:0!important;background:transparent!important;font-size:22px!important;cursor:pointer!important;color:#8c2446!important}

/* =====================================================================
   Batch 10 correction v4 — video-verified structural fixes
   ===================================================================== */
/* Native chat search: summary toggles without JavaScript. */
body.ms-app .ms-chat-search-native{position:relative!important;display:block!important;margin:0!important}
body.ms-app .ms-chat-search-native>summary{list-style:none!important;cursor:pointer!important}
body.ms-app .ms-chat-search-native>summary::-webkit-details-marker{display:none!important}
body.ms-app .ms-chat-search-native-panel{
  position:absolute!important;right:0!important;top:calc(100% + 8px)!important;z-index:120!important;
  width:min(360px,calc(100vw - 32px))!important;height:42px!important;display:flex!important;align-items:center!important;gap:8px!important;
  padding:0 9px!important;border:1px solid #e5d6cc!important;border-radius:12px!important;background:#fff!important;box-shadow:0 12px 30px rgba(42,14,25,.16)!important
}
body.ms-app .ms-chat-search-native-panel input{flex:1!important;min-width:0!important;height:38px!important;border:0!important;outline:0!important;background:transparent!important;padding:0 4px!important}
body.ms-app .ms-chat-search-native-panel button{width:30px!important;height:30px!important;border:0!important;border-radius:8px!important;background:#f6efeb!important;color:#751633!important;cursor:pointer!important}

/* Native attachment picker: + opens by HTML details, no JS required. */
body.ms-app .ms-chat-attach-native{position:relative!important;display:block!important;margin:0!important;padding:0!important}
body.ms-app .ms-chat-attach-native>summary{list-style:none!important;cursor:pointer!important}
body.ms-app .ms-chat-attach-native>summary::-webkit-details-marker{display:none!important}
body.ms-app .ms-chat-attach-native-menu{
  position:absolute!important;left:0!important;bottom:calc(100% + 9px)!important;z-index:130!important;
  min-width:190px!important;padding:7px!important;display:grid!important;gap:5px!important;border:1px solid #eadbd1!important;border-radius:13px!important;background:#fff!important;box-shadow:0 14px 32px rgba(45,15,26,.18)!important
}
body.ms-app .ms-chat-attach-native-menu>label,
body.ms-app .ms-chat-attach-native-menu>button{
  width:100%!important;min-height:39px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 11px!important;
  border:0!important;border-radius:9px!important;background:#fff!important;color:#4d2735!important;font:700 12px/1.2 var(--sans)!important;text-align:left!important;cursor:pointer!important;box-sizing:border-box!important
}
body.ms-app .ms-chat-attach-native-menu>label:hover,
body.ms-app .ms-chat-attach-native-menu>button:hover{background:#fff4f5!important;color:#8e123d!important}
body.ms-app .ms-chat-attach-native-menu .ms-icon{width:17px!important;height:17px!important;flex:0 0 17px!important}

/* Accepted interests must never stack, even on narrow cards. */
body.ms-app .ms-interest-card-content .ms-interest-accepted-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important;width:100%!important}
body.ms-app .ms-interest-card-content .ms-interest-accepted-actions>a,
body.ms-app .ms-interest-card-content .ms-interest-accepted-actions>form{width:100%!important;min-width:0!important;margin:0!important}
body.ms-app .ms-interest-card-content .ms-interest-accepted-actions .ms-interest-btn{width:100%!important;min-width:0!important;margin:0!important;white-space:nowrap!important;padding-left:5px!important;padding-right:5px!important}
@media(max-width:380px){body.ms-app .ms-interest-card-content .ms-interest-accepted-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}}

/* Advanced search cards size to their own content instead of stretching fields. */
body.ms-app .ms-search-advanced-grid{align-items:start!important;grid-auto-rows:max-content!important}
body.ms-app .ms-search-advanced-grid .ms-form-section{align-self:start!important;height:auto!important;min-height:0!important;justify-content:flex-start!important;align-content:start!important}
body.ms-app .ms-search-advanced-grid .ms-form-section>label,
body.ms-app .ms-search-advanced-grid .ms-form-section>.ms-form-split{flex:0 0 auto!important}
@media(max-width:1180px){body.ms-app .ms-search-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){body.ms-app .ms-search-advanced-grid{grid-template-columns:1fr!important}}
/* Home/Matches standard profile cards: center Request Photo in the actual image too. */
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-photo-request-form{
  display:block!important;position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;margin:0!important;z-index:30!important;width:max-content!important;max-width:calc(100% - 28px)!important
}
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-photo-request-form .ms-android-photo-state,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-card-photo-request-form button{
  position:static!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;margin:0!important;
  min-height:40px!important;padding:0 15px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.92)!important;
  background:rgba(20,13,16,.24)!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important
}
body.ms-app .ms-detail-more-popover>form{display:block!important;width:100%!important;margin:0!important;padding:0!important}
body.ms-app .ms-detail-more-popover>a+*,body.ms-app .ms-detail-more-popover>button+*,body.ms-app .ms-detail-more-popover>form+*{margin-top:2px!important}

/* =====================================================================
   Batch 10 correction v5 — chat video fixes (2026-08-19)
   ===================================================================== */
/* The chat gained a dedicated contact row. Explicitly define all four rows
   so the contact strip never consumes the flexible message area. */
body.ms-app .ms-chat-window{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  min-height:0!important;
}
body.ms-app .ms-chat-window>.ms-chat-header{grid-row:1!important}
body.ms-app .ms-chat-window>.ms-chat-contact-strip{grid-row:2!important}
body.ms-app .ms-chat-window>.ms-messages{grid-row:3!important;min-height:0!important;overflow-y:auto!important}
body.ms-app .ms-chat-window>.ms-composer{grid-row:4!important}

/* Contact buttons sit immediately under the header with button-height only. */
body.ms-app .ms-chat-contact-strip{
  margin:4px 12px 5px!important;
  padding:0!important;
  height:36px!important;
  min-height:36px!important;
  align-self:start!important;
}
body.ms-app .ms-chat-contact-strip>a,
body.ms-app .ms-chat-contact-strip>button,
body.ms-app .ms-chat-contact-strip>span{
  height:36px!important;
  min-height:36px!important;
  line-height:1!important;
}
body.ms-app .ms-chat-contact-strip>button[data-contact-unavailable]{opacity:.72!important;cursor:pointer!important}

/* Search opens INSIDE the existing top header, replacing the identity copy.
   It no longer drops a floating panel below the contact strip. */
body.ms-app .ms-chat-search-inline{
  display:none!important;
  flex:1 1 auto!important;
  min-width:0!important;
  height:40px!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 9px!important;
  border:1px solid var(--line)!important;
  border-radius:11px!important;
  background:#fff!important;
}
body.ms-app .ms-chat-search-inline>span{display:grid!important;place-items:center!important;color:var(--wine)!important}
body.ms-app .ms-chat-search-inline .ms-icon{width:17px!important;height:17px!important}
body.ms-app .ms-chat-search-inline input{
  flex:1 1 auto!important;min-width:0!important;height:36px!important;padding:0!important;
  border:0!important;outline:0!important;background:transparent!important;font-size:13px!important
}
body.ms-app .ms-chat-search-inline-close{
  width:28px!important;height:28px!important;display:grid!important;place-items:center!important;
  border-radius:8px!important;background:#f7efeb!important;color:var(--wine)!important;cursor:pointer!important;font-size:19px!important
}
body.ms-app .ms-chat-search-switch:checked~.ms-chat-header-identity{display:none!important}
body.ms-app .ms-chat-search-switch:checked~.ms-chat-search-inline{display:flex!important}

/* Checkbox-driven attachment / emoji menus. These open even if a delegated
   JavaScript click handler fails or an old cached JS bundle is still present. */
body.ms-app .ms-composer{position:relative!important;overflow:visible!important}
body.ms-app .ms-chat-attach-native-menu,
body.ms-app .ms-emoji-popover{
  display:none!important;
  position:absolute!important;
  left:12px!important;
  bottom:64px!important;
  z-index:220!important;
  border:1px solid #eadbd1!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 14px 32px rgba(45,15,26,.18)!important;
}
body.ms-app .ms-chat-attach-switch:checked~.ms-chat-attach-native-menu{display:grid!important}
body.ms-app .ms-chat-emoji-switch:checked~.ms-emoji-popover{display:grid!important}
body.ms-app .ms-chat-attach-native-menu{
  min-width:190px!important;padding:7px!important;gap:5px!important
}
body.ms-app .ms-emoji-popover{
  grid-template-columns:repeat(6,36px)!important;gap:5px!important;padding:7px!important
}
body.ms-app .ms-emoji-popover button{
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  padding:0!important;border:0!important;border-radius:9px!important;background:#fff8f5!important;
  display:grid!important;place-items:center!important;font-size:19px!important;cursor:pointer!important
}
body.ms-app .ms-composer-tools>label.ms-composer-icon{display:grid!important;place-items:center!important;cursor:pointer!important}

@media(max-width:760px){
  body.ms-app .ms-chat-contact-strip{margin:4px 7px!important;gap:5px!important;height:34px!important;min-height:34px!important}
  body.ms-app .ms-chat-contact-strip>a,
  body.ms-app .ms-chat-contact-strip>button,
  body.ms-app .ms-chat-contact-strip>span{height:34px!important;min-height:34px!important;font-size:10.5px!important;padding:0 5px!important}
  body.ms-app .ms-chat-search-inline{height:36px!important;padding:0 7px!important}
  body.ms-app .ms-chat-search-inline input{height:32px!important;font-size:12px!important}
  body.ms-app .ms-emoji-popover{grid-template-columns:repeat(4,36px)!important}
}


/* =====================================================================
   Batch 10 correction v6 — attachment toggle, contact info, menu polish
   ===================================================================== */

/* Explicit JS-driven composer popovers. */
body.ms-app .ms-composer [data-chat-attach-menu][hidden],
body.ms-app .ms-composer [data-chat-emoji-menu][hidden]{display:none!important}
body.ms-app .ms-composer [data-chat-attach-menu]:not([hidden]){
  display:grid!important;
  position:absolute!important;
  left:10px!important;
  bottom:58px!important;
  z-index:420!important;
  min-width:210px!important;
  padding:7px!important;
  gap:5px!important;
  border:1px solid #eadbd1!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(45,15,26,.20)!important
}
body.ms-app .ms-composer [data-chat-emoji-menu]:not([hidden]){
  display:grid!important;
  position:absolute!important;
  left:52px!important;
  bottom:58px!important;
  z-index:420!important;
  grid-template-columns:repeat(6,36px)!important;
  gap:5px!important;
  padding:7px!important;
  border:1px solid #eadbd1!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(45,15,26,.20)!important
}
body.ms-app .ms-composer [data-chat-attach-toggle],
body.ms-app .ms-composer [data-chat-emoji-toggle]{
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:3!important
}

/* Missing premium contact is still an active control, not disabled UI. */
body.ms-app .ms-chat-contact-strip>button[data-contact-unavailable]{
  opacity:1!important;
  cursor:pointer!important;
  color:var(--wine)!important;
  background:#fff!important;
  border:1px solid #ead9cf!important
}
body.ms-app .ms-chat-contact-strip>button[data-contact-unavailable]:hover{
  background:#fff4f5!important;
  border-color:#d7a9b7!important
}

/* Informative contact popup. */
.ms-contact-info-dialog[hidden]{display:none!important}
.ms-contact-info-dialog{
  position:fixed!important;
  inset:0!important;
  z-index:10000!important;
  display:grid!important;
  place-items:center!important;
  padding:20px!important
}
.ms-contact-info-backdrop{
  position:absolute!important;inset:0!important;
  background:rgba(31,17,22,.48)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important
}
.ms-contact-info-card{
  position:relative!important;
  z-index:1!important;
  width:min(390px,92vw)!important;
  padding:24px 22px 20px!important;
  border-radius:20px!important;
  border:1px solid #ead8cf!important;
  background:#fffdfb!important;
  box-shadow:0 26px 70px rgba(38,12,22,.28)!important;
  text-align:center!important
}
.ms-contact-info-card h3{
  margin:7px 0 8px!important;
  color:#5e1730!important;
  font:800 20px/1.2 var(--serif)!important
}
.ms-contact-info-card p{
  margin:0 0 18px!important;
  color:#65545a!important;
  font:500 13px/1.55 var(--sans)!important
}
.ms-contact-info-icon{
  width:42px!important;height:42px!important;margin:0 auto!important;
  border-radius:50%!important;display:grid!important;place-items:center!important;
  background:#fff0f4!important;color:#98113f!important;
  font:800 20px/1 var(--sans)!important
}
.ms-contact-info-x{
  position:absolute!important;right:12px!important;top:10px!important;
  width:32px!important;height:32px!important;border:0!important;border-radius:9px!important;
  background:#f7efeb!important;color:#741832!important;font-size:20px!important;cursor:pointer!important
}
html.ms-modal-open,html.ms-modal-open body{overflow:hidden!important}

/* Profile-card 3-dot menu: every action uses one consistent row system. */
body.ms-app .ms-main .ms-android-more-popover{
  width:244px!important;
  padding:7px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid #ead8cf!important;
  box-shadow:0 18px 44px rgba(38,14,24,.24)!important;
  overflow:hidden!important
}
body.ms-app .ms-main .ms-android-more-popover>form{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important
}
body.ms-app .ms-main .ms-android-more-popover>button,
body.ms-app .ms-main .ms-android-more-popover>a,
body.ms-app .ms-main .ms-android-more-popover>form>button{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:9px!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:9px!important;
  background:transparent!important;
  color:#34272c!important;
  text-decoration:none!important;
  text-align:left!important;
  font:700 12px/1.2 var(--sans)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  cursor:pointer!important
}
body.ms-app .ms-main .ms-android-more-popover>button:hover,
body.ms-app .ms-main .ms-android-more-popover>a:hover,
body.ms-app .ms-main .ms-android-more-popover>form>button:hover{
  background:#fff2f5!important;
  color:#8d123e!important
}
body.ms-app .ms-main .ms-android-more-popover .ms-icon,
body.ms-app .ms-main .ms-android-more-popover .ms-menu-heart{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important
}
body.ms-app .ms-main .ms-android-more-popover>button.danger,
body.ms-app .ms-main .ms-android-more-popover>form>button.danger{
  color:#a3113e!important
}

/* Profile-detail 3-dot menu gets the same visual grammar. */
body.ms-app .ms-detail-more-popover{
  width:254px!important;
  padding:7px!important;
  border-radius:16px!important;
  overflow:hidden!important
}
body.ms-app .ms-detail-more-popover>form{display:block!important;width:100%!important;margin:0!important;padding:0!important}
body.ms-app .ms-detail-more-popover>a,
body.ms-app .ms-detail-more-popover>button,
body.ms-app .ms-detail-more-popover>form>button{
  width:100%!important;
  height:43px!important;
  min-height:43px!important;
  margin:0!important;
  padding:0 11px!important;
  border-radius:9px!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:9px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-sizing:border-box!important
}
body.ms-app .ms-detail-more-popover .ms-detail-menu-label{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important
}

@media(max-width:760px){
  body.ms-app .ms-composer [data-chat-attach-menu]:not([hidden]){left:7px!important;bottom:56px!important}
  body.ms-app .ms-composer [data-chat-emoji-menu]:not([hidden]){
    left:43px!important;bottom:56px!important;grid-template-columns:repeat(4,36px)!important
  }
  body.ms-app .ms-main .ms-android-more-popover{width:230px!important}
  body.ms-app .ms-detail-more-popover{width:238px!important}
}

/* Batch 10 correction v7 — native attachment menu (no JS required to open) */
body.ms-app .ms-composer-tools .ms-chat-attach-details{
  position:relative!important;
  display:block!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important
}
body.ms-app .ms-composer-tools .ms-chat-attach-details>summary{
  list-style:none!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  user-select:none!important;
  -webkit-user-select:none!important
}
body.ms-app .ms-composer-tools .ms-chat-attach-details>summary::-webkit-details-marker{display:none!important}
body.ms-app .ms-composer-tools .ms-chat-attach-details>summary::marker{display:none!important;content:''!important}
body.ms-app .ms-composer-tools .ms-chat-attach-details-menu{
  display:none!important;
  position:absolute!important;
  left:0!important;
  bottom:46px!important;
  z-index:9999!important;
  min-width:215px!important;
  padding:7px!important;
  gap:5px!important;
  border:1px solid #eadbd1!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(45,15,26,.24)!important
}
body.ms-app .ms-composer-tools .ms-chat-attach-details[open]>.ms-chat-attach-details-menu{display:grid!important}
body.ms-app .ms-composer-tools .ms-chat-attach-details-menu>label,
body.ms-app .ms-composer-tools .ms-chat-attach-details-menu>button{
  width:100%!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#3a2930!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  font:700 12px/1.2 var(--sans)!important;
  text-align:left!important;
  cursor:pointer!important;
  box-sizing:border-box!important
}
body.ms-app .ms-composer-tools .ms-chat-attach-details-menu>label:hover,
body.ms-app .ms-composer-tools .ms-chat-attach-details-menu>button:hover{
  background:#fff2f5!important;
  color:#8d123e!important
}
body.ms-app .ms-composer,
body.ms-app .ms-composer-tools{overflow:visible!important}
@media(max-width:760px){
  body.ms-app .ms-composer-tools .ms-chat-attach-details-menu{left:0!important;bottom:44px!important;min-width:195px!important}
}

/* =====================================================================
   Batch 10 correction v8 — one native mechanism for + and emoji
   Browser Popover API; no details/checkbox/legacy menu dependency.
   ===================================================================== */
body.ms-app .ms-composer-tools > button[popovertarget]{
  pointer-events:auto!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:12!important;
}
body.ms-app .ms-chat-native-popover[popover]{
  position:fixed!important;
  inset:auto!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid #eadbd1!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#34272c!important;
  box-shadow:0 18px 44px rgba(45,15,26,.24)!important;
  z-index:2147483000!important;
}
body.ms-app .ms-chat-native-popover[popover]::backdrop{background:transparent!important}
body.ms-app .ms-chat-attach-popover-v8:popover-open{
  display:grid!important;
  gap:5px!important;
  width:220px!important;
  left:max(12px, calc(50vw - 220px))!important;
  bottom:78px!important;
}
body.ms-app .ms-chat-attach-popover-v8>label,
body.ms-app .ms-chat-attach-popover-v8>button{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:9px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  background:transparent!important;
  color:#35272c!important;
  font:700 13px/1.2 var(--sans)!important;
  text-align:left!important;
  cursor:pointer!important
}
body.ms-app .ms-chat-attach-popover-v8>label:hover,
body.ms-app .ms-chat-attach-popover-v8>button:hover{background:#fff2f5!important;color:#8d123e!important}
body.ms-app .ms-chat-emoji-popover-v8:popover-open{
  display:grid!important;
  grid-template-columns:repeat(6,40px)!important;
  gap:5px!important;
  width:auto!important;
  left:max(60px, calc(50vw - 190px))!important;
  bottom:78px!important;
}
body.ms-app .ms-chat-emoji-popover-v8>button{
  width:40px!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  background:#fff8f5!important;
  font-size:20px!important;
  cursor:pointer!important
}
body.ms-app .ms-chat-emoji-popover-v8>button:hover{background:#ffe9ef!important}
@media(max-width:760px){
  body.ms-app .ms-chat-attach-popover-v8:popover-open{left:10px!important;bottom:70px!important;width:205px!important}
  body.ms-app .ms-chat-emoji-popover-v8:popover-open{left:48px!important;bottom:70px!important;grid-template-columns:repeat(4,40px)!important}
}


/* =====================================================================
   Batch 11 — Profile Completion + Government ID identity lock
   ===================================================================== */
.ms-profile-completion-guide{padding:18px!important;margin:0 0 16px!important}
.ms-profile-completion-guide-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important}
.ms-profile-completion-guide-head .ms-eyebrow{display:block!important;color:#9a1744!important;font-size:10px!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.ms-profile-completion-guide-head h2{margin:3px 0 5px!important;font-size:20px!important}
.ms-profile-completion-guide-head p{margin:0!important;color:#6f5b62!important;font-size:12px!important;line-height:1.5!important}
.ms-profile-completion-guide-head>strong{width:58px!important;height:58px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#fff0f4!important;border:1px solid #e7c9d3!important;color:#8c123d!important;font-size:16px!important}
.ms-profile-completion-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important}
.ms-profile-completion-step{min-width:0!important;min-height:68px!important;padding:9px!important;border:1px solid #eadbd3!important;border-radius:12px!important;background:#fff!important;display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:2px 8px!important;text-decoration:none!important;color:#3e2931!important}
.ms-profile-completion-step>i{grid-row:1/3!important;width:26px!important;height:26px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#f5e8eb!important;color:#8f183e!important;font-style:normal!important;font-weight:850!important}
.ms-profile-completion-step span{min-width:0!important}.ms-profile-completion-step span b,.ms-profile-completion-step span small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ms-profile-completion-step span b{font-size:12px!important}.ms-profile-completion-step span small{margin-top:2px!important;color:#7b676d!important;font-size:9px!important}
.ms-profile-completion-step>em{grid-column:2!important;color:#991640!important;font-size:9px!important;font-style:normal!important;font-weight:800!important}
.ms-profile-completion-step.is-done{background:#f8fcf8!important;border-color:#cfe5d1!important}.ms-profile-completion-step.is-done>i{background:#e2f2e4!important;color:#26703a!important}.ms-profile-completion-step.is-done>em{color:#26703a!important}
.ms-identity-lock-banner{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:13px 15px!important;margin:0 0 16px!important;border-color:#e4c8a4!important;background:#fffaf1!important}
.ms-identity-lock-banner>.ms-icon{width:30px!important;height:30px!important;color:#9a5b10!important}.ms-identity-lock-banner b,.ms-identity-lock-banner span{display:block!important}.ms-identity-lock-banner b{font-size:12px!important;color:#613b11!important}.ms-identity-lock-banner span{margin-top:3px!important;font-size:10px!important;line-height:1.45!important;color:#7b6042!important}
.ms-identity-locked-field input[readonly],.ms-identity-locked-field input[disabled],.ms-identity-locked-field select[disabled]{background:#f4f1ef!important;color:#7b6e72!important;border-color:#dfd6d1!important;cursor:not-allowed!important;opacity:1!important}.ms-identity-lock-note{display:block!important;margin-top:4px!important;color:#9a5b10!important;font-size:9px!important;font-weight:750!important}
.ms-profile-edit-layout section[id^="profile-step-"]{scroll-margin-top:90px!important}

/* Home: paired completion + verification without changing the rest of Dashboard. */
.ms-dashboard-trust-row{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;gap:12px!important;align-items:stretch!important;margin-bottom:14px!important}
.ms-dashboard-trust-row .ms-profile-completion-card{margin:0!important;height:100%!important;box-sizing:border-box!important}
.ms-dashboard-verification-card{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:3px 10px!important;align-items:center!important;padding:13px 14px!important;text-decoration:none!important;color:#3b2930!important;border:1px solid #eadbd3!important}
.ms-dashboard-verification-icon{grid-row:1/3!important;width:36px!important;height:36px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:#fff0f4!important;color:#96153f!important}.ms-dashboard-verification-icon .ms-icon{width:20px!important;height:20px!important}
.ms-dashboard-verification-card div b,.ms-dashboard-verification-card div small{display:block!important}.ms-dashboard-verification-card div b{font-size:13px!important}.ms-dashboard-verification-card div small{margin-top:2px!important;color:#756168!important;font-size:9px!important}
.ms-dashboard-verification-card>strong{text-align:right!important}.ms-dashboard-verification-card>strong em,.ms-dashboard-verification-card>strong span{display:block!important;font-style:normal!important}.ms-dashboard-verification-card>strong em{font-size:17px!important;color:#95133f!important}.ms-dashboard-verification-card>strong span{font-size:8px!important;color:#8a747b!important}
.ms-dashboard-verification-card>i{grid-column:2/4!important;font-size:9px!important;font-style:normal!important;font-weight:800!important;color:#971640!important}

@media(max-width:980px){.ms-profile-completion-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ms-dashboard-trust-row{grid-template-columns:1fr!important}}
@media(max-width:600px){.ms-profile-completion-guide{padding:13px!important}.ms-profile-completion-steps{grid-template-columns:1fr!important}.ms-identity-lock-banner{grid-template-columns:34px minmax(0,1fr)!important}.ms-identity-lock-banner .ms-btn{grid-column:1/3!important;width:100%!important}.ms-dashboard-verification-card{grid-template-columns:36px minmax(0,1fr) auto!important}}

/* =====================================================================
   Batch 11 correction — profile form typography
   Labels/headings stay bold; user-entered/select values stay regular.
   ===================================================================== */
body.ms-app .ms-profile-edit-layout label{
  font-weight:800!important;
}
body.ms-app .ms-profile-edit-layout input,
body.ms-app .ms-profile-edit-layout select,
body.ms-app .ms-profile-edit-layout textarea,
body.ms-app .ms-profile-edit-layout option{
  font-family:inherit!important;
  font-size:inherit!important;
  font-style:normal!important;
  font-weight:400!important;
}
body.ms-app .ms-profile-edit-layout input::placeholder,
body.ms-app .ms-profile-edit-layout textarea::placeholder{
  font-weight:400!important;
}
body.ms-app .ms-profile-edit-layout input:disabled,
body.ms-app .ms-profile-edit-layout input[readonly],
body.ms-app .ms-profile-edit-layout select:disabled{
  font-weight:400!important;
}
body.ms-app .ms-profile-edit-layout .ms-identity-lock-note,
body.ms-app .ms-profile-edit-layout label>small{
  font-weight:500!important;
}


/* =====================================================================
   Batch 12 — Android-style Home horizontal profile sections
   Newly Joined · Daily · Recommended · Recent Visitors
   ===================================================================== */
body.ms-app .ms-home-profile-section{
  margin-top:18px!important;
  padding:18px!important;
  overflow:visible!important;
}
body.ms-app .ms-home-profile-section:first-of-type{margin-top:16px!important}

body.ms-app .ms-home-section-title{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 13px!important;
}
body.ms-app .ms-home-section-title h2{
  margin:0!important;
  color:#2c2025!important;
  font-size:18px!important;
  line-height:1.2!important;
}
body.ms-app .ms-home-section-title p{
  margin:4px 0 0!important;
  color:#7d6b72!important;
  font-size:11px!important;
  line-height:1.4!important;
}
body.ms-app .ms-home-section-title>a{
  flex:0 0 auto!important;
  color:#8e153b!important;
  font-size:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body.ms-app .ms-home-section-title>a:hover{text-decoration:underline!important}

body.ms-app .ms-home-scroll-shell{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
}
body.ms-app .ms-home-profile-scroll{
  display:flex!important;
  align-items:stretch!important;
  gap:18px!important;
  width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 2px 8px!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  overscroll-behavior-inline:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
body.ms-app .ms-home-profile-scroll::-webkit-scrollbar{display:none!important}

body.ms-app .ms-home-profile-scroll>.ms-profile-card.ms-android-web-card{
  flex:0 0 calc((100% - 36px)/3)!important;
  width:calc((100% - 36px)/3)!important;
  min-width:0!important;
  max-width:calc((100% - 36px)/3)!important;
  height:500px!important;
  min-height:500px!important;
  scroll-snap-align:start!important;
}

body.ms-app .ms-home-scroll-empty{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:100%!important;
  min-height:92px!important;
  display:grid!important;
  place-items:center!important;
  padding:20px!important;
  border:1px dashed #e1cec5!important;
  border-radius:14px!important;
  background:#fffaf8!important;
  color:#806e75!important;
  text-align:center!important;
  font-size:12px!important;
}

body.ms-app .ms-home-edge-arrow{
  position:absolute!important;
  top:50%!important;
  z-index:35!important;
  width:36px!important;
  height:72px!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(126,20,54,.20)!important;
  background:rgba(255,255,255,.94)!important;
  color:#851438!important;
  box-shadow:0 8px 22px rgba(49,14,25,.15)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  cursor:pointer!important;
}
body.ms-app .ms-home-edge-arrow--left{
  left:-18px!important;
  border-radius:0 34px 34px 0!important;
  border-left:0!important;
}
body.ms-app .ms-home-edge-arrow--right{
  right:-18px!important;
  border-radius:34px 0 0 34px!important;
  border-right:0!important;
}
body.ms-app .ms-home-edge-arrow[hidden]{display:none!important}
body.ms-app .ms-home-edge-arrow span{
  font-family:Arial,sans-serif!important;
  font-size:27px!important;
  line-height:1!important;
}
body.ms-app .ms-home-edge-arrow:hover{background:#fff!important;color:#65102b!important}

@media(max-width:1199px) and (min-width:721px){
  body.ms-app .ms-home-profile-scroll{gap:16px!important}
  body.ms-app .ms-home-profile-scroll>.ms-profile-card.ms-android-web-card{
    flex-basis:calc((100% - 16px)/2)!important;
    width:calc((100% - 16px)/2)!important;
    max-width:calc((100% - 16px)/2)!important;
  }
}
@media(max-width:720px){
  body.ms-app .ms-home-profile-section{
    margin-top:14px!important;
    padding:14px 12px!important;
  }
  body.ms-app .ms-home-section-title{
    align-items:center!important;
    margin-bottom:10px!important;
  }
  body.ms-app .ms-home-section-title h2{font-size:16px!important}
  body.ms-app .ms-home-section-title p{display:none!important}
  body.ms-app .ms-home-profile-scroll{gap:12px!important;padding-bottom:6px!important}
  body.ms-app .ms-home-profile-scroll>.ms-profile-card.ms-android-web-card{
    flex:0 0 min(86vw,340px)!important;
    width:min(86vw,340px)!important;
    min-width:min(86vw,340px)!important;
    max-width:min(86vw,340px)!important;
    height:490px!important;
    min-height:490px!important;
    scroll-snap-align:center!important;
  }
  body.ms-app .ms-home-edge-arrow{
    width:30px!important;
    height:60px!important;
  }
  body.ms-app .ms-home-edge-arrow--left{left:-12px!important}
  body.ms-app .ms-home-edge-arrow--right{right:-12px!important}
}


/* ==========================================================
   Batch 21 Correction 4 — universal footer cleanup
   ========================================================== */
body .ms-global-footer-grid{
    grid-template-columns:minmax(230px,1.35fr) minmax(150px,.75fr) minmax(170px,.85fr) minmax(230px,1fr)!important;
    gap:34px!important;
}

body .ms-global-footer-help{
    min-width:0!important;
}

@media(max-width:980px){
    body .ms-global-footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:620px){
    body .ms-global-footer-grid{
        grid-template-columns:1fr!important;
    }
}


/* ==========================================================
   Batch 22 Correction 1 — footer links + royal logout confirm
   ========================================================== */

/* Footer has fewer member links; keep columns balanced. */
body .ms-global-footer-grid{
    grid-template-columns:minmax(230px,1.3fr) minmax(150px,.72fr) minmax(175px,.82fr) minmax(230px,1fr)!important;
}

/* Custom logout confirmation */
body.ms-logout-dialog-open{
    overflow:hidden!important;
}

.ms-logout-dialog-backdrop{
    position:fixed;
    inset:0;
    z-index:15000;
    display:grid;
    place-items:center;
    padding:22px;
    background:rgba(35,8,18,.58);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

.ms-logout-dialog-backdrop[hidden]{
    display:none!important;
}

.ms-logout-dialog-card{
    position:relative;
    width:min(480px,calc(100vw - 30px));
    padding:30px 28px 25px;
    border:1px solid rgba(212,175,55,.48);
    border-radius:28px;
    background:
        radial-gradient(circle at 50% -8%,rgba(255,226,161,.52),transparent 37%),
        linear-gradient(180deg,#fffdf8 0%,#fff7ed 100%);
    box-shadow:0 36px 95px rgba(61,3,25,.34);
    text-align:center;
    color:#3f1825;
    animation:msLogoutDialogIn .18s ease-out;
}

.ms-logout-dialog-close{
    position:absolute;
    top:14px;
    right:14px;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid #e4d2d8;
    border-radius:50%;
    background:#fff;
    color:#7b1b3b;
    font-size:21px;
    line-height:1;
    cursor:pointer;
}

.ms-logout-dialog-icon{
    width:68px;
    height:68px;
    display:grid;
    place-items:center;
    margin:0 auto 13px;
    border-radius:22px;
    background:linear-gradient(145deg,#751a38,#a02b50);
    color:#f9d675;
    box-shadow:0 14px 30px rgba(112,25,56,.22);
}

.ms-logout-dialog-icon .ms-icon,
.ms-logout-dialog-icon svg{
    width:29px!important;
    height:29px!important;
}

.ms-logout-dialog-eyebrow{
    display:block;
    margin-bottom:6px;
    color:#9c7430;
    font-size:9px;
    font-weight:900;
    letter-spacing:.17em;
}

.ms-logout-dialog-card h2{
    margin:0;
    color:#57172e;
    font-family:var(--serif);
    font-size:28px;
    line-height:1.15;
}

.ms-logout-dialog-card>p{
    max-width:390px;
    margin:10px auto 0;
    color:#7d6870;
    font-size:12px;
    line-height:1.6;
}

.ms-logout-dialog-warning{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:11px;
    align-items:center;
    margin:18px 0;
    padding:12px 13px;
    border:1px solid #ead9de;
    border-radius:15px;
    background:rgba(255,255,255,.72);
    text-align:left;
}

.ms-logout-dialog-warning>span{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#f7ebef;
    color:#7a2844;
}

.ms-logout-dialog-warning svg{
    width:18px!important;
    height:18px!important;
}

.ms-logout-dialog-warning div{
    display:grid;
    gap:2px;
}

.ms-logout-dialog-warning b{
    color:#62404b;
    font-size:11px;
}

.ms-logout-dialog-warning small{
    color:#947f87;
    font-size:9px;
    line-height:1.45;
}

.ms-logout-dialog-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.ms-logout-dialog-actions button{
    min-height:45px;
    border-radius:13px;
    padding:0 14px;
    font-size:11px;
    font-weight:900;
    cursor:pointer;
}

.ms-logout-cancel-btn{
    border:1px solid #dbc8ce;
    background:#fff;
    color:#674450;
}

.ms-logout-confirm-btn{
    border:0;
    background:linear-gradient(135deg,#731936,#a6284f);
    color:#fff;
    box-shadow:0 12px 26px rgba(116,24,56,.19);
}

.ms-logout-confirm-btn:disabled{
    opacity:.7;
    cursor:wait;
}

@keyframes msLogoutDialogIn{
    from{opacity:0;transform:translateY(8px) scale(.98)}
    to{opacity:1;transform:none}
}

@media(max-width:560px){
    .ms-logout-dialog-card{
        padding:27px 18px 20px;
        border-radius:23px;
    }

    .ms-logout-dialog-card h2{
        font-size:24px;
    }

    .ms-logout-dialog-actions{
        grid-template-columns:1fr;
    }
}


/* Batch 22 Correction 26 — premium profile social actions */
button.ms-social-premium-btn{
    appearance:none;
    -webkit-appearance:none;
    font:inherit;
    cursor:pointer;
}

.ms-profile-contact-info-backdrop{
    position:fixed;
    inset:0;
    z-index:2147483500;
    display:grid;
    place-items:center;
    padding:20px;
    background:rgba(27,8,15,.68);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}
.ms-profile-contact-info-backdrop[hidden]{
    display:none!important;
}
.ms-profile-contact-info-card{
    position:relative;
    width:min(92vw,430px);
    padding:30px 26px 26px;
    border-radius:24px;
    background:#fff;
    box-shadow:0 26px 80px rgba(0,0,0,.30);
    text-align:center;
}
.ms-profile-contact-info-close{
    position:absolute;
    top:10px;
    right:14px;
    width:38px;
    height:38px;
    border:0;
    background:transparent;
    font-size:28px;
    line-height:1;
    cursor:pointer;
}
.ms-profile-contact-info-icon{
    width:62px;
    height:62px;
    margin:0 auto 14px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:rgba(116,27,69,.09);
    color:#741b45;
    font-size:26px;
    font-weight:900;
    font-family:Georgia,serif;
}
.ms-profile-contact-info-eyebrow{
    display:block;
    margin-bottom:7px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
    color:#8d3e60;
}
.ms-profile-contact-info-card h3{
    margin:0 0 9px;
    font-size:23px;
}
.ms-profile-contact-info-card p{
    margin:0 0 20px;
    color:#6f6268;
    line-height:1.55;
}
.ms-profile-contact-info-card .ms-btn{
    min-width:120px;
}
body.ms-profile-contact-info-open{
    overflow:hidden;
}


/* Batch 22 Correction 28 — profile contact dialog stacking + call emphasis */
.ms-profile-contact-info-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:2147483645!important;
    width:100vw!important;
    height:100vh!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    transform:none!important;
    isolation:isolate!important;
    overflow:auto!important;
    pointer-events:auto!important;
}
.ms-profile-contact-info-backdrop[hidden]{
    display:none!important;
}
.ms-profile-contact-info-card{
    position:relative!important;
    z-index:2147483646!important;
    pointer-events:auto!important;
}

/* Prevent profile hero/card layers from competing while the dialog is open. */
body.ms-profile-contact-info-open .ms-detail-photo-card,
body.ms-profile-contact-info-open .ms-detail-photo,
body.ms-profile-contact-info-open [data-profile-detail-hero],
body.ms-profile-contact-info-open .ms-detail-hero-toolbar,
body.ms-profile-contact-info-open .ms-detail-more-menu{
    z-index:auto!important;
}

/* Call button should visually match WhatsApp / Instagram emphasis. */
.ms-detail-action-row--contact .ms-social-call,
.ms-detail-action-row--contact .ms-social-call *,
.ms-detail-action-row--contact .ms-call-hard-trigger,
.ms-detail-action-row--contact .ms-call-hard-trigger *{
    font-weight:800!important;
}
.ms-detail-action-row--contact .ms-social-call svg,
.ms-detail-action-row--contact .ms-call-hard-trigger svg{
    stroke-width:2.2!important;
}


/* ==========================================================
   Batch 22 Correction 32
   Profile contact-info popup uses native browser top layer.
   ========================================================== */

dialog.ms-profile-contact-info-dialog{
    position:fixed!important;
    inset:auto!important;
    width:min(92vw,430px)!important;
    max-width:430px!important;
    max-height:min(88vh,620px)!important;
    margin:auto!important;
    padding:0!important;
    border:0!important;
    border-radius:24px!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    color:inherit!important;
}

/*
 * showModal() puts <dialog> in the browser top layer. ::backdrop is also
 * top-layer UI, so no profile image/card/header z-index can cover it.
 */
dialog.ms-profile-contact-info-dialog::backdrop{
    background:rgba(27,8,15,.70)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
}

dialog.ms-profile-contact-info-dialog[open]{
    display:block!important;
}

dialog.ms-profile-contact-info-dialog .ms-profile-contact-info-card{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:30px 26px 26px!important;
    border-radius:24px!important;
    background:#fff!important;
    box-shadow:0 26px 80px rgba(0,0,0,.30)!important;
    text-align:center!important;
    overflow:hidden!important;
    isolation:isolate!important;
}

/* Old fixed-backdrop styles must not turn native dialog into page-layer UI. */
dialog.ms-profile-contact-info-dialog.ms-profile-contact-info-backdrop{
    inset:auto!important;
    height:auto!important;
    min-height:0!important;
    z-index:auto!important;
}

body.ms-profile-contact-info-open{
    overflow:hidden!important;
}


/* ==========================================================
   Batch 22 Correction 34 — true centered top-layer info dialog
   ========================================================== */
dialog#ms-profile-contact-info-dialog.ms-profile-contact-info-dialog{
    position:fixed!important;
    inset:0!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:min(92vw,430px)!important;
    max-width:430px!important;
    height:max-content!important;
    max-height:min(88vh,620px)!important;
    margin:auto!important;
    padding:0!important;
    transform:none!important;
    align-self:center!important;
    justify-self:center!important;
}

dialog#ms-profile-contact-info-dialog.ms-profile-contact-info-dialog[open]{
    display:block!important;
}

dialog#ms-profile-contact-info-dialog.ms-profile-contact-info-dialog
.ms-profile-contact-info-card{
    width:100%!important;
    margin:0!important;
}

/* Batch 104 — fail-safe native searchable registration selectors */
body.ms-site .ms-register-native-field,
body.ms-app .ms-register-native-field{display:grid!important;gap:8px!important;min-width:0!important}
body.ms-site .ms-register-native-control,
body.ms-app .ms-register-native-control{position:relative!important;width:100%!important;min-height:54px!important;border:1px solid #e3d2bc!important;border-radius:10px!important;background:#fff!important;display:flex!important;align-items:center!important;gap:11px!important;padding:0 14px!important;box-shadow:0 2px 6px rgba(79,43,19,.025)!important}
body.ms-site .ms-register-native-control>input,
body.ms-app .ms-register-native-control>input,
body.ms-site .ms-register-native-control>select,
body.ms-app .ms-register-native-control>select{width:100%!important;min-width:0!important;min-height:50px!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#33282b!important;font:500 15px/1.3 var(--sans)!important;padding:0!important}
body.ms-site .ms-register-native-control>select,
body.ms-app .ms-register-native-control>select{cursor:pointer!important;appearance:auto!important;-webkit-appearance:menulist!important}
body.ms-site .ms-register-native-control>input::placeholder,
body.ms-app .ms-register-native-control>input::placeholder{color:#9a9090!important;font-weight:400!important}
body.ms-site .ms-register-native-control:focus-within,
body.ms-app .ms-register-native-control:focus-within{border-color:#c89442!important;box-shadow:0 0 0 3px rgba(200,148,66,.12)!important}

/* ========================================================================
   MilanSaathi v85 - Android parity premium diamond marker
   Android source uses R.drawable.ic_premium_diamond tinted:
     Gold     #F3C536
     Platinum #A986FF
   Keep tier detection/markup untouched; replace the old circular ◆ glyph
   visually with a compact faceted gemstone silhouette.
   ======================================================================== */
body.ms-app .ms-tier-diamond,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-tier-diamond{
    position:relative!important;
    display:inline-block!important;
    flex:0 0 29px!important;
    width:29px!important;
    height:25px!important;
    min-width:29px!important;
    min-height:25px!important;
    border:0!important;
    border-radius:0!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    vertical-align:middle!important;
}

body.ms-app .ms-tier-diamond::before,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-tier-diamond::before{
    content:""!important;
    position:absolute!important;
    inset:1px 1px 0 1px!important;
    display:block!important;
    background:#F3C536!important;
    clip-path:polygon(
        18% 4%, 82% 4%,
        100% 35%,
        50% 100%,
        0 35%
    )!important;
    filter:drop-shadow(0 2px 2px rgba(35,18,0,.28)) drop-shadow(0 0 3px rgba(243,197,54,.34))!important;
}

/* subtle Android-like facet cuts without changing the outer gem silhouette */
body.ms-app .ms-tier-diamond::after,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-tier-diamond::after{
    content:""!important;
    position:absolute!important;
    inset:3px 4px 4px 4px!important;
    display:block!important;
    background:linear-gradient(135deg,rgba(255,255,255,.72) 0 20%,rgba(255,255,255,.12) 21% 43%,rgba(255,255,255,.43) 44% 55%,rgba(0,0,0,.08) 56% 100%)!important;
    clip-path:polygon(18% 0,82% 0,100% 31%,50% 100%,0 31%)!important;
    pointer-events:none!important;
}

body.ms-app .ms-tier-diamond--gold::before,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-tier-diamond--gold::before{
    background:#F3C536!important;
    filter:drop-shadow(0 2px 2px rgba(92,64,0,.28)) drop-shadow(0 0 3px rgba(243,197,54,.38))!important;
}

body.ms-app .ms-tier-diamond--platinum::before,
body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-tier-diamond--platinum::before{
    background:#A986FF!important;
    filter:drop-shadow(0 2px 2px rgba(60,39,112,.28)) drop-shadow(0 0 3px rgba(169,134,255,.40))!important;
}

@media(max-width:700px){
    body.ms-app .ms-tier-diamond,
    body.ms-app .ms-main .ms-profile-card.ms-android-web-card .ms-tier-diamond{
        flex-basis:26px!important;
        width:26px!important;
        min-width:26px!important;
        height:23px!important;
        min-height:23px!important;
    }
}

/* v86 — Blocked Profiles Android-parity layout */
body.ms-app .ms-blocked-hero{
  display:flex;align-items:center;justify-content:space-between;gap:22px;
  margin-bottom:14px;padding:20px 22px;border:1px solid #ead8c0;
  background:linear-gradient(135deg,#fffaf2 0%,#fff 54%,#fff5e5 100%);
  box-shadow:0 10px 30px rgba(86,43,29,.06)
}
body.ms-app .ms-blocked-hero-copy{display:flex;align-items:center;gap:16px;min-width:0}
body.ms-app .ms-blocked-shield{
  width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:17px;
  background:linear-gradient(145deg,#850e36,#5b0824);color:#f5d178;font-size:26px;
  box-shadow:0 8px 20px rgba(133,14,54,.18)
}
body.ms-app .ms-blocked-kicker{display:block;margin-bottom:3px;color:#a87918;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
body.ms-app .ms-blocked-hero h1{margin:0;color:#4a1729;font-size:25px;line-height:1.15}
body.ms-app .ms-blocked-hero p{margin:6px 0 0;max-width:720px;color:#76656a;font-size:13px;line-height:1.55}
body.ms-app .ms-blocked-count{min-width:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:11px 16px;border-radius:18px;background:#fff;border:1px solid #eedcc3}
body.ms-app .ms-blocked-count b{color:#850e36;font-size:24px;line-height:1}
body.ms-app .ms-blocked-count span{margin-top:5px;color:#7c6b6f;font-size:11px;font-weight:800;text-align:center}

body.ms-app .ms-blocked-nav{
  display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;margin:0 0 18px;padding:2px 1px 5px
}
body.ms-app .ms-blocked-nav::-webkit-scrollbar{display:none}
body.ms-app .ms-blocked-nav-item{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;
  border:1px solid #e8d8c6;border-radius:999px;background:#fff;color:#604c52;text-decoration:none;
  font-size:12px;box-shadow:0 4px 14px rgba(75,40,31,.04);transition:.15s ease
}
body.ms-app .ms-blocked-nav-item:hover{transform:translateY(-1px);border-color:#cda766;color:#850e36}
body.ms-app .ms-blocked-nav-item.is-primary{background:#850e36;border-color:#850e36;color:#fff}

body.ms-app .ms-blocked-profile-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch
}
body.ms-app .ms-blocked-card{
  display:grid;grid-template-columns:152px minmax(0,1fr);min-width:0;overflow:hidden;
  border:1px solid #eaded4;border-radius:22px;background:#fff;
  box-shadow:0 10px 28px rgba(77,42,34,.07)
}
body.ms-app .ms-blocked-photo-wrap{position:relative;min-height:190px;background:#f5eee8;overflow:hidden}
body.ms-app .ms-blocked-photo-wrap img{width:100%;height:100%;min-height:190px;display:block;object-fit:cover}
body.ms-app .ms-blocked-status{
  position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;
  padding:6px 9px;border-radius:999px;background:rgba(74,23,41,.92);color:#fff;font-size:10px;font-weight:900;
  box-shadow:0 4px 14px rgba(0,0,0,.16);backdrop-filter:blur(5px)
}
body.ms-app .ms-blocked-card-body{display:flex;flex-direction:column;min-width:0;padding:17px 17px 15px}
body.ms-app .ms-blocked-person h3{margin:0;color:#4a1729;font-size:18px;line-height:1.2}
body.ms-app .ms-blocked-meta{margin:6px 0 0;color:#65555a;font-size:12px;font-weight:800}
body.ms-app .ms-blocked-location{display:flex;align-items:center;gap:6px;margin:7px 0 0;color:#87757a;font-size:12px}
body.ms-app .ms-blocked-location span{color:#c49a45;font-size:8px}
body.ms-app .ms-blocked-safety-note{
  display:flex;gap:8px;margin-top:13px;padding:9px 10px;border-radius:12px;background:#fff8e9;border:1px solid #f0dfb7
}
body.ms-app .ms-blocked-safety-note>span{flex:0 0 auto;color:#a36a00;font-weight:900}
body.ms-app .ms-blocked-safety-note p{margin:0;color:#73625d;font-size:11px;line-height:1.45}
body.ms-app .ms-blocked-date{margin:9px 0 0;color:#9a8c90;font-size:10.5px}
body.ms-app .ms-blocked-unblock-form{margin:auto 0 0;padding-top:13px}
body.ms-app .ms-blocked-unblock-btn{width:100%;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-color:#d8bfc7;color:#850e36;background:#fff}
body.ms-app .ms-blocked-unblock-btn:hover{background:#fff2f6;border-color:#b86c86}

@media(max-width:980px){
  body.ms-app .ms-blocked-profile-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  body.ms-app .ms-blocked-hero{align-items:flex-start;padding:16px;gap:12px}
  body.ms-app .ms-blocked-shield{width:44px;height:44px;flex-basis:44px;border-radius:14px;font-size:21px}
  body.ms-app .ms-blocked-hero h1{font-size:21px}
  body.ms-app .ms-blocked-hero p{font-size:12px}
  body.ms-app .ms-blocked-count{min-width:74px;padding:9px 10px}
  body.ms-app .ms-blocked-count b{font-size:20px}
  body.ms-app .ms-blocked-count span{font-size:9px}
  body.ms-app .ms-blocked-card{grid-template-columns:112px minmax(0,1fr);border-radius:18px}
  body.ms-app .ms-blocked-photo-wrap,body.ms-app .ms-blocked-photo-wrap img{min-height:165px}
  body.ms-app .ms-blocked-card-body{padding:13px}
  body.ms-app .ms-blocked-person h3{font-size:16px}
  body.ms-app .ms-blocked-safety-note{display:none}
  body.ms-app .ms-blocked-unblock-form{padding-top:10px}
}
@media(max-width:420px){
  body.ms-app .ms-blocked-card{grid-template-columns:96px minmax(0,1fr)}
  body.ms-app .ms-blocked-photo-wrap,body.ms-app .ms-blocked-photo-wrap img{min-height:148px}
  body.ms-app .ms-blocked-meta{font-size:11px}
  body.ms-app .ms-blocked-location{font-size:11px}
}