/* Customer surfaces only. Staff login/workbench and game piece colors are untouched. */
body:has(.customer-theme){background:#fff8e8;color:#24233a;color-scheme:light}
.app-shell.customer-theme{
 --ink:#24233a;--ink-2:#fffdf6;--panel:#fffdf6;--paper:#24233a;
 --muted:#625a71;--line:#d4cede;--accent:#64449b;--accent-2:#64449b;
 --warn:#87500d;--ok:#24644e;--salon-border:#d4cede;--radius:18px;
 --shadow:4px 5px 0 #24233a;color:#24233a;
 font-family:'PingFang SC','Microsoft YaHei',system-ui,sans-serif;
}
.customer-theme .topbar{border-bottom:2px solid #24233a}
.customer-theme .brand-seal{color:#24233a}
.customer-theme .brand-copy strong{color:#625a71}
.customer-theme .account-link{color:#24233a;background:#bfc3ff;border:2px solid #24233a;border-radius:12px;font-weight:700}
.customer-theme .account-link:hover{background:#d5d8ff;border-color:#24233a}
.customer-theme .salon-heading{border:0}
.customer-theme .salon-heading h1,.customer-theme .salon-heading h1>span{color:#24233a}
.customer-theme .salon-heading p{color:#64449b}
.customer-theme .salon-entry{border:2px solid #24233a;border-radius:22px;background:#bfc3ff;color:#24233a;box-shadow:4px 5px 0 #24233a}
.customer-theme .salon-entry:nth-child(2){background:#ffb8c9}
.customer-theme .salon-entry:nth-child(3){background:#aee8df}
.customer-theme .salon-entry:nth-child(4){background:#ffe26f}
.customer-theme .salon-entry::before{display:none}
.customer-theme .salon-entry-copy>strong{font-family:'PingFang SC','Microsoft YaHei',sans-serif;font-weight:850;letter-spacing:0}
.customer-theme .salon-entry-copy>span,.customer-theme .salon-action{color:#343044}
.customer-theme .salon-action>span{border:2px solid #24233a;background:#fff8e8;color:#24233a}
.customer-theme .salon-entry:not(:disabled):hover{background:#fff1bf;border-color:#24233a}
.customer-theme .salon-entry:not(:disabled):active{background:#ffe26f;box-shadow:1px 2px 0 #24233a;transform:translate(2px,2px)}
.customer-theme .salon-guest{border:2px dashed #9a8aac;border-radius:16px;padding:16px}
.customer-theme .salon-guest :is(span,small){color:#625a71}
.customer-theme .salon-guest strong{color:#64449b;font-family:monospace;font-weight:800}
.customer-theme .bottom-nav{background:#fff8e8;border-top:2px solid #24233a;backdrop-filter:none}
.customer-theme .bottom-nav button{color:#625a71;font-weight:650}
.customer-theme .bottom-nav button.active{background:#ffe26f;color:#24233a;border-radius:12px 12px 0 0}
.customer-theme .btn{border:2px solid #24233a;border-radius:14px;min-height:52px;font-size:17px;font-weight:750;box-shadow:2px 3px 0 #24233a}
.customer-theme .btn.primary{background:#ffe26f;color:#24233a}
.customer-theme .btn.ghost{background:#fffdf6;color:#24233a;border-color:#24233a}
.customer-theme .btn.danger{background:#ffd6de;color:#84253f}
.customer-theme :is(.back,.drink-back,.account-text-link){color:#64449b;font-weight:700}
.customer-theme :is(.section-head h1,.drink-page header h1,.account-page h1,.subsection-title){color:#24233a;font-family:'PingFang SC','Microsoft YaHei',sans-serif;font-weight:800;letter-spacing:0}
.customer-theme :is(.field input,.field textarea,.field select,.search input){background:#fffdf6;color:#24233a;border:2px solid #9a8aac;border-radius:12px;min-height:52px}
.customer-theme :is(.field label,.field-help,.section-head p,.customer-account .account-panel p,.request-next){color:#625a71}
.customer-theme input::placeholder{color:#71667a}
.customer-theme .chip{background:#fffdf6;color:#24233a;border:2px solid #9a8aac;border-radius:12px}
.customer-theme .chip.active{background:#bfc3ff;color:#24233a;border-color:#24233a}
.customer-theme .price-banner{background:#ffeeb0;border:2px solid #24233a;border-radius:16px;padding:16px}
.customer-theme .song{border:2px solid #d4cede;border-radius:16px;background:#fffdf6;margin-bottom:12px;padding:18px;color:#24233a}
.customer-theme .song strong{font-weight:750}
.customer-theme .song i{color:#64449b;font-weight:700}
.customer-theme :is(.sheet-card,.voucher-box,.result,.status-card,.account-summary,.benefit-card,.recovery-card,.benefit-strip){background:#fffdf6;color:#24233a;border:2px solid #24233a;border-radius:20px;padding:20px}
.customer-theme .sheet-card{border-radius:22px 22px 0 0}
.customer-theme .subtle{color:#625a71!important}
.customer-theme .disc{background:repeating-conic-gradient(#bfc3ff 0deg 60deg,#ffe26f 60deg 120deg,#ffb8c9 120deg 180deg);border:3px solid #24233a;box-shadow:inset 0 0 0 10px #fff8e8,4px 5px 0 #24233a}
.customer-theme .disc:before{background:#24233a;box-shadow:0 0 0 8px #fff8e8}
.customer-theme .account-avatar{background:#bfc3ff;color:#24233a}
.customer-theme .account-switch button{color:#625a71}
.customer-theme .account-switch button[aria-current=page]{background:#bfc3ff;color:#24233a;border-color:#24233a;border-radius:12px 12px 0 0}
.customer-theme .drink-page header>p:last-child,.customer-theme .drink-note{color:#625a71}
.customer-theme .drink-card{background:#fffdf6;color:#24233a;border:2px solid #24233a;border-radius:20px;box-shadow:4px 5px 0 #24233a}
.customer-theme .drink-paper{border:2px solid #24233a;border-radius:20px}
.customer-theme .paper-one{background:#bfc3ff}.customer-theme .paper-two{background:#ffb8c9}
.customer-theme :is(.drink-card>small,.drink-card footer,.drink-description){color:#625a71}
.customer-theme .drink-card-mark{color:#24233a;background:#ffe26f;border:2px solid #24233a;border-radius:18px}
.customer-theme .drink-tags span{background:#aee8df;color:#24233a;border:1px solid #24233a;border-radius:8px}
.customer-theme .drink-recent button{background:#fffdf6;color:#24233a;border:2px solid #9a8aac;border-radius:12px}
.customer-theme .drink-recent button[aria-pressed=true]{background:#aee8df;border-color:#24233a}
.customer-theme .drink-recent small,.customer-theme .drink-recent h2 small{color:#625a71}
.customer-theme :is(button,a,input,select,textarea):focus-visible{outline:3px solid #64449b;outline-offset:4px}
@media(max-width:380px){.customer-theme .salon-entry{padding:20px 16px;gap:12px}.customer-theme .salon-entry-copy>strong{font-size:28px}.customer-theme .salon-action{font-size:13px}}