/* AMELIAPOS_PAYMENT_TERMINAL_REBUILD_R16_5R19_8_0_1
 * Clean payment-body rebuild over the stable R19.7.6 payment logic.
 * Presentation only. No JS / payload / endpoint changes.
 */

#paymentOverlay{
  --p8-navy:#10283b;
  --p8-navy-2:#173b55;
  --p8-orange:#ef7429;
  --p8-page:#edf2f5;
  --p8-panel:#ffffff;
  --p8-line:#d8e2e8;
  --p8-line-strong:#c5d3dd;
  --p8-text:#142a3f;
  --p8-muted:#6c7f8f;
  --p8-soft:#f7f9fb;
  --p8-summary:#f4f6f8;
  --p8-orange-bg:#fff6ef;
  --p8-orange-line:#f0d1bd;
  --p8-green:#2f7f39;
  --p8-green-bg:#f1f8f2;
  --p8-green-line:#d1e4d3;
  --p8-red:#b94339;
  --p8-red-bg:#fff3f2;
  --p8-red-line:#ecd0cd;
}

#paymentOverlay,
#paymentOverlay *{
  box-sizing:border-box!important;
}

/* ============================================================
   HEADER — frozen contract
   ============================================================ */

#paymentOverlay .payment-topbar{
  height:68px!important;
  min-height:68px!important;
  max-height:68px!important;
  padding:0 16px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 145px!important;
  align-items:center!important;
  gap:10px!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:3px solid var(--p8-orange)!important;
  background:#0e2134!important;
  box-shadow:none!important;
}

#paymentOverlay .payment-back{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.04)!important;
  color:#fff!important;
  box-shadow:none!important;
}

#paymentOverlay .payment-heading{
  min-width:0!important;
  height:50px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:1px!important;
  overflow:hidden!important;
}

#paymentOverlay .payment-heading .view-eyebrow{
  margin:0!important;
  color:var(--p8-orange)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.105em!important;
}

#paymentOverlay .payment-heading h2{
  margin:0!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.015em!important;
}

#paymentOverlay .payment-heading p{
  margin:2px 0 0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#c8d3db!important;
  font-size:8.5px!important;
  line-height:1!important;
}

#paymentOverlay .payment-scope{
  display:none!important;
}

#paymentOverlay .payment-brand{
  width:145px!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  justify-self:end!important;
  overflow:hidden!important;
}

#paymentOverlay .payment-brand img{
  width:auto!important;
  max-width:138px!important;
  height:31px!important;
  object-fit:contain!important;
}

/* ============================================================
   WORKSPACE
   ============================================================ */

#paymentOverlay .payment-workspace{
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh - 68px)!important;
  padding:0!important;
  background:var(--p8-page)!important;
}

#paymentOverlay .payment-stage{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:12px 14px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(360px,23vw,410px)!important;
  gap:12px!important;
  align-items:start!important;
}

/* ============================================================
   LEFT: clean terminal flow
   ============================================================ */

#paymentOverlay .payment-entry-panel{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-areas:
    "step1 step1"
    "methods methods"
    "step2 step2"
    "amount received"
    "tip tip"
    "cash cash"
    "submit submit"!important;
  grid-template-rows:
    auto
    78px
    auto
    78px
    72px
    122px
    60px!important;
  gap:9px 12px!important;
  align-content:start!important;
  overflow:hidden!important;
  border:1px solid var(--p8-line)!important;
  border-radius:14px!important;
  background:var(--p8-panel)!important;
  box-shadow:0 3px 12px rgba(18,43,61,.035)!important;
}

#paymentOverlay .payment-entry-panel>.payment-step:first-of-type{grid-area:step1!important}
#paymentOverlay .payment-method-grid{grid-area:methods!important}
#paymentOverlay .payment-step--amount{grid-area:step2!important}
#paymentOverlay .payment-entry-panel>label[aria-label="Monto a aplicar"]{grid-area:amount!important}
#paymentOverlay #receivedWrap{grid-area:received!important}
#paymentOverlay #paymentTipPanel{grid-area:tip!important}
#paymentOverlay #cashShortcuts{grid-area:cash!important}
#paymentOverlay #addPayment{grid-area:submit!important}

/* Left-side duplicate cash state removed. Right summary is the single source of visual truth. */
#paymentOverlay #cashChangePreview{
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}

/* Section headers */
#paymentOverlay .payment-step{
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
}

#paymentOverlay .payment-step>span{
  flex:0 0 27px!important;
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#fff1e6!important;
  color:var(--p8-orange)!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:950!important;
}

#paymentOverlay .payment-step strong{
  display:block!important;
  color:var(--p8-text)!important;
  font-size:12.5px!important;
  line-height:1.08!important;
  font-weight:900!important;
}

#paymentOverlay .payment-step small{
  display:block!important;
  margin-top:2px!important;
  color:var(--p8-muted)!important;
  font-size:8.5px!important;
  line-height:1.15!important;
}

/* Payment methods */
#paymentOverlay .payment-method-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  height:78px!important;
}

#paymentOverlay .payment-method-grid>button{
  width:100%!important;
  min-width:0!important;
  height:78px!important;
  min-height:78px!important;
  margin:0!important;
  padding:7px 10px!important;
  border:1px solid var(--p8-line)!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#263b4f!important;
  box-shadow:none!important;
  transform:none!important;
}

#paymentOverlay .payment-method-grid>button:hover{
  border-color:#b9c8d2!important;
  background:#fbfcfd!important;
}

#paymentOverlay .payment-method-grid>button.active,
#paymentOverlay .payment-method-grid>button[aria-pressed="true"]{
  border-color:var(--p8-navy)!important;
  background:var(--p8-navy)!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(16,40,59,.12)!important;
}

#paymentOverlay .payment-method-icon{
  width:27px!important;
  height:22px!important;
  margin-bottom:4px!important;
}

#paymentOverlay .payment-method-grid>button strong,
#paymentOverlay .payment-method-grid>button b{
  font-size:12px!important;
  font-weight:900!important;
}

/* Main financial row */
#paymentOverlay .payment-money-field{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:78px!important;
  margin:0!important;
}

#paymentOverlay .payment-money-field>span{
  display:block!important;
  margin:0 0 5px!important;
  color:#5e7181!important;
  font-size:8.7px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}

#paymentOverlay .payment-money-input{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  height:60px!important;
  min-height:60px!important;
  padding:0 13px!important;
  overflow:hidden!important;
  border:1px solid var(--p8-line-strong)!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
}

#paymentOverlay .payment-money-input i{
  color:#687a8b!important;
  font-size:16px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:900!important;
}

#paymentOverlay .payment-money-input input{
  width:100%!important;
  min-width:0!important;
  height:56px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#11283d!important;
  text-align:right!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  box-shadow:none!important;
}

#paymentOverlay #receivedWrap .payment-money-input{
  border-color:#8eafc2!important;
  box-shadow:0 0 0 2px rgba(32,87,124,.04)!important;
}

#paymentOverlay #receivedAmount.input-invalid{
  color:var(--p8-red)!important;
}

/* Propina: compact, single horizontal strip */
#paymentOverlay .payment-tip-panel{
  width:100%!important;
  min-width:0!important;
  height:72px!important;
  min-height:72px!important;
  margin:0!important;
  padding:8px 10px!important;
  display:grid!important;
  grid-template-columns:115px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  overflow:hidden!important;
  border:1px solid var(--p8-orange-line)!important;
  border-radius:11px!important;
  background:#fffbf8!important;
  box-shadow:none!important;
}

#paymentOverlay .payment-tip-head{
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:3px!important;
}

#paymentOverlay .payment-tip-head>span{
  color:var(--p8-text)!important;
  font-size:11px!important;
  line-height:1.05!important;
  font-weight:900!important;
}

#paymentOverlay .payment-tip-head>span small{
  color:#7b8b98!important;
  font-size:8px!important;
  font-weight:700!important;
}

#paymentOverlay .payment-tip-head>strong{
  color:var(--p8-orange)!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:950!important;
}

#paymentOverlay .payment-tip-actions{
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 1.08fr!important;
  gap:7px!important;
  align-items:stretch!important;
}

#paymentOverlay .payment-tip-actions>button,
#paymentOverlay .payment-tip-actions>label{
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:6px 7px!important;
  border:1px solid var(--p8-line)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#203649!important;
  box-shadow:none!important;
  transform:none!important;
}

#paymentOverlay .payment-tip-actions>button.active{
  border-color:var(--p8-orange)!important;
  background:#fff3ea!important;
  color:#b7541c!important;
}

#paymentOverlay .payment-tip-input,
#paymentOverlay .payment-tip-input input{
  min-width:0!important;
  width:100%!important;
}

#paymentOverlay .payment-tip-panel>small{
  display:none!important;
}

/* Fast cash — tactile, simple, no tiny bill drawings */
#paymentOverlay .cash-shortcuts{
  width:100%!important;
  min-width:0!important;
  height:122px!important;
  min-height:122px!important;
  margin:0!important;
  padding:9px 10px!important;
  overflow:hidden!important;
  border:1px solid var(--p8-line)!important;
  border-radius:11px!important;
  background:#fafcfd!important;
  box-shadow:none!important;
}

#paymentOverlay .cash-shortcuts-head{
  height:20px!important;
  margin:0 0 7px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
}

#paymentOverlay .cash-shortcuts-head strong{
  color:#203648!important;
  font-size:10.5px!important;
  font-weight:900!important;
}

#paymentOverlay .cash-shortcuts-head span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#7a8b98!important;
  font-size:8px!important;
}

#paymentOverlay .cash-denominations{
  width:100%!important;
  min-width:0!important;
  height:86px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-rows:40px!important;
  gap:6px!important;
}

#paymentOverlay .cash-denomination{
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:4px 6px!important;
  overflow:hidden!important;
  border:1px solid #ced9e1!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#203648!important;
  box-shadow:none!important;
  transform:none!important;
}

#paymentOverlay .cash-denomination__icon{
  display:none!important;
}

#paymentOverlay .cash-denomination b{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
}

#paymentOverlay .cash-denomination:active,
#paymentOverlay .cash-denomination.active{
  border-color:var(--p8-navy)!important;
  background:#f3f7fa!important;
  box-shadow:inset 0 0 0 1px rgba(16,40,59,.08)!important;
}

#paymentOverlay .cash-denomination--exact{
  border-color:#cbe0cf!important;
  background:#f6fbf7!important;
  color:#2f7f39!important;
}

#paymentOverlay .cash-denomination--clear{
  border-color:#ead4d1!important;
  background:#fff8f7!important;
  color:#a6544b!important;
}

/* CTA */
#paymentOverlay #addPayment{
  width:100%!important;
  min-width:0!important;
  height:60px!important;
  min-height:60px!important;
  margin:0!important;
  border:0!important;
  border-radius:11px!important;
  background:#d5dee4!important;
  color:#6f818f!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:none!important;
  transform:none!important;
}

#paymentOverlay #addPayment:not(:disabled){
  background:linear-gradient(90deg,var(--p8-navy) 0%,var(--p8-navy) 92%,var(--p8-orange) 92%,var(--p8-orange) 100%)!important;
  color:#fff!important;
  box-shadow:0 5px 13px rgba(16,40,59,.12)!important;
}

/* ============================================================
   RIGHT SUMMARY — financial hierarchy
   ============================================================ */

#paymentOverlay .payment-ledger{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-self:start!important;
  overflow:hidden!important;
  border:1px solid var(--p8-line)!important;
  border-radius:14px!important;
  background:var(--p8-summary)!important;
  box-shadow:0 3px 12px rgba(18,43,61,.04)!important;
}

#paymentOverlay .payment-ledger>header{
  min-height:58px!important;
  margin:0!important;
  padding:0 0 11px!important;
  border-bottom:1px solid #dde4e8!important;
  background:transparent!important;
}

#paymentOverlay .payment-ledger>header .view-eyebrow{
  color:var(--p8-orange)!important;
  font-size:7.8px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.11em!important;
}

#paymentOverlay .payment-ledger h3{
  margin:5px 0 0!important;
  color:var(--p8-text)!important;
  font-size:19px!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.018em!important;
}

#paymentOverlay .payment-coverage-badge{
  min-width:70px!important;
  padding:6px 9px!important;
  border:1px solid #f0dccb!important;
  border-radius:999px!important;
  background:#fff0e3!important;
  color:#9e5b2c!important;
  font-size:8px!important;
  font-weight:900!important;
}

#paymentOverlay .payment-charge-summary{
  margin:11px 0 0!important;
  padding:0!important;
  display:block!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Venta + Propina */
#paymentOverlay .payment-charge-summary>div:not(.payment-charge-total):not(.payment-charge-cash){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:46px!important;
  padding:9px 12px!important;
  border-left:1px solid var(--p8-line)!important;
  border-right:1px solid var(--p8-line)!important;
  border-bottom:1px solid var(--p8-line)!important;
  background:#fff!important;
}

#paymentOverlay .payment-charge-summary>div:first-child{
  border-top:1px solid var(--p8-line)!important;
  border-radius:10px 10px 0 0!important;
}

#paymentOverlay .payment-charge-summary>div:nth-child(2){
  border-radius:0 0 10px 10px!important;
}

#paymentOverlay .payment-charge-summary>div>span{
  color:#647787!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:800!important;
}

#paymentOverlay .payment-charge-summary>div>strong{
  color:var(--p8-text)!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

/* Total */
#paymentOverlay .payment-charge-summary>.payment-charge-total{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:62px!important;
  margin:9px 0!important;
  padding:11px 12px!important;
  border:1px solid var(--p8-orange-line)!important;
  border-radius:10px!important;
  background:var(--p8-orange-bg)!important;
}

#paymentOverlay .payment-charge-total>span{
  color:#9f4f20!important;
  font-size:11px!important;
  font-weight:900!important;
}

#paymentOverlay .payment-charge-total>strong{
  color:var(--p8-orange)!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
}

/* Recibido + Falta/Vuelto: one card */
#paymentOverlay .payment-charge-cash{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:48px 62px!important;
  gap:0!important;
  width:100%!important;
  min-height:110px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--p8-line)!important;
  border-radius:10px!important;
  background:#fff!important;
}

#paymentOverlay .payment-charge-cash.hidden{
  display:none!important;
}

#paymentOverlay .payment-charge-cash>span,
#paymentOverlay .payment-charge-cash>strong{
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
}

#paymentOverlay .payment-charge-cash>span:first-of-type,
#paymentOverlay .payment-charge-cash>strong:first-of-type{
  background:#fff!important;
  border-bottom:1px solid var(--p8-line)!important;
}

#paymentOverlay .payment-charge-cash>span:first-of-type{
  color:#647787!important;
  font-size:10px!important;
  font-weight:800!important;
}

#paymentOverlay .payment-charge-cash>strong:first-of-type{
  justify-content:flex-end!important;
  color:var(--p8-text)!important;
  font-size:16px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

#paymentOverlay .payment-charge-cash>span:nth-of-type(2),
#paymentOverlay #paymentChargeChange{
  background:var(--p8-green-bg)!important;
  color:var(--p8-green)!important;
}

#paymentOverlay .payment-charge-cash>span:nth-of-type(2){
  font-size:11px!important;
  font-weight:900!important;
}

#paymentOverlay #paymentChargeChange{
  justify-content:flex-end!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
}

#paymentOverlay .payment-charge-cash.is-short{
  border-color:var(--p8-red-line)!important;
}

#paymentOverlay .payment-charge-cash.is-short>span:nth-of-type(2),
#paymentOverlay .payment-charge-cash.is-short>#paymentChargeChange{
  background:var(--p8-red-bg)!important;
  color:var(--p8-red)!important;
}

#paymentOverlay .payment-charge-cash.is-change,
#paymentOverlay .payment-charge-cash.is-exact{
  border-color:var(--p8-green-line)!important;
}

/* Payments section */
#paymentOverlay .payment-ledger-section-title{
  min-height:36px!important;
  margin-top:12px!important;
  padding:7px 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  border-top:1px solid #dde4e8!important;
  border-bottom:1px solid #dde4e8!important;
  background:transparent!important;
}

#paymentOverlay .payment-ledger-section-title>span{
  color:var(--p8-text)!important;
  font-size:10px!important;
  font-weight:900!important;
}

#paymentOverlay .payment-ledger-section-title>small{
  color:#7d8d99!important;
  font-size:8px!important;
}

#paymentOverlay .payment-list{
  flex:0 0 auto!important;
  min-height:56px!important;
  max-height:100px!important;
  padding:6px 4px!important;
  overflow:auto!important;
  background:transparent!important;
}

#paymentOverlay .payment-list>p{
  margin:0!important;
  padding:8px 4px!important;
  color:#6b7d8b!important;
  font-size:9px!important;
  line-height:1.35!important;
  text-align:center!important;
}

#paymentOverlay .payment-ledger-bottom{
  flex:0 0 auto!important;
  margin-top:8px!important;
  padding-top:9px!important;
  border-top:1px solid #dde4e8!important;
  background:transparent!important;
}

#paymentOverlay .ledger-total{
  min-height:42px!important;
  padding:0 2px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
}

#paymentOverlay .ledger-total span{
  color:var(--p8-text)!important;
  font-size:13px!important;
  font-weight:900!important;
}

#paymentOverlay .ledger-total strong{
  color:var(--p8-text)!important;
  font-size:17px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

/* ============================================================
   Responsive
   ============================================================ */

@media(max-width:1400px) and (min-width:1081px){
  #paymentOverlay .payment-stage{
    padding:10px 11px 14px!important;
    grid-template-columns:minmax(0,1fr) clamp(335px,24vw,380px)!important;
    gap:10px!important;
  }

  #paymentOverlay .payment-entry-panel{
    padding:12px!important;
    gap:8px 10px!important;
  }

  #paymentOverlay .payment-tip-panel{
    grid-template-columns:105px minmax(0,1fr)!important;
  }

  #paymentOverlay .cash-denominations{
    gap:5px!important;
  }
}

@media(max-width:1080px){
  #paymentOverlay .payment-topbar{
    grid-template-columns:38px minmax(0,1fr) 105px!important;
    padding:0 9px!important;
  }

  #paymentOverlay .payment-brand{
    width:105px!important;
  }

  #paymentOverlay .payment-brand img{
    max-width:100px!important;
    height:28px!important;
  }

  #paymentOverlay .payment-stage{
    grid-template-columns:1fr!important;
    padding:9px!important;
  }

  #paymentOverlay .payment-entry-panel{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "step1"
      "methods"
      "step2"
      "amount"
      "received"
      "tip"
      "cash"
      "submit"!important;
    grid-template-rows:auto auto auto 78px 78px 72px 122px 60px!important;
  }
}