/* Cashier and receipt use the same palette as their actual dialog surface.
   The original scoped CSS hard-coded white text on the now-light dialog. */
.galssPop .popPay[data-v-487e5815],
.galssPop .popPay[data-v-487e5815] > .left,
.galssPop .popPay[data-v-487e5815] > .right,
.galssPop .popSuccess[data-v-562210d1] {
  color: var(--ta-copy, #244752) !important;
  -webkit-text-fill-color: var(--ta-copy, #244752) !important;
  background: var(--ta-surface, #fff) !important;
}
.galssPop .popPay[data-v-487e5815] .orderNo,
.galssPop .popPay[data-v-487e5815] .opc8,
.galssPop .popSuccess[data-v-562210d1] .tips {
  color: var(--ta-subcopy, #587580) !important;
  -webkit-text-fill-color: var(--ta-subcopy, #587580) !important;
  opacity: 1 !important;
  overflow-wrap: anywhere;
}
.galssPop .popPay[data-v-487e5815] .card,
.galssPop .popSuccess[data-v-562210d1] .card {
  background: var(--ta-surface-soft, #f0f7f8) !important;
  border: 1px solid var(--ta-edge, #d5e7eb) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.galssPop .popPay[data-v-487e5815] .card *,
.galssPop .popSuccess[data-v-562210d1] .card * {
  color: var(--ta-copy, #244752) !important;
  -webkit-text-fill-color: var(--ta-copy, #244752) !important;
}
.galssPop .popPay[data-v-487e5815] .circel {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: #4162ff !important;
}
.galssPop .popPay[data-v-487e5815] .circel.dis {
  color: var(--ta-subcopy, #587580) !important;
  -webkit-text-fill-color: var(--ta-subcopy, #587580) !important;
  background: var(--ta-surface-soft, #f0f7f8) !important;
  border: 1px solid var(--ta-edge, #d5e7eb);
}
.galssPop .popPay[data-v-487e5815] .line.dis { background: var(--ta-edge, #d5e7eb) !important; }
.galssPop .popPay[data-v-487e5815] .payTabs,
.galssPop .popPay[data-v-487e5815] .tabLine { background: #fff !important; }
.galssPop .popPay[data-v-487e5815] .payTabs { border: 1px solid var(--ta-edge, #d5e7eb); }
.galssPop .popPay[data-v-487e5815] .tabitem * { color: #172a33 !important; -webkit-text-fill-color: #172a33 !important; }
.galssPop .popPay[data-v-487e5815] .linearTxt { background: none !important; color: var(--ta-copy, #244752) !important; -webkit-text-fill-color: var(--ta-copy, #244752) !important; }
.galssPop .popPay[data-v-487e5815] :is(.btn,.btnMain),
.galssPop .popSuccess[data-v-562210d1] .btn {
  background: #326e7d !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.galssPop .popPay[data-v-487e5815] :is(.btn,.btnMain) *,
.galssPop .popSuccess[data-v-562210d1] .btn * { color: #fff !important; -webkit-text-fill-color: #fff !important; }
html:not(.dark) .galssHead[data-v-487e5815] > img,
html:not(.dark) .galssHead[data-v-562210d1] > img { filter: brightness(.4); }