/* Taabi TMS — UAE · Invoices.
 *
 * Styles for web/src/invoices.js. Kept out of the generated app.css so a
 * regeneration cannot drop them.
 */

.iv-unit {
  font-size: 11px;
  font-weight: 600;
  color: var(--muted, #6b7280);
  margin-right: 2px;
}

/* "37 settled · 108 awaiting settlement" under the KPI strip */
.iv-sub {
  margin-top: 8px;
  font-size: 12px;
  color: var(--muted, #6b7280);
}

.iv-sum {
  margin-left: auto;
  align-self: center;
  font-size: 12px;
  font-weight: 600;
  color: var(--muted, #6b7280);
  white-space: nowrap;
}

/* tax registration numbers and dates read as data, not prose */
.iv-trn {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  color: var(--muted, #6b7280);
  white-space: nowrap;
}

.iv-date {
  white-space: nowrap;
  color: var(--muted, #6b7280);
}

.iv-empty {
  padding: 26px 18px;
  text-align: center;
  color: var(--muted, #6b7280);
  font-size: 13px;
}

.iv-note {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--muted, #6b7280);
  background: color-mix(in srgb, var(--ink) 5%, transparent);
}

.iv-note.warn {
  color: var(--warn);
  background: color-mix(in srgb, var(--warn) 12%, transparent);
}

[data-theme="dark"] .iv-note {
  background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .iv-note.warn {
  background: color-mix(in srgb, var(--warn) 22%, transparent);
}