button,input{min-height:44px}
.reward-step{margin-top:28px}
.reward-stepper{display:flex;align-items:center;gap:14px;margin-left:auto}
.reward-stepper button{width:44px;border:1px solid var(--line);background:#f3eee5;font-size:22px;cursor:pointer}
.reward-stepper button:disabled{opacity:.35;cursor:not-allowed}
.reward-stepper strong{min-width:24px;text-align:center;font-size:20px}
.checkout-summary{margin-top:16px;border:1px solid var(--line);background:#faf8f3}
.checkout-summary>div{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #e9e3d9}
.checkout-summary>div:last-child{border-bottom:0}
.checkout-summary .customer-pays{font-size:17px;background:#f1eadf}
.checkout-summary .customer-pays b{font-size:21px}
.checkout-summary .calculation{margin:0;background:#e6efe9;color:#244f3d}
@media(max-width:900px){
  .staff-sidebar{display:block;padding:10px 8px;background:#191815;overflow-x:auto;scrollbar-width:none}
  .staff-sidebar::-webkit-scrollbar{display:none}
  .staff-sidebar>.staff-label,.staff-sidebar>h2,.staff-sidebar>p,.staff-sidebar>.employee{display:none}
  .staff-nav{display:flex;flex-direction:row;gap:6px;width:max-content;min-width:100%}
  .staff-nav button{white-space:nowrap;min-height:48px;padding:12px 15px}
}
@media(max-width:600px){
  body{font-size:16px}
  .prototype-bar{position:relative;z-index:30}
  .topbar{position:relative}
  .side-nav{top:0;padding:8px;scrollbar-width:none}
  .side-nav::-webkit-scrollbar{display:none}
  .side-nav button{min-height:48px}
  .customer-content,.staff-content{padding:26px 16px 90px}
  .staff-content{padding-top:24px}
  .welcome{margin-bottom:24px}
  .welcome>div>p:last-child{max-width:270px;line-height:1.5}
  .notification-button{flex:0 0 46px}
  .balance-card{padding:26px 22px}
  .points strong{font-size:58px}
  .quick-card{min-height:165px}
  .page-heading{margin-bottom:26px}
  .reward-ticket{align-items:flex-start;gap:18px;padding:24px 20px}
  .reward-ticket h2{font-size:36px}
  .ticket-points{padding-left:14px}
  .checkout-card{border:0;padding:20px 16px}
  .search-line{display:grid;grid-template-columns:1fr}
  .search-line button{padding:13px}
  .money-input input{min-width:0}
  .redeem-row{align-items:flex-start}
  .reward-stepper{gap:8px}
  .complete-button{position:sticky;bottom:10px;box-shadow:0 8px 25px #0004}
  .modal-card{padding:30px 20px}
}