/* Basic styling for the invoice amount field + button.
   Safe to delete/override if your theme already styles .modal__body inputs/buttons. */

.invoice-input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 16px;
  margin-bottom: 12px;
  font-size: 16px;
  border: none;
  border-radius: 10px;
  background: #f4f4f5;
  color: #333;
}

.invoice-input.is-invalid {
  outline: 2px solid #e2554f;
}

.invoice-error {
  color: #e2554f;
  font-size: 14px;
  margin: -4px 0 12px;
}

.invoice-submit-btn {
  display: block;
  width: 100%;
  padding: 16px;
  border: none;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
  color: #2b2b2b;
  background: linear-gradient(180deg, #f3d597 0%, #d9a94f 100%);
  transition: opacity 0.15s ease;
}

.invoice-submit-btn:hover {
  opacity: 0.92;
}

.invoice-submit-btn:disabled,
.invoice-submit-btn.is-loading {
  opacity: 0.6;
  cursor: default;
}