/* Crazy Mummy real application — V4 customer wallet visual integration.
   Presentation only. Scoped to authenticated customer wallet (.wallet-active).
   Does not change authentication, QR contents, API calls, stamps, or redemptions. */
.wallet-active{background:#f3f7ef;color:#1b3426}
.wallet-active .hero{background:#174f38}
.wallet-active .heroText{background:linear-gradient(115deg,#164c36,#24714c)}
.wallet-active .brand{color:#fff;letter-spacing:-.4px}
.wallet-active #walletSection{background:radial-gradient(ellipse at 90% 0%,#dcebd9 0%,transparent 45%),linear-gradient(155deg,#fbfaf4,#f1f6ef);color:#1b3426}
.wallet-active #wallet{max-width:670px}
.wallet-active .loyalty-card{border:1px solid #dce8dc;border-radius:24px;box-shadow:0 16px 45px #24492a15;color:#1b3426}
.wallet-active .wallet-card-header{background:linear-gradient(114deg,#174d37,#27734f);color:#fff;padding:25px 24px}
.wallet-active .wallet-card-header small{color:#d9eddf;font-weight:800;letter-spacing:1.3px}
.wallet-active .wallet-card-header h1{font-weight:850;letter-spacing:-.6px}
.wallet-active .wallet-phone{color:#e1f0e3}
.wallet-active .wallet-qr{padding:24px 20px 20px;background:#e9f5ec}
.wallet-active .wallet-qr h2{color:#174f38;font-weight:850}
.wallet-active .wallet-qr canvas{border:8px solid #fff;border-radius:18px;box-shadow:0 8px 20px #204e2720;max-width:100%}
.wallet-active .wallet-qr p{color:#426f50}
.wallet-active .wallet-balance{gap:12px;padding:20px;background:#fff}
.wallet-active .wallet-balance div{background:#f7f3e4;border:1px solid #eaddb9;border-radius:16px}
.wallet-active .wallet-balance span{color:#687a65}
.wallet-active .wallet-balance strong{color:#174f38}
.wallet-active .wallet-staff-only,.wallet-active .wallet-rule{background:#fff;color:#627b68}
.wallet-active .wallet-stamp-details{background:#fff;border-top:1px solid #e1e9e0}
.wallet-active .wallet-stamp-details>summary{color:#174f38}
.wallet-active .wallet-stamp-details .stamps{color:#17613e;letter-spacing:1px}
.wallet-active .wallet-ready-badge{background:#17613e}
.wallet-active .stamp-totals div{background:#eaf4ea}
.wallet-active .stamp-totals dt{color:#587260}
.wallet-active .stamp-totals dd{color:#174f38}
.wallet-active .wallet-history{background:#fff;border-top:1px solid #e1e9e0}
.wallet-active .wallet-history h2{color:#174f38}
.wallet-active .wallet-history summary{color:#17613e}
.wallet-active .wallet-history-item{border-color:#e9eee8}
.wallet-active .wallet-gift-state{background:#eaf4ea}
.wallet-active .loyalty-card :is(button,a,summary):focus-visible{outline:3px solid #c59a3f;outline-offset:3px}
@media(max-width:520px){
 .wallet-active #walletSection{padding:12px}
 .wallet-active .wallet-card-header{padding:19px 16px;gap:8px}
 .wallet-active .wallet-card-header h1{font-size:24px}
 .wallet-active .wallet-qr{padding:20px 12px 16px}
 .wallet-active .wallet-balance{padding:12px;gap:8px}
 .wallet-active .wallet-balance div{padding:12px 8px}
 .wallet-active .wallet-history{padding:18px 16px}
}