body[data-role=customer]{background:#f8f5ef;color:#25372f;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
body[data-role=customer] main{max-width:1120px;padding:24px}
body[data-role=customer] header{border-bottom:1px solid #d9e1d7;padding-bottom:18px}
body[data-role=customer] header strong{letter-spacing:2px;color:#20614b}
body[data-role=customer] h1{font-size:24px}
body[data-role=customer] nav{gap:8px;padding:12px 0;background:#f8f5ef}
body[data-role=customer] button{border-radius:12px;border-color:#cedbd2;color:#244e3c;min-height:44px}
body[data-role=customer] button.primary,body[data-role=customer] nav button.active{background:#205b46;border-color:#205b46;color:white}
body[data-role=customer] .card{border:1px solid #e2e6dc;border-radius:20px;box-shadow:0 4px 18px #25372f05;padding:24px}
body[data-role=customer] .card .card{box-shadow:none;background:#fffefb}
body[data-role=customer] .amount{color:#205b46;font-size:32px;letter-spacing:-1px}
body[data-role=customer] .badge{background:#e9f1e6;color:#365e42;border-radius:30px;padding:6px 12px}
body[data-role=customer] .notice{font-size:12px;background:#f0ede5;color:#62685d;border:none;border-radius:10px}
body[data-role=customer] input,body[data-role=customer] select,body[data-role=customer] textarea{border-radius:10px;min-height:44px}
body[data-role=customer] dialog{border-radius:22px;border:1px solid #dce4da}
.lunch-hero{position:relative;overflow:hidden;margin:20px 0 28px;padding:42px;border-radius:26px;background:linear-gradient(120deg,#e9eedc,#f3eddc);border:1px solid #e0e5d3}
.lunch-hero:after{content:"";position:absolute;right:-70px;top:-70px;width:280px;height:280px;border:45px solid #d9e2c780;border-radius:50%;pointer-events:none}
.lunch-hero h2{position:relative;z-index:1;font-size:clamp(28px,4vw,44px);line-height:1.3;letter-spacing:-1px;margin:18px 0;color:#224936}
.lunch-hero p{position:relative;z-index:1;color:#4d6355;line-height:1.8}
.lunch-eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#58724f}
.lunch-perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px;position:relative;z-index:1}
.lunch-perks span{border:1px solid #b8c5ab;border-radius:30px;padding:8px 13px;font-size:12px;background:#ffffff60}
@media(max-width:600px){body[data-role=customer] main{padding:14px}body[data-role=customer] .card{padding:18px}.lunch-hero{padding:26px 22px}.lunch-hero:after{width:170px;height:170px}body[data-role=customer] nav{position:sticky;top:0;z-index:4;flex-wrap:nowrap;overflow:auto}body[data-role=customer] nav button{white-space:nowrap;flex-shrink:0}body[data-role=customer] .grid{grid-template-columns:1fr}}

body[data-role=customer] header a{display:none}