/* v47.80 - Diseño final liquid glass para modal Calcular cambio POS */
dialog#sm360CashChangeDialog.sm360-cash-change-dialog-v4779,
#sm360CashChangeDialog{
  position:fixed!important;
  inset:0!important;
  margin:auto!important;
  padding:0!important;
  width:min(640px,calc(100vw - 40px))!important;
  max-width:min(640px,calc(100vw - 40px))!important;
  height:max-content!important;
  max-height:calc(100vh - 48px)!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  font-family:var(--sc-font-body,"General Sans",Inter,system-ui,sans-serif)!important;
  color:#0f172a!important;
}
dialog#sm360CashChangeDialog::backdrop{
  background:rgba(15,23,42,.56)!important;
  backdrop-filter:blur(10px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.15)!important;
}
#sm360CashChangeDialog .sm360-cash-change-card-v4779{
  position:relative!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:28px 30px 30px!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:
    radial-gradient(circle at 18% 0%, rgba(139,92,246,.16), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,250,252,.94))!important;
  box-shadow:0 30px 90px rgba(15,23,42,.30), inset 0 1px 0 rgba(255,255,255,.95)!important;
  overflow:hidden!important;
}
#sm360CashChangeDialog .sm360-cash-change-card-v4779::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(120deg, rgba(255,255,255,.42), transparent 42%, rgba(139,92,246,.08))!important;
}
#sm360CashChangeDialog .sm360-cash-change-card-v4779 > *{
  position:relative!important;
  z-index:1!important;
}
#sm360CashChangeDialog .sm360-cash-change-close-v4779{
  position:absolute!important;
  top:20px!important;
  right:20px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  border:1px solid rgba(148,163,184,.26)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.86)!important;
  color:#334155!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
  padding:0!important;
  box-shadow:0 12px 24px rgba(15,23,42,.10)!important;
  transition:transform .16s ease, background .16s ease, color .16s ease!important;
}
#sm360CashChangeDialog .sm360-cash-change-close-v4779:hover{
  transform:translateY(-1px)!important;
  background:#fff!important;
  color:#111827!important;
}
#sm360CashChangeDialog #sm360CashChangeTitle{
  margin:0 58px 24px 0!important;
  color:#0f172a!important;
  font-size:30px!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
  font-weight:900!important;
}
#sm360CashChangeDialog .sm360-cash-change-field-v4779{
  display:grid!important;
  gap:9px!important;
  margin:0 0 18px!important;
}
#sm360CashChangeDialog .sm360-cash-change-field-v4779 label,
#sm360CashChangeDialog .sm360-cash-change-result-v4779 span{
  margin:0!important;
  color:#334155!important;
  text-transform:uppercase!important;
  letter-spacing:.07em!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
#sm360CashChangeDialog .sm360-cash-change-field-v4779 input{
  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,.88)!important;
  color:#0f172a!important;
  font-size:18px!important;
  font-weight:850!important;
  padding:0 18px!important;
  outline:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 10px 30px rgba(15,23,42,.05)!important;
}
#sm360CashChangeDialog .sm360-cash-change-field-v4779 input:focus{
  border-color:rgba(124,58,237,.55)!important;
  background:#fff!important;
  box-shadow:0 0 0 5px rgba(124,58,237,.14), 0 16px 34px rgba(124,58,237,.10)!important;
}
#sm360CashChangeDialog .sm360-cash-change-field-v4779 input[readonly]{
  background:rgba(248,250,252,.88)!important;
  color:#475569!important;
}
#sm360CashChangeDialog .sm360-cash-change-result-v4779{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:4px 0 18px!important;
  padding:16px 18px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg, rgba(239,246,255,.82), rgba(250,245,255,.82))!important;
  border:1px solid rgba(139,92,246,.13)!important;
}
#sm360CashChangeDialog .sm360-cash-change-result-v4779 strong{
  color:#0f172a!important;
  font-size:24px!important;
  line-height:1!important;
  letter-spacing:-.03em!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
#sm360CashChangeDialog .sm360-cash-change-warning-v4779{
  margin:0 0 18px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  border:1px solid rgba(251,146,60,.38)!important;
  background:rgba(255,247,237,.92)!important;
  color:#9a3412!important;
  font-size:13px!important;
  font-weight:850!important;
}
#sm360CashChangeDialog .sm360-cash-change-warning-v4779[hidden]{display:none!important;}
#sm360CashChangeDialog .sm360-cash-change-actions-v4779{
  display:flex!important;
  justify-content:flex-end!important;
  margin-top:4px!important;
}
#sm360CashChangeDialog .sm360-cash-change-confirm-v4779{
  min-width:168px!important;
  height:54px!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;
  padding:0 26px!important;
  box-shadow:0 18px 36px rgba(109,93,252,.30)!important;
  transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease!important;
}
#sm360CashChangeDialog .sm360-cash-change-confirm-v4779:hover:not(:disabled){
  transform:translateY(-1px)!important;
  box-shadow:0 22px 42px rgba(109,93,252,.36)!important;
}
#sm360CashChangeDialog .sm360-cash-change-confirm-v4779:disabled,
#sm360CashChangeDialog .sm360-cash-change-confirm-v4779.is-disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
  transform:none!important;
  box-shadow:none!important;
  background:linear-gradient(135deg,#cbd5e1,#e2e8f0)!important;
  color:#64748b!important;
}
@media(max-width:640px){
  dialog#sm360CashChangeDialog.sm360-cash-change-dialog-v4779,
  #sm360CashChangeDialog{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;}
  #sm360CashChangeDialog .sm360-cash-change-card-v4779{padding:24px 18px 22px!important;border-radius:24px!important;}
  #sm360CashChangeDialog #sm360CashChangeTitle{font-size:24px!important;margin-right:52px!important;}
  #sm360CashChangeDialog .sm360-cash-change-actions-v4779{justify-content:stretch!important;}
  #sm360CashChangeDialog .sm360-cash-change-confirm-v4779{width:100%!important;}
}