@layer screens {
/* Project budget balance sheet — token-only, RTL-safe, ₪ in the base font */

/* Wide tables scroll inside their own container, never the page */
.balance-table-wrap {
  overflow-x: auto;
  margin-block: var(--spacing-2);
}

/* Money always renders in the base font — the display fonts lack ₪ */
.balance-amount {
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-bold);
  color: var(--text);
  white-space: nowrap;
}

.balance-total-row th,
.balance-total-row td {
  border-top: var(--border-width) solid var(--border-strong);
  font-weight: var(--font-weight-bold);
}

.balance-empty {
  color: var(--text-muted);
  margin-block: var(--spacing-3);
}

/* Row actions (view / approve) live in their own trailing column */
.balance-table-wrap .col-actions {
  white-space: nowrap;
  text-align: end;
}

.balance-table-wrap .row-actions {
  display: flex;
  gap: var(--spacing-2);
  justify-content: flex-end;
}

.balance-table-wrap .row-actions form {
  margin: 0;
}

/* Pending / rejected expenses show but don't count against the balance */
.balance-uncounted {
  color: var(--text-muted);
}
}