/* Keep customer controls completely to the right of the double red paper margin. */
.paper-bill .paper-toolbar,
.paper-bill .paper-customer,
.paper-bill .paper-billno-top {
  margin-left: 10% !important;
  width: 90% !important;
  max-width: 90% !important;
  box-sizing: border-box !important;
}
.paper-bill .paper-customer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(86px, 28%) !important;
  gap: clamp(4px, 0.8vw, 8px) !important;
  padding-left: clamp(3px, 0.5vw, 7px) !important;
  padding-right: clamp(3px, 0.5vw, 7px) !important;
}
.paper-bill .paper-customer > *,
.paper-bill .paper-customer input {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.cash-change-visual {
  gap: 5px !important;
}
.cash-hand-icon {
  width: clamp(38px, 5vw, 52px) !important;
  height: clamp(32px, 4.2vw, 44px) !important;
}
.cash-change-arrow {
  width: 21px !important;
  height: 21px !important;
}
@media (max-width: 430px) {
  .paper-bill .paper-toolbar,
  .paper-bill .paper-customer,
  .paper-bill .paper-billno-top {
    margin-left: 10% !important;
    width: 90% !important;
    max-width: 90% !important;
  }
  .paper-bill .paper-customer {
    grid-template-columns: minmax(0, 1fr) minmax(82px, 28%) !important;
    gap: 4px !important;
  }
  .cash-hand-icon {
    width: 32px !important;
    height: 30px !important;
  }
  .cash-change-arrow {
    width: 18px !important;
    height: 18px !important;
  }
}