.item-head,
.item-row {
  grid-template-columns: minmax(210px, 3fr) 76px 58px 88px 70px 62px 62px 62px 98px 28px;
  gap: 8px;
}

.line-tax {
  color: var(--green);
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.line-tax.zero {
  color: #9aa59f;
}

.new-client-form {
  border-left: 4px solid var(--green);
  margin-top: 12px;
}

.form-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.client-directory .client-address {
  color: var(--muted);
  line-height: 1.45;
  max-width: 380px;
}

.status-select {
  border: 0;
  border-radius: 20px;
  cursor: pointer;
  font-size: 10px;
  font-weight: 800;
  margin: 0;
  padding: 6px 28px 6px 10px;
  text-transform: uppercase;
  width: auto;
}

.status-unpaid { background: #fff2d8; color: #97600d; }
.status-paid { background: #dff5e8; color: #17663f; }
.status-partial { background: #e5efff; color: #285b9d; }
.status-overdue { background: #ffe3e3; color: #a32f2f; }
.status-cancelled { background: #ecefed; color: #626d68; }

.invoice-paper .invoice-table th,
.invoice-paper .invoice-table td {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 10px;
}

.invoice-paper .invoice-table thead tr:first-child th:nth-child(2) {
  width: 24%;
}

.invoice-paper .invoice-table:has(th[colspan="2"]) th,
.invoice-paper .invoice-table:has(th[colspan="2"]) td {
  font-size: 9.5px;
  line-height: 1.35;
  padding-left: 4px;
  padding-right: 4px;
}

.invoice-paper .invoice-table:has(th[colspan="2"]) {
  table-layout: fixed;
}

.invoice-paper .invoice-table:has(th[colspan="2"]) th {
  font-size: 8.5px;
  font-weight: 800;
  letter-spacing: 0.15px;
  text-align: center;
}

.invoice-paper .invoice-table:has(th[colspan="2"]) tbody td {
  padding-top: 11px;
}

.invoice-paper .invoice-table:has(th[colspan="2"]) tbody td:nth-child(2) {
  font-size: 10.5px;
  line-height: 1.4;
}

.invoice-paper .invoice-table:has(th[colspan="2"]) tbody td:nth-child(2) small {
  color: #333;
  display: inline-block;
  font-size: 8.5px;
  margin-top: 2px;
}

@media (max-width: 850px) {
  .item-row {
    grid-template-columns: 1fr 1fr;
  }
}