.client-amounts-editor { padding: 20px; border-bottom: 1px solid var(--line-soft); }
.client-amounts-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.client-amounts-form label { min-width: 0; }
.client-amounts-form input, .client-amounts-form select { width: 100%; min-width: 0; }
.client-amounts-form input[readonly] { color: var(--muted); background: var(--surface-soft); }
.client-amounts-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.client-amounts-reset { margin-top: 16px; }
@media (max-width: 680px) {
  .client-amounts-form { grid-template-columns: minmax(0, 1fr); }
  .client-amounts-editor { padding: 12px; }
  .client-amounts-actions .button, .client-amounts-reset .button { width: 100%; white-space: normal; }
}