.pv-account-credit-notice {
  display: grid;
  gap: 4px;
  margin: 0 0 22px;
  padding: 14px 16px;
  border-left: 4px solid #d2b457;
  border-radius: 4px;
  background: #fffaf0;
  color: #33464f;
}

.pv-account-credit-notice strong {
  color: #00384b;
  font-size: 16px;
}

.pv-account-credit-list {
  display: grid;
  gap: 6px;
  margin: 8px 0;
  padding: 0;
  list-style: none;
}

.pv-account-credit-list li {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 10px;
  border-radius: 4px;
  background: #fff;
}

.pv-account-credit-list li strong {
  font-size: 14px;
  white-space: nowrap;
}

.pv-credit-choice > td {
  padding: 14px 0 !important;
}

.pv-credit-box {
  padding: 15px;
  border: 1px solid #d7c173;
  border-left: 4px solid #d2b457;
  border-radius: 6px;
  background: #fffaf0;
  text-align: left;
}

.pv-credit-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.pv-credit-heading strong {
  color: #00384b;
  font-size: 16px;
}

.pv-credit-balance {
  color: #4d5960;
  font-size: 13px;
}

.pv-credit-select-label {
  display: block;
  margin: 0 0 5px;
  color: #00384b;
  font-size: 13px;
  font-weight: 700;
}

.pv-credit-select {
  width: 100%;
  min-height: 44px;
  margin: 0 0 10px;
  padding: 8px 36px 8px 11px;
  border: 1px solid #aeb7bd;
  border-radius: 4px;
  background-color: #fff;
  color: #1f2d33;
}

.pv-credit-controls {
  display: flex;
  align-items: stretch;
  gap: 8px;
  flex-wrap: wrap;
}

.pv-credit-input-wrap {
  display: flex;
  align-items: center;
  min-width: 145px;
  border: 1px solid #aeb7bd;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}

.pv-credit-currency {
  padding: 0 10px;
  color: #00384b;
  font-weight: 700;
}

.pv-credit-input {
  width: 92px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 8px !important;
  border: 0 !important;
  border-left: 1px solid #d7dde0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: right;
}

.pv-credit-update {
  min-height: 42px;
  padding: 8px 16px;
  border: 0;
  border-radius: 4px;
  background: #00384b;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

.pv-credit-update:hover,
.pv-credit-update:focus {
  background: #00516b;
  color: #fff;
}

.pv-credit-update:disabled {
  opacity: .65;
  cursor: wait;
}

.pv-credit-use-max {
  padding: 0;
  border: 0;
  background: transparent;
  color: #866b16;
  text-decoration: underline;
  cursor: pointer;
}

.pv-credit-use-max:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.pv-coupon-actions {
  display: block;
  margin-top: 8px;
}

.pv-coupon-actions .pv-remove-coupon {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 11px;
  border: 1px solid #b32d2e;
  border-radius: 4px;
  background: #fff;
  color: #b32d2e !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
}

.pv-coupon-actions .pv-remove-coupon:hover,
.pv-coupon-actions .pv-remove-coupon:focus {
  background: #b32d2e;
  color: #fff !important;
}

.pv-credit-help,
.pv-credit-status {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.4;
}

.pv-credit-help {
  color: #59656b;
}

.pv-credit-status {
  color: #217a3c;
  font-weight: 600;
}

.pv-credit-status:empty {
  display: none;
}

.pv-credit-status.is-error {
  color: #b32d2e;
}

@media (max-width: 520px) {
  .pv-credit-heading {
    display: block;
  }

  .pv-credit-balance {
    display: block;
    margin-top: 4px;
  }

  .pv-credit-input-wrap,
  .pv-credit-update {
    width: 100%;
  }

  .pv-credit-input {
    flex: 1;
    width: auto !important;
  }
}

.pv-credit-summary {
  margin: 0 0 12px;
  color: #33464f;
  font-size: 13px;
  line-height: 1.65;
}

.pv-credit-box .pv-credit-use-max {
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 4px;
  background: #00384b;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.pv-credit-box .pv-credit-use-max:hover,
.pv-credit-box .pv-credit-use-max:focus {
  background: #00516b;
  color: #fff;
}

.pv-credit-all-help {
  display: block;
  margin: 8px 0 18px;
  color: #59656b;
  font-size: 12px;
  line-height: 1.4;
}

.pv-credit-update:disabled {
  cursor: not-allowed;
}

@media (max-width: 520px) {
  .pv-credit-box .pv-credit-use-max { width: 100%; }
}