.restaurant-payment{color:#152039;min-width:0;width:100%}.restaurant-payment .payment-inner{background:linear-gradient(135deg,#f8faff,#edf2fc);border-radius:16px;gap:10px;padding:14px}.restaurant-payment .payment-header{align-items:center;border-bottom:1px solid #ced8ec;display:flex;gap:12px;justify-content:space-between;margin-bottom:0;min-width:0;padding-bottom:8px}.restaurant-payment .payment-header-context{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:6px 14px;min-width:0;overflow-wrap:anywhere}.restaurant-payment .payment-header-context strong{font-size:13px}.restaurant-payment .payment-body{padding-bottom:0!important;padding-inline:1px}.restaurant-payment .payment-metrics{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px!important}.restaurant-payment .payment-tile{align-items:flex-start!important;border-radius:10px!important;display:flex!important;flex-direction:column!important;gap:3px;justify-content:center!important;min-height:68px!important;min-width:0;padding:9px 12px!important}.restaurant-payment .payment-tile>:last-child{font-size:25px!important;font-weight:800!important;line-height:1.1;overflow-wrap:anywhere}.restaurant-payment .payment-tile>:first-child{font-size:13px!important;font-weight:700!important}.restaurant-payment .payment-tile--amount{background:linear-gradient(120deg,#e8f2ff,#d9e8ff)!important;border-color:#a9c8fa!important;color:#0c47de}.restaurant-payment .payment-tile--remaining{background:linear-gradient(120deg,#fff0f0,#ffe1e2);border:1px solid #f5bfc5;color:#dc172b}.restaurant-payment .payment-tile--change{background:linear-gradient(120deg,#edfbe8,#d9f4d8)!important;border-color:#b5dbb0!important;color:#177409}.restaurant-payment .payment-rate{flex-direction:row!important;gap:8px;grid-column:1/-1;min-height:0!important;padding:4px 10px!important}.restaurant-payment .payment-summary{grid-gap:8px;align-items:center;background:#f7f9ff!important;border:1px solid #ccd6eb!important;border-radius:10px!important;display:grid;gap:8px;grid-template-columns:125px minmax(0,1fr);margin-bottom:10px!important;padding:9px 10px!important}.restaurant-payment .payment-summary>div:first-child{border:0!important;margin:0!important;padding:0!important;text-align:start!important}.restaurant-payment .payment-summary>div:nth-child(2){grid-gap:6px!important;display:grid!important;gap:6px!important;grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.restaurant-payment .payment-summary>div:nth-child(2)>div{-webkit-border-start:1px solid #d9e0ee;border-inline-start:1px solid #d9e0ee;min-width:0!important;overflow-wrap:anywhere;padding-inline:4px}.restaurant-payment .payment-summary>div:nth-child(2) span{text-align:center}.restaurant-payment .payment-summary>div:nth-child(2) span:not(:first-child){max-width:100%;overflow-x:auto;white-space:nowrap}.restaurant-payment .payment-controls{grid-gap:10px;display:grid;gap:10px;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);min-width:0}.restaurant-payment .payment-keypad-panel,.restaurant-payment .payment-methods{background:#f8faff;border:1px solid #ccd6eb;border-radius:10px;margin-bottom:0;min-width:0;padding:10px!important}.restaurant-payment .payment-section-title{font-size:14px;font-weight:700;margin:0 0 8px}.restaurant-payment .payment-quick-amounts{margin-bottom:8px}.restaurant-payment .Tips__Amounts{grid-gap:5px;display:grid!important;gap:5px;grid-template-columns:repeat(5,minmax(0,1fr))}.restaurant-payment .Tips__Amounts>div{background:#666c7c;border-radius:7px;color:#fff;margin:0!important;min-width:0;padding:8px 2px!important;text-align:center}.restaurant-payment .payment-keypad{gap:6px;margin-bottom:0;width:100%}.restaurant-payment .payment-keypad>div{align-items:center;background:linear-gradient(#6a7080,#505663);border:1px solid #505b70;box-shadow:0 2px 2px #23345b18;color:#fff;display:flex;font-size:22px;justify-content:center;min-height:44px;padding:8px!important}.restaurant-payment .payment-keypad>.Clear{background:#f2f8ef;color:#334339}.restaurant-payment .payment-keypad>.Delete{background:#f1f4fa}.restaurant-payment .payment-methods>div{gap:8px;width:100%}.restaurant-payment .payment-methods>div>div{margin-bottom:5px!important;width:100%}.restaurant-payment .payment-method{background:#626978!important;border:1px solid #777f90!important;border-radius:8px!important;color:#fff!important;flex:1 1 76px;margin:2px!important;min-height:48px;min-width:76px!important;overflow-wrap:anywhere;padding:6px 8px!important}.restaurant-payment .payment-method[data-selected=true]{background:#0864fc!important;border-color:#0649df!important;box-shadow:0 0 0 2px #b9d4ff}.restaurant-payment .payment-methods .MuiFormControl-root{max-width:100%;width:100%}.restaurant-payment .payment-confirm{background:linear-gradient(110deg,#ff2537,#e10e2b);border-radius:9px;flex-shrink:0;font-size:14px;margin-top:0;min-height:46px}.restaurant-payment .payment-confirm:disabled{cursor:default;opacity:.55}.restaurant-payment .payment-loyalty{margin-bottom:10px!important}.restaurant-payment .payment-loyalty-card{grid-gap:8px;background:#f7f8ff;border-color:#ccd6eb;display:grid;gap:8px;grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);padding:10px}.restaurant-payment .payment-loyalty-card .LoyaltyCard__Header{flex-wrap:wrap;gap:6px;margin-bottom:0}.restaurant-payment .payment-loyalty-card .LoyaltyCard__Stats{gap:4px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}.restaurant-payment .payment-loyalty-card .LoyaltyCard__StatItem{-webkit-border-start:1px solid #d7dfec;background:#0000;border:0;border-inline-start:1px solid #d7dfec;border-radius:0;padding:5px}.restaurant-payment .payment-loyalty-card .LoyaltyCard__InputRow{grid-column:1/-1}.restaurant-payment .payment-loyalty-card .LoyaltyCard__QuickActions{flex-direction:row}.restaurant-payment .payment-loyalty-card .LoyaltyCard__AppliedBanner,.restaurant-payment .payment-loyalty-card .LoyaltyCard__Helper{grid-column:1/-1;margin-top:0}@media (max-width:600px){.restaurant-payment .payment-inner{gap:8px;padding:10px}.restaurant-payment .payment-header{align-items:flex-start;flex-direction:column;gap:4px}.restaurant-payment .payment-header-context{gap:3px 10px}.restaurant-payment .payment-metrics{gap:5px!important}.restaurant-payment .payment-tile{min-height:62px!important;padding:7px!important}.restaurant-payment .payment-tile>:last-child{font-size:20px!important}.restaurant-payment .payment-summary{grid-template-columns:1fr}.restaurant-payment .payment-summary>div:nth-child(2){grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.restaurant-payment .payment-controls,.restaurant-payment .payment-loyalty-card{grid-template-columns:1fr}.restaurant-payment .payment-loyalty-card .LoyaltyCard__InputRow{flex-wrap:wrap}.restaurant-payment .payment-loyalty-card .LoyaltyCard__QuickActions{flex:1 1 100%}}