/*
 * client-form.css — what only the add/edit client form looks like: the
 * contacts block. Everything else is the base stylesheet's stack-form and
 * field rules.
 */

/* .contacts-heading moved to the base stylesheet as `.section-heading` once
   quote.js wanted the same small heading for its "past quotes" list. */

.contacts-empty {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.9375rem;
}

.contact-rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.contact-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px;
  border-radius: 14px;
  background: var(--surface);
}

.contact-row__fields {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.contact-row__remove {
  flex: none;
  inline-size: 36px;
  block-size: 36px;
  border: none;
  border-radius: 10px;
  background: var(--bg-raise);
  color: var(--text-muted);
  cursor: pointer;
}

/* `tally:client-tax` — customer kind + ID number, for tax invoices. */
.client-tax { display: flex; flex-direction: column; gap: 12px; }
.client-tax .section-heading { margin-block-end: 0; }
.client-tax__note { margin: 0; text-align: start; }