.membership-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.membership-hero .secondary-button{white-space:nowrap}.member-card{background:#fff;border:1px solid #dedbd3;border-radius:18px;padding:1.4rem;box-shadow:0 7px 22px rgba(45,40,36,.05);margin:1rem 0}.login-card{max-width:620px;margin:2rem auto}.test-logins,.simulation-actions{display:flex;flex-wrap:wrap;gap:.7rem}.test-logins button,.simulation-actions button{border:1px solid #2b2927;border-radius:999px;background:#fff;padding:.75rem 1rem;font:inherit;cursor:pointer}.test-logins button:hover,.simulation-actions button:hover{background:#f7e8ec}.member-top,.card-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.member-top h2,.member-card h3{margin:.25rem 0}.member-top p{margin:.2rem 0;color:#6f6964}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.member-grid .member-card{margin:0}.credit-card{background:#faf0f3}.compact{display:inline-block;width:auto;padding:.75rem 1rem;margin-top:.6rem}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.profile-grid label{font-weight:700;font-size:.85rem}.profile-grid input,.profile-grid textarea,.profile-grid select{display:block;width:100%;margin-top:.35rem}.profile-grid .wide{grid-column:1/-1}.bucket,.tutorial-row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid #eee9e3}.bucket:last-child,.tutorial-row:last-child{border-bottom:0}.simulation .danger{border-color:#a73a46;color:#8b2732}#simulation-status,#profile-saved{color:#6f6964;font-size:.9rem}@media(max-width:760px){.membership-hero,.member-top,.card-heading{align-items:flex-start;flex-direction:column}.member-grid,.profile-grid{grid-template-columns:1fr}.profile-grid .wide{grid-column:auto}}
.header-right a{color:inherit;text-decoration:underline}
.magic-login label{display:block;font-weight:700;margin-bottom:.4rem}.magic-login>div{display:flex;gap:.7rem;align-items:center}.magic-login input{flex:1}.magic-login .compact{margin:0;white-space:nowrap}#login-status{color:#6f6964}@media(max-width:620px){.magic-login>div{align-items:stretch;flex-direction:column}.magic-login .compact{width:100%}}
.magic-login #promotion-signup-fields{display:block;margin-bottom:1rem}.magic-login #promotion-signup-fields[hidden]{display:none}.magic-login #login-first-name{display:block;width:100%;margin-bottom:1rem}.magic-login label span{font-weight:400;color:#6f6964}.magic-login .consent-checkbox{display:flex;align-items:flex-start;gap:.55rem;font-size:.9rem;font-weight:500;line-height:1.45}.magic-login .consent-checkbox input{flex:0 0 auto;margin-top:.2rem}.magic-login .consent-note{margin:.45rem 0 1rem;color:#53607d;font-size:.75rem;line-height:1.55}
.magic-login .consent-required{margin:.65rem 0 1rem;padding:.75rem .85rem;border-left:3px solid var(--pink);border-radius:0 8px 8px 0;background:#fff3f8;color:var(--ink);font-size:.8rem;line-height:1.55}.magic-login .consent-required a{color:var(--blue);font-weight:800}
.multi-select{position:relative;margin-top:.35rem;font-weight:500}.multi-select>summary{list-style:none;min-height:48px;border:1.5px solid #d6d3cb;border-radius:10px;background:#fff;padding:.65rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer}.multi-select>summary::-webkit-details-marker{display:none}.multi-select>summary:after{content:'⌄';color:#345dc5;font-weight:800}.multi-select[open]>summary,.multi-select>summary:focus{border-color:#345dc5;box-shadow:0 0 0 3px rgba(52,93,197,.16);outline:0}.multi-placeholder{min-width:0;color:#4e4f58}.multi-count{white-space:nowrap;color:#345dc5;font-size:.75rem}.multi-panel{position:absolute;z-index:20;left:0;right:0;top:calc(100% + .35rem);max-height:330px;overflow:auto;padding:.65rem;background:#fff;border:1px solid #cad6f0;border-radius:12px;box-shadow:0 14px 32px rgba(37,38,49,.14)}.multi-search{margin:0 0 .5rem!important}.multi-option{display:flex!important;align-items:center;gap:.55rem;padding:.42rem .35rem;font-size:.87rem!important;border-radius:7px;cursor:pointer}.multi-option:hover{background:#f3f6fd}.multi-option input{width:auto!important;margin:0!important;accent-color:#345dc5}.multi-option input:disabled+span{color:#a2a3aa}.multi-group{padding:.7rem .35rem .25rem;color:#345dc5;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.multi-chips{display:flex;flex-wrap:wrap;gap:.3rem}.multi-chip{border:0;border-radius:999px;background:#cadaf7;color:#252631;padding:.25rem .5rem;font:600 .73rem Figtree,sans-serif;cursor:pointer}.multi-custom{display:flex;gap:.4rem;padding-top:.55rem;border-top:1px solid #ecebe7}.multi-custom input{margin:0!important}.multi-custom button{border:0;border-radius:8px;background:#345dc5;color:#fff;padding:0 .75rem;font:700 .8rem Figtree,sans-serif}.multi-limit{margin:.55rem .2rem .1rem;color:#686a75;font-size:.78rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.multi-panel{position:static;margin-top:.35rem;max-height:280px}.multi-select>summary{min-height:46px}}

/* Customer dashboard layout refinement */
.page-shell{
  min-height:100vh;
  overflow-x:hidden;
  padding-inline:clamp(28px,5vw,68px);
  background:#fff;
}
.page-shell .topbar,
.page-shell main{
  width:100%;
  max-width:1180px;
  margin-inline:auto;
}
.page-shell .topbar{
  min-height:88px;
  padding:16px 0;
}
.page-shell main{
  padding-bottom:72px;
}
.membership-hero{
  padding:clamp(48px,6vw,76px) 0 44px;
  border-bottom:1px solid var(--line);
}
.membership-hero > div{
  min-width:0;
}
.membership-hero .eyebrow{
  margin-bottom:14px;
}
.membership-hero h1{
  max-width:760px;
  margin:0;
  color:var(--ink);
  font:400 clamp(48px,5vw,68px)/1.02 var(--serif);
  letter-spacing:-.5px;
}
.membership-hero h1 em{
  color:var(--blue);
  font-weight:400;
}
.membership-hero p{
  max-width:680px;
  margin:22px 0 0;
  color:var(--blue);
  font-size:16px;
  line-height:1.7;
}
.membership-hero .secondary-button{
  flex:0 0 auto;
  margin-bottom:4px;
  padding:12px 16px;
  text-decoration:none;
}
.page-shell #dashboard{
  padding-top:38px;
}
.page-shell .member-top{
  margin-bottom:24px;
  padding:0 4px;
}
.page-shell .member-top h2{
  color:var(--ink);
  font:400 clamp(34px,3.5vw,46px)/1.05 var(--serif);
}
.page-shell .member-top p{
  margin-top:7px;
  color:var(--muted);
  font-size:14px;
}
.page-shell .member-grid{
  gap:20px;
  margin-bottom:20px;
}
.page-shell .member-card{
  min-width:0;
  margin:0 0 20px;
  padding:clamp(24px,3vw,34px);
  border-color:#dfe5f1;
  box-shadow:0 12px 32px rgba(52,93,197,.07);
}
.page-shell .member-grid .member-card{
  margin-bottom:0;
}
.page-shell .member-card h2,
.page-shell .member-card h3{
  color:var(--ink);
  font-family:var(--serif);
  font-weight:400;
  line-height:1.12;
}
.page-shell .member-card h3{
  margin:7px 0 14px;
  font-size:clamp(27px,2.5vw,34px);
}
.page-shell .member-card p{
  line-height:1.65;
}
.page-shell .credit-card{
  background:linear-gradient(145deg,#fff 0%,#fff 38%,rgba(238,105,180,.12) 100%);
  border-color:rgba(238,105,180,.28);
}
.page-shell .card-heading{
  margin-bottom:24px;
  padding-bottom:20px;
  border-bottom:1px solid var(--line);
}
.page-shell .profile-grid{
  gap:20px 22px;
  margin-top:0;
}
.page-shell .profile-grid label{
  min-width:0;
  color:var(--blue);
  font-size:13px;
}
.page-shell .profile-grid input,
.page-shell .profile-grid textarea,
.page-shell .profile-grid select{
  min-height:48px;
  max-width:100%;
  padding:12px 14px;
  border:1px solid #dbe4f5;
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 1px 2px rgba(37,38,49,.03);
}
.page-shell .profile-grid textarea{
  min-height:104px;
  resize:vertical;
}
.page-shell .profile-grid input:focus,
.page-shell .profile-grid textarea:focus,
.page-shell .profile-grid select:focus{
  border-color:var(--blue);
  outline:0;
  box-shadow:0 0 0 3px rgba(52,93,197,.11);
}
.page-shell .profile-grid > .primary-button{
  justify-self:start;
  min-width:150px;
  min-height:46px;
  margin-top:2px;
  text-align:center;
}
.page-shell .bucket,
.page-shell .tutorial-row{
  align-items:flex-start;
  padding:14px 0;
}
.page-shell .bucket strong,
.page-shell .tutorial-row strong{
  text-align:right;
}
.page-shell .login-card{
  margin:48px auto 0;
}

@media(max-width:920px){
  .page-shell{padding-inline:32px}
  .membership-hero{align-items:flex-start;flex-direction:column;gap:26px;padding-top:52px}
  .membership-hero h1{font-size:56px}
  .page-shell #dashboard{padding-top:32px}
  .page-shell .member-card{padding:26px}
}

@media(max-width:760px){
  .page-shell{padding-inline:22px}
  .page-shell .topbar{min-height:76px;padding:13px 0}
  .membership-hero{gap:22px;padding:38px 0 32px}
  .membership-hero h1{font-size:clamp(40px,11vw,50px)}
  .membership-hero p{margin-top:18px;font-size:15px;line-height:1.65}
  .membership-hero .secondary-button{width:100%;min-height:46px;text-align:center}
  .page-shell main{padding-bottom:48px}
  .page-shell #dashboard{padding-top:28px}
  .page-shell .member-top{gap:18px;margin-bottom:22px;padding:0}
  .page-shell .member-top .secondary-button{min-height:44px;padding-inline:18px}
  .page-shell .member-grid{gap:16px;margin-bottom:16px}
  .page-shell .member-card{margin-bottom:16px;padding:22px;border-radius:16px}
  .page-shell .member-card h3{font-size:29px}
  .page-shell .card-heading{gap:12px;margin-bottom:20px;padding-bottom:18px}
  .page-shell .profile-grid{gap:17px}
  .page-shell .profile-grid > .primary-button{width:100%;min-height:48px}
  .page-shell .bucket,.page-shell .tutorial-row{flex-direction:column;gap:5px}
  .page-shell .bucket strong,.page-shell .tutorial-row strong{text-align:left}
  .page-shell .login-card{margin-top:30px}
}

@media(max-width:420px){
  .page-shell{padding-inline:20px}
  .page-shell .brand-logo{width:min(142px,42vw)}
  .page-shell .member-card{padding:20px}
  .page-shell .compact{max-width:100%;white-space:normal}
  .page-shell .multi-custom{flex-direction:column}
  .page-shell .multi-custom button{min-height:42px}
}