/* Invoice & Quotation Builder — tool-specific styles. Base from site.css.
   Teal text uses var(--color-teal-text) (#0F766E) only, never #14B8A6. */
.inv-honesty, .inv-misuse { border-left: 4px solid var(--color-teal-text, #0F766E); padding: var(--space-3) var(--space-4); background: var(--color-surface); }
.inv-misuse { border-left-color: var(--color-warning); }
.inv-grid { display: grid; gap: var(--space-4); }
@media (min-width: 768px) { .inv-grid { grid-template-columns: 1fr 1fr; } }
.inv-grid .form-field { margin-bottom: 0; }
.inv-item { border: 1px solid var(--color-line); border-radius: var(--radius-sm); padding: var(--space-4); margin-bottom: var(--space-4); background: var(--color-surface); }
.inv-item-nums { display: grid; gap: var(--space-4); }
@media (min-width: 768px) { .inv-item-nums { grid-template-columns: 1fr 1fr 1fr; } }
.inv-preview { border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-surface); padding: var(--space-4); }
.inv-preview h3 { color: var(--color-navy); }
.checkbox-row label { font-weight: var(--weight-regular); }
@media print {
  @page { size: A4; margin: 15mm; }
  .inv-preview { border: none; padding: 0; }
}