/* Migrated from accounting.css; keep this file as the single place for this New/Edit form styling. */
/* Billing Entry, Expense, Payment, Chart Account, Additions/Deductions forms. */
#modalForm.vt-modal--billing-entry .vt-billing-entry-form .billing-entry-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 12px 18px;
}

#modalForm.vt-modal--billing-entry .vt-billing-entry-form .full {
  grid-column: 1 / -1;
}

#modalForm.vt-modal--billing-entry .vt-billing-entry-form .amount-field input {
  text-align: left;
}

#modalForm.vt-modal--expense .vt-expense-form,
#modalForm.vt-modal--payment .vt-payment-form,
#modalForm.vt-modal--adjustment .vt-adjustment-form {
  width: 100%;
}

@media (max-width: 900px) {
  #modalForm.vt-modal--billing-entry .vt-billing-entry-form .billing-entry-grid {
    grid-template-columns: 1fr;
  }
}

/* Migrated from styles.css; form-specific styles live here. */
.modal form:has([data-accounting-payment-editor]) {
  width: min(1180px, calc(100vw - 42px));
  border-radius: 4px;
}

.modal form:has([data-accounting-payment-editor]) #modalBody {
  padding: 18px 22px;
}

.lumper-form {
  display: grid;
  gap: 12px;
}

.lumper-form .radio-row {
  margin-top: 5px;
  gap: 18px;
}

.lumper-form textarea {
  min-height: 88px;
}

.modal form:has(.lumper-form) {
  width: min(500px, calc(100vw - 32px));
}

.modal form:has(.lumper-form) #modalBody {
  padding: 16px 20px;
}

.modal form:has(.lumper-form) header,
.modal form:has(.lumper-form) footer {
  padding-left: 20px;
  padding-right: 20px;
}

.modal form:has(.detention-form) {
  width: min(500px, calc(100vw - 32px));
}

.modal form:has(.detention-form) #modalBody {
  padding: 16px 20px;
}

.modal form:has(.detention-form) header,
.modal form:has(.detention-form) footer {
  padding-left: 20px;
  padding-right: 20px;
}

.detention-form {
  display: grid;
  gap: 12px;
}

.detention-form .radio-row {
  margin-top: 5px;
  gap: 18px;
}

.detention-form textarea {
  min-height: 88px;
}

.detention-form .input-affix:has(input:disabled) {
  background: var(--panel-2);
  opacity: .75;
}

.modal form:has(.other-charge-form) {
  width: min(500px, calc(100vw - 32px));
}

.modal form:has(.other-charge-form) #modalBody {
  padding: 16px 20px;
}

.modal form:has(.other-charge-form) header,
.modal form:has(.other-charge-form) footer {
  padding-left: 20px;
  padding-right: 20px;
}

.other-charge-form {
  display: grid;
  gap: 12px;
}

.other-charge-form textarea {
  min-height: 88px;
}

.modal form:has(.driver-adjustment-form) {
  width: min(500px, calc(100vw - 32px));
}

.modal form:has(.driver-adjustment-form) #modalBody {
  padding: 16px 20px;
}

.modal form:has(.driver-adjustment-form) header,
.modal form:has(.driver-adjustment-form) footer {
  padding-left: 20px;
  padding-right: 20px;
}

.driver-adjustment-form {
  display: grid;
  gap: 12px;
}

.driver-adjustment-form .radio-row {
  margin-top: 5px;
  gap: 18px;
}

.driver-adjustment-form textarea {
  min-height: 88px;
}