/* Single, compact payment choice layout for an individual order. */
body[data-hospitality-surface="public"] .h-payment-route>.h-sheet-head{padding:16px 20px 12px!important;box-shadow:0 1px 0 #e2ece5!important}
body[data-hospitality-surface="public"] .h-payment-route>.h-sheet-head h2{font-size:clamp(24px,6vw,30px)!important;line-height:1.1!important;margin:4px 0!important}
body[data-hospitality-surface="public"] .h-payment-route>.h-sheet-head p{font-size:16px!important;font-weight:800!important;color:#185b40!important;margin:4px 0!important}
body[data-hospitality-surface="public"] .h-payment-route>.h-sheet-body{display:block!important;padding:16px 20px calc(24px + env(safe-area-inset-bottom))!important}
body[data-hospitality-surface="public"] .h-payment-route .h-tip-panel{margin:0 0 16px!important;padding:14px!important;border-radius:16px!important;box-shadow:none!important}
body[data-hospitality-surface="public"] .h-payment-route .h-tip-panel-head{margin-bottom:12px!important}
body[data-hospitality-surface="public"] .h-payment-route .h-tip-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important}
body[data-hospitality-surface="public"] .h-payment-route .h-tip-options>button{width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:9px 6px!important;font-size:14px!important;line-height:1.2!important;white-space:normal!important}
body[data-hospitality-surface="public"] .h-payment-route .h-tip-custom{grid-column:1/-1!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:48px!important;margin:0!important;padding:5px 10px!important;font-size:14px!important}
body[data-hospitality-surface="public"] .h-payment-route .h-tip-custom .h-input{width:min(35%,120px)!important;min-width:72px!important;min-height:38px!important;flex:none!important;text-align:right!important}
body[data-hospitality-surface="public"] .h-payment-route .h-payment-grid{gap:9px!important}
@media(max-width:720px){body[data-hospitality-surface="public"] .h-payment-route>.h-sheet-head{padding-top:max(14px,env(safe-area-inset-top))!important}}
