/* Customer brand layer. Staff/admin and business rules are intentionally independent. */
body.customer-ui{
 --brand:#771c30;--brand-hover:#5e1727;--brand-soft:#f2e7e9;
 --ink:#30262a;--muted:#75666b;--paper:#faf7f2;--line:#e5dcd8;
 --surface:#fffdfa;--teal:#771c30;--dark:#771c30;--my-surface:var(--surface);--my-border:var(--line);
 background:var(--paper)!important;color:var(--ink);
 font-family:"Apple SD Gothic Neo","Malgun Gothic","Microsoft YaHei",system-ui,sans-serif;
 font-weight:500;line-height:1.6;-webkit-font-smoothing:antialiased;
}
html:has(body.customer-ui){background:#faf7f2}
.customer-ui :is(button,input,select,textarea){font-family:inherit;letter-spacing:-.015em}
.customer-ui :is(h1,h2,h3){color:var(--ink);font-weight:700;letter-spacing:-.035em;line-height:1.35}
.customer-ui .my-heading h1{font-size:32px}
.customer-ui .eyebrow{color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.15em}
.customer-ui :is(.my-caption,.my-status,.benefit-copy>span,.benefit-copy small,.journey-date,.journey-content>p,.journey-content summary,.settings-profile p,.grade-guide p,.grade-guide li,.detail-store,.detail-terms p,.detail-facts dt,.my-counts span,.my-empty p,.my-activity div>span){color:var(--muted)!important}
.customer-ui :is(.benefit-copy strong,.my-counts strong,.my-empty strong,.my-identity h2){color:var(--ink);font-weight:700}
.customer-ui :is(.benefit-row,.my-coupon,.journey-items,.login-card,.panel,.my-panel,.settings-disclosure,.my-counts>button,.customer-grade>.my-grade,dialog){background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink);box-shadow:0 4px 16px #4d263004}
.customer-ui :is(.journey-item,.journey-orders,.my-activity li,.my-grade details,.settings-language,.detail-facts,.passport-history-tabs){border-color:var(--line)}
.customer-ui :is(button.primary,.auth-current,.language-switch button[aria-pressed=true],.my-filters button[aria-pressed=true],.passport-history-tabs button[aria-pressed=true]){background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important;font-weight:650}
.customer-ui button.primary:hover:not(:disabled){background:var(--brand-hover)!important}
.customer-ui :is(.my-filters button,.language-switch,.appearance-switch){background:var(--brand-soft)!important;border-color:var(--line)!important;color:var(--muted)}
.customer-ui :is(button.quiet,.my-settings-row,.settings-logout){background:transparent!important;color:var(--muted)!important}
.customer-ui .customer-nav{background:var(--surface)!important;border-color:var(--line)!important;box-shadow:0 6px 24px #4d26300b}
.customer-ui .customer-nav button{background:transparent!important;color:var(--muted)!important;font-weight:600}
.customer-ui .customer-nav button[aria-current=page]{background:var(--brand-soft)!important;color:var(--brand)!important}
.customer-ui :is(.journey-status,.detail-status,.my-status span,.settings-avatar){background:var(--brand-soft)!important;color:var(--brand)!important}
.customer-ui .journey-status.is-cancelled{background:var(--paper)!important;color:var(--muted)!important}
.customer-ui :is(input,textarea,select){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
.customer-ui :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.customer-ui .my-pass[data-grade]{background:radial-gradient(ellipse at 100% 0,#b5766138,transparent 65%),linear-gradient(125deg,#481322,#771c30)!important;border-color:#995b65!important;color:#fff4ef;box-shadow:0 12px 26px #50142718}
.customer-ui .my-pass :is(.my-pass-name,.passport-card-label){color:#fff4ef}
.customer-ui .my-pass :is(.my-pass-bottom small,.my-pass-bottom button,.my-pass-top strong>span){color:#f2dce0!important}
.customer-ui .my-pass .my-tier{background:#ffffff0c!important;color:#fff4ef!important;border-color:var(--tier-edge,#d2b49c)!important}
.customer-ui .my-grade progress{accent-color:var(--brand);background:var(--brand-soft)}
.customer-ui .my-grade progress::-webkit-progress-bar{background:var(--brand-soft)}
.customer-ui .my-grade progress::-webkit-progress-value{background:var(--brand)}
.customer-ui .qr-card{background:white!important;color:#30262a!important;color-scheme:light}
.customer-ui .qr-card img{filter:none}
html[data-appearance=dark]:has(body.customer-ui){background:#1c171a}
html[data-appearance=dark] body.customer-ui{--brand:#aa526a;--brand-hover:#934159;--brand-soft:#38252e;--ink:#f6eee9;--muted:#c5b4b8;--paper:#1c171a;--surface:#272024;--line:#48373f;--teal:#e9acba;--dark:#aa526a;--my-border:var(--line);--my-surface:var(--surface);background:var(--paper)!important}
html[data-appearance=dark] .customer-ui .customer-nav button[aria-current=page]{color:#f3b9c7!important}
html[data-appearance=dark] .customer-ui :is(.journey-status,.detail-status,.my-status span){color:#f3b9c7!important}
html[data-appearance=dark] .customer-ui .journey-status.is-cancelled{color:var(--muted)!important}
@media(max-width:700px){.customer-ui .my-heading h1{font-size:28px}.customer-ui .my-section-title h2{font-size:16px}.customer-ui .benefit-copy strong{font-size:15px}}
html[data-appearance=dark] .customer-ui :is(.passport-history-tabs button,.language-switch button)[aria-pressed=false]{background:var(--surface)!important;color:var(--muted)!important;border-color:var(--line)!important}
html[data-appearance=dark] .customer-ui .my-grade progress::-webkit-progress-bar{background:var(--brand-soft)}
html[data-appearance=dark] .customer-ui .my-grade progress::-webkit-progress-value{background:var(--brand)}