/* Account area brand refresh. Loads after customer.css and only restyles; markup is unchanged. */
:root{--mp-navy:#0b2447;--mp-gold:#e8c77f;--mp-teal:#238a63;--mp-paper:#f3f6f6;--mp-line:#d8e0e2;--mp-ink:#0b1f36;--mp-muted:#62717c}

/* page ground: the site's paper tone instead of the blue gradient */
body,body:has(.signin){background:var(--mp-paper)!important;background-image:none!important}

/* align with the header grid (1200px container, 32px gutters) */
@media(min-width:900px){
  #customer-app:has(.customer-layout){width:100%;max-width:1200px!important;padding:40px 32px 64px!important;box-sizing:border-box}
  .customer-layout{width:100%;grid-template-columns:280px minmax(0,1fr);gap:32px}
}

/* sidebar */
.account-menu{border:1px solid var(--mp-line);border-radius:8px;box-shadow:none;overflow:hidden;background:#fff}
.account-identity{background:var(--mp-navy);border-bottom:0;padding:26px 22px}
.account-identity h2{color:#fff}
.account-identity p{color:#b7c6d6}
.account-avatar{background:var(--mp-gold)!important;color:var(--mp-navy)!important;font-weight:900}
.account-links{padding:10px}
.account-menu-link{border-radius:6px;color:var(--mp-ink);font-weight:600}
.account-menu-link:hover:not(:disabled){background:#eef3f5}
.account-menu-link[aria-current=page]{background:var(--mp-navy)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--mp-gold)}
.account-menu-link[aria-current=page] svg{stroke:var(--mp-gold)}
.account-signout{color:#9b3a2e}

/* content panel */
.panel{border:1px solid var(--mp-line);border-radius:8px;box-shadow:none}
.account-content>h2{margin:0 0 6px;font-size:clamp(1.6rem,3vw,2rem);line-height:1.1;letter-spacing:-.02em;color:var(--mp-navy)}
.account-content>h2::after{content:"";display:block;width:44px;height:4px;margin-top:12px;background:var(--mp-gold)}
.account-content:has(.rewards-shell){background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.account-content:has(.rewards-shell)>h2::after{display:none}

/* dashboard */
.account-shortcuts button{background:#fff;border:1px solid var(--mp-line);border-top:3px solid var(--mp-navy);border-radius:8px;transition:transform .15s,box-shadow .15s}
.account-shortcuts button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(11,36,71,.1)}
.account-shortcuts strong{color:var(--mp-navy);font-size:30px;letter-spacing:-.02em}
.account-shortcuts svg{color:var(--mp-teal)}
.dash-tier,.dash-card{border-radius:8px}
.dash-referral{border-top:3px solid var(--mp-gold)}
.dash-launch{border-radius:8px;border-left:4px solid var(--mp-gold);background:#fbf6e8;color:#4a3d16}

/* buttons: navy pills like the storefront */
.btn.primary{background:var(--mp-navy);border-color:var(--mp-navy);color:#fff}
.btn.primary:hover{background:#12336a}

/* rewards */
.rewards-card{border:1px solid var(--mp-line);border-radius:8px}
.rewards-wallet{border-top:4px solid var(--mp-gold)}
@media(min-width:900px){
  .rewards-shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .rewards-shell>*{min-width:0}
  .rewards-shell{margin-top:0!important;gap:20px!important}
  .rewards-account-shortcuts{grid-column:1/-1}
  .rewards-wallet{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"k m" "b m" "w m" "n m" "a m";column-gap:36px;align-items:center;align-content:center}
  .rewards-wallet>.rewards-kicker{grid-area:k}
  .rewards-wallet>h2{grid-area:b}
  .rewards-wallet>p:not(.rewards-note){grid-area:w}
  .rewards-wallet>.rewards-member{grid-area:m;margin:0}
  .rewards-wallet>.rewards-note{grid-area:n}
  .rewards-wallet>.rewards-actions{grid-area:a}
  .rewards-referral{grid-row:span 2}
}

/* sign-in screen */
.signin-card{border:1px solid var(--mp-line);border-top:4px solid var(--mp-navy);border-radius:8px;box-shadow:0 14px 34px rgba(11,36,71,.08)}
.login-tabs button[aria-pressed=true]{box-shadow:inset 0 -3px 0 var(--mp-gold)}
.signin .btn.primary{border-radius:999px;font-weight:800;letter-spacing:.02em}

/* hide the not-yet-live Stock Alerts entry */
.account-menu-link:disabled{display:none}

/* no floating label row: the balance card leads, and the status pill sits inside it (all widths) */
.rewards-shell{position:relative}
.rewards-heading{position:absolute;top:0;left:0;right:0;height:0;margin:0!important;padding:0!important}
.rewards-heading .rewards-kicker{display:none}
.rewards-heading .rewards-status{position:absolute;top:14px;right:16px;z-index:2}
@media(min-width:900px){.rewards-heading .rewards-status{top:16px;right:20px}}

/* phone: tighter balance card (the Jump to block keeps its original look) */
@media(max-width:899px){
  .rewards-card{padding:18px 16px}
  .rewards-wallet h2{font-size:34px;margin:4px 0 2px}
  .rewards-wallet .rewards-member{margin:14px 0 12px;padding:14px}
  .rewards-wallet .rewards-member h3{margin:6px 0 4px}
  .rewards-wallet .tier-chips{gap:6px}
  .rewards-wallet .rewards-note{margin:10px 0}
  .rewards-wallet>.rewards-kicker{padding-right:110px}
}

/* welcome code card (rewards + dashboard) */
.rewards-shell .rewards-card.rewards-welcome,.dash-card.dash-welcome{border:2px solid var(--mp-gold)!important;background:linear-gradient(180deg,#fffdf6,#fbf6e8)!important;border-radius:8px}
.rewards-welcome .rewards-kicker,.dash-welcome .dash-kicker{color:#7a6a2c!important}
.rewards-welcome p,.dash-welcome p{color:#3d4b57!important}
.welcome-code-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0 10px}
.welcome-code-row code{font:900 clamp(1.35rem,5.4vw,2rem)/1.1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.06em;color:var(--mp-navy);overflow-wrap:anywhere}
.welcome-code-row button{min-height:44px;padding:0 20px;border:0;border-radius:999px;background:var(--mp-gold);color:var(--mp-navy);font:800 .9rem Inter,sans-serif;cursor:pointer;box-shadow:0 2px 0 rgba(11,36,71,.25)}
@media(min-width:900px){.rewards-welcome{grid-column:1/-1}}


/* the welcome code card leads the page, so the small status pill is dropped when it is shown */
.rewards-shell:has(.rewards-welcome) .rewards-status{display:none}