/* ClubPortal global consistency r03. Global reference: My Membership Overview.
   Shared visual roles only. Existing shell, family grids, IDs and navigation stay intact. */
body[data-global-reference] {
 --global-workspace:#D7F2FD; --global-ink:#101935; --global-title:#151A37;
 --global-subtitle:#5877B5; --global-action:#006BFF; --global-divider:#D8E9F5;
 font-family:Manrope,sans-serif;
}
body[data-global-reference] .workspace,
body[data-global-reference] .page-frame { background:var(--global-workspace); }
body[data-global-reference] .page-frame { padding:0; }
body[data-global-reference] [data-global-page] {
 font-family:Manrope,sans-serif; color:var(--global-ink); width:100%; max-width:1241px;
}
body[data-global-reference] [data-global-page="flow"] {
 box-sizing:border-box; margin:0; padding:18px 26px 24px;
}
body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-header="flow"] {
 min-height:115px; margin:0 0 14px; align-items:flex-start;
}
body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-title] {
 font-family:Manrope,sans-serif; font-size:44px; font-weight:700; line-height:1.1;
 letter-spacing:-1.35px; color:var(--global-title); margin:3px 0 0;
}
body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-eyebrow] {
 font-family:Manrope,sans-serif; font-size:15px; font-weight:700;
 letter-spacing:normal; color:#084FC0;
}
body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-subtitle] {
 font-family:Manrope,sans-serif; font-size:18px; line-height:1.3;
 color:var(--global-subtitle); margin:4px 0 0;
}
body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-surface="card"] {
 background:#FFF; border-radius:6px; border-color:var(--global-divider);
 box-shadow:0 0 0 1px rgba(60,117,145,.082),0 4px 13px rgba(24,68,94,.041);
}
body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-section-title] {
 font-family:Manrope,sans-serif; font-size:21px; font-weight:700;
 line-height:1.2; letter-spacing:-.4px; color:var(--global-ink);
}
body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-action] {
 font-family:Manrope,sans-serif; font-weight:400;
}
body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-action="primary"] {
 background:#006BFF; color:#FFF; border:0; border-radius:6px; font-size:16px;
 box-shadow:0 2px 5px #1656BE25;
}
body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-action="outline"] {
 background:#FFF; color:#0754CE; border:1px solid #0B58FF;
 border-radius:5px; font-size:17px;
}
body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-action="primary"]:hover:not(:disabled) { background:#004FBD; }
body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-action="outline"]:hover:not(:disabled) { background:#F5FAFF; }
body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-action]:focus-visible {
 outline:2px solid #006BFF; outline-offset:2px;
}
/* Membership children retain their existing menu/card coordinates; only chrome is normalized. */
body[data-global-reference] [data-global-page="membership"] { padding:0; }
body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-header="membership"] { left:26px; top:18px; }
/* Dashboard has no page-title role in r06. Its existing status-card grid is retained. */
body[data-global-reference] [data-global-page="dashboard"] { margin-inline:0; padding:0; }
@media(min-width:1533px) {
 body[data-global-reference] [data-global-page="dashboard"] .dashboard-grid { left:14px; top:2px; }
}
body[data-global-reference] [data-global-page="placeholder"] { box-sizing:border-box; }
@media(max-width:1532px) {
 body[data-global-reference] [data-global-page="flow"] { padding:25px; }
 body[data-global-reference] [data-global-page="membership"],
 body[data-global-reference] [data-global-page="dashboard"] { padding:25px; }
 body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-header="membership"] { left:auto; top:auto; }
}
@media(max-width:800px) {
 body[data-global-reference] [data-global-page="flow"],
 body[data-global-reference] [data-global-page="membership"],
 body[data-global-reference] [data-global-page="dashboard"] { padding:18px 16px; }
 body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-header="flow"] { min-height:104px; }
 body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-title] { font-size:33px; }
 body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-subtitle] { font-size:15px; }
 body[data-global-reference] :is(#MSH-007,#RPH-001) [data-global-section-title] { font-size:19px; }
}