/* v47.81 - Force liquid glass design for POS cash change dialog */
html body dialog#sm360CashChangeDialog,
html body dialog#sm360CashChangeDialog.sm360-cash-change-dialog-v4779{
  position:fixed!important;
  inset:0!important;
  margin:auto!important;
  padding:0!important;
  width:min(560px,calc(100vw - 32px))!important;
  max-width:min(560px,calc(100vw - 32px))!important;
  height:fit-content!important;
  max-height:calc(100vh - 40px)!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  color:#0f172a!important;
  font-family:var(--sc-font-body,"General Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;
  z-index:2147483647!important;
}
html body dialog#sm360CashChangeDialog::backdrop{
  background:rgba(15,23,42,.58)!important;
  backdrop-filter:blur(14px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.18)!important;
}
html body #sm360CashChangeDialog .sm360-cash-change-card-v4779,
html body #sm360CashChangeDialog .sm360-cash-change-card-v4781{
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  padding:0!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.94))!important;
  box-shadow:0 34px 90px rgba(15,23,42,.32), inset 0 1px 0 rgba(255,255,255,.95)!important;
  overflow:hidden!important;
}
html body #sm360CashChangeDialog .sm360-cash-change-card-v4779::before,
html body #sm360CashChangeDialog .sm360-cash-change-card-v4781::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 16% 0%, rgba(124,58,237,.16), transparent 38%),
    radial-gradient(circle at 100% 16%, rgba(34,197,94,.10), transparent 32%),
    linear-gradient(120deg, rgba(255,255,255,.42), transparent 44%, rgba(139,92,246,.08))!important;
}
html body #sm360CashChangeDialog .sm360-cash-change-card-v4779 > *,
html body #sm360CashChangeDialog .sm360-cash-change-card-v4781 > *{
  position:relative!important;
  z-index:1!important;
}
html body #sm360CashChangeDialog .sm360-cash-change-close-v4779,
html body #sm360CashChangeDialog .sm360-cash-change-close-v4781{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  border:1px solid rgba(148,163,184,.24)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.88)!important;
  color:#475569!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:0 14px 28px rgba(15,23,42,.10)!important;
  cursor:pointer!important;
}
html body #sm360CashChangeDialog #sm360CashChangeTitle{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:84px!important;
  margin:0!important;
  padding:24px 76px 22px 30px!important;
  border-bottom:1px solid rgba(226,232,240,.75)!important;
  color:#0f172a!important;
  font-size:25px!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
  font-weight:950!important;
}
html body #sm360CashChangeDialog #sm360CashChangeTitle::before{
  content:"$"!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,rgba(34,197,94,.20),rgba(124,58,237,.14))!important;
  color:#16a34a!important;
  font-size:22px!important;
  font-weight:950!important;
}
html body #sm360CashChangeDialog .sm360-cash-change-field-v4779,
html body #sm360CashChangeDialog .sm360-cash-change-field-v4781{
  display:grid!important;
  gap:9px!important;
  margin:0!important;
  padding:20px 30px 0!important;
}
html body #sm360CashChangeDialog .sm360-cash-change-field-v4779 label,
html body #sm360CashChangeDialog .sm360-cash-change-field-v4781 label,
html body #sm360CashChangeDialog .sm360-cash-change-result-v4779 span,
html body #sm360CashChangeDialog .sm360-cash-change-result-v4781 span{
  margin:0!important;
  color:#334155!important;
  text-transform:uppercase!important;
  letter-spacing:.075em!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:950!important;
}
html body #sm360CashChangeDialog .sm360-cash-change-field-v4779 input,
html body #sm360CashChangeDialog .sm360-cash-change-field-v4781 input,
html body #sm360CashChangeDialog input#sm360CashSaleValue,
html body #sm360CashChangeDialog input#sm360CashClientPays{
  width:100%!important;
  height:56px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(148,163,184,.34)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.92)!important;
  color:#0f172a!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:850!important;
  padding:0 18px!important;
  outline:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 12px 26px rgba(15,23,42,.05)!important;
}
html body #sm360CashChangeDialog input#sm360CashClientPays:focus{
  border-color:rgba(124,58,237,.58)!important;
  background:#fff!important;
  box-shadow:0 0 0 5px rgba(124,58,237,.14),0 16px 34px rgba(124,58,237,.12)!important;
}
html body #sm360CashChangeDialog input#sm360CashSaleValue[readonly]{
  background:rgba(248,250,252,.92)!important;
  color:#475569!important;
}
html body #sm360CashChangeDialog .sm360-cash-change-result-v4779,
html body #sm360CashChangeDialog .sm360-cash-change-result-v4781{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:20px 30px 0!important;
  padding:18px!important;
  border-radius:20px!important;
  border:1px solid rgba(34,197,94,.18)!important;
  background:linear-gradient(135deg,rgba(240,253,244,.86),rgba(250,245,255,.72))!important;
}
html body #sm360CashChangeDialog .sm360-cash-change-result-v4779 strong,
html body #sm360CashChangeDialog .sm360-cash-change-result-v4781 strong,
html body #sm360CashChangeDialog #sm360CashChangeValue{
  color:#16a34a!important;
  font-size:28px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
html body #sm360CashChangeDialog .sm360-cash-change-warning-v4779,
html body #sm360CashChangeDialog .sm360-cash-change-warning-v4781{
  margin:14px 30px 0!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  border:1px solid rgba(251,146,60,.38)!important;
  background:rgba(255,247,237,.94)!important;
  color:#9a3412!important;
  font-size:13px!important;
  font-weight:850!important;
}
html body #sm360CashChangeDialog .sm360-cash-change-warning-v4779[hidden],
html body #sm360CashChangeDialog .sm360-cash-change-warning-v4781[hidden]{display:none!important;}
html body #sm360CashChangeDialog .sm360-cash-change-actions-v4779,
html body #sm360CashChangeDialog .sm360-cash-change-actions-v4781{
  display:flex!important;
  justify-content:flex-end!important;
  padding:24px 30px 30px!important;
  margin:0!important;
}
html body #sm360CashChangeDialog .sm360-cash-change-confirm-v4779,
html body #sm360CashChangeDialog .sm360-cash-change-confirm-v4781,
html body #sm360CashChangeDialog #sm360CashChangeConfirm{
  min-width:190px!important;
  height:54px!important;
  padding:0 28px!important;
  border:0!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#6d5dfc,#8b3dff)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  cursor:pointer!important;
  box-shadow:0 18px 36px rgba(109,93,252,.30)!important;
}
html body #sm360CashChangeDialog .sm360-cash-change-confirm-v4779:disabled,
html body #sm360CashChangeDialog .sm360-cash-change-confirm-v4779.is-disabled,
html body #sm360CashChangeDialog #sm360CashChangeConfirm:disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
  background:linear-gradient(135deg,#cbd5e1,#e2e8f0)!important;
  color:#64748b!important;
  box-shadow:none!important;
}
@media(max-width:640px){
  html body dialog#sm360CashChangeDialog{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;}
  html body #sm360CashChangeDialog #sm360CashChangeTitle{font-size:22px!important;padding:22px 66px 20px 20px!important;}
  html body #sm360CashChangeDialog .sm360-cash-change-field-v4779,
  html body #sm360CashChangeDialog .sm360-cash-change-field-v4781{padding-left:20px!important;padding-right:20px!important;}
  html body #sm360CashChangeDialog .sm360-cash-change-result-v4779,
  html body #sm360CashChangeDialog .sm360-cash-change-result-v4781{margin-left:20px!important;margin-right:20px!important;align-items:flex-start!important;flex-direction:column!important;}
  html body #sm360CashChangeDialog .sm360-cash-change-actions-v4779,
  html body #sm360CashChangeDialog .sm360-cash-change-actions-v4781{padding:22px 20px 24px!important;}
  html body #sm360CashChangeDialog #sm360CashChangeConfirm{width:100%!important;}
}