/* The aged creditors report — a collapsible supplier matrix (reports/aged_creditors), the AP mirror
   of aged debtors. The supplier row toggles its bill rows (disclosure controller); the chevron rotates
   open. Amounts show in their natural ledger sign (negative = we owe). Mirrors aged-debtors.css. */
.aged-creditors__supplier {
  cursor: pointer;
}

.aged-creditors__chevron {
  display: inline-block;
  margin-right: 0.5rem;
  color: var(--color-slate-400);
  transition: transform 0.15s ease;
}

tbody.is-open .aged-creditors__chevron {
  transform: rotate(90deg);
}

.aged-creditors__bill td:first-child {
  padding-left: 2.25rem;
}

.aged-creditors__sub {
  display: block;
  margin-top: 0.125rem;
  color: var(--color-slate-500);
  font-size: 0.8125rem;
}

/* "Pending approval" badge on an unbooked (in-flow) bill row. */
.aged-creditors__badge {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.0625rem 0.4375rem;
  border-radius: var(--radius-full);
  background: color-mix(in oklab, var(--color-amber-600) 14%, white);
  color: var(--color-amber-600);
  border: 1px solid color-mix(in oklab, var(--color-amber-600) 32%, white);
  font-size: 0.75rem;
  font-weight: 500;
}

/* Banner shown when pending-approval bills are folded in — a reminder they're not yet booked. */
.aged-creditors__banner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  border-radius: var(--radius-md);
  background: color-mix(in oklab, var(--color-amber-600) 10%, white);
  border: 1px solid color-mix(in oklab, var(--color-amber-600) 28%, white);
  color: var(--color-slate-900);
  font-size: 0.875rem;
}

.aged-creditors__banner-icon {
  width: 1.125rem;
  height: 1.125rem;
  color: var(--color-amber-600);
  flex-shrink: 0;
}