.sales-date-heading th {
  padding: 11px 14px;
  background: #dce9e5;
  color: #24423a;
  text-align: left;
  font-size: 14px;
}

.sales-date-subtotal th,
.sales-date-subtotal td {
  background: #f1f5f3;
  border-top: 2px solid #9eb7ae;
  font-weight: 700;
}

.sales-date-subtotal th {
  text-align: right;
}

.shipment-fields.optional-fields {
  background: #f7f9f8;
}

.shipment-fields.optional-fields h2 {
  color: #4c615a;
}

.shipment-fields .section-note {
  padding: 0 18px;
  margin: 8px 0 0;
}

.warning-panel {
  padding: 16px;
  border: 1px solid #dfb1aa;
  background: #fff2ef;
  margin-bottom: 16px;
}

.warning-panel strong {
  color: var(--red);
}

.warning-panel p {
  margin: 6px 0;
}

.checkbox-field {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

.checkbox-field input {
  width: 18px;
  height: 18px;
}

.stacked-field {
  display: grid;
  gap: 7px;
}

.stacked-field textarea {
  min-height: 100px;
  width: 100%;
  padding: 10px;
  border: 1px solid #c7d0d4;
}

@media (max-width: 700px) {
  .extra-cost-row {
    grid-template-columns: 1fr;
  }
}