/* ============================================================
   Arbah v3 — Accounting settings page styles
   Source: design/arbah-v3/project/accountingsettings.jsx — the mockup's
   per-row inline styles (label + value + btn-sm) lifted into named,
   .av3-scoped classes. Reuses .page .phead .page-title .page-sub
   .cardgrid-2 .card .card-head .ch-title .needs-data .btn-sm .pill
   .kpi-strip .empty-state .error-banner .sec-head .dtable from
   arbah-v3-primitives.css; this file ONLY adds the settings-row layout
   that has no primitive equivalent.
   ============================================================ */

/* A settings row: label + value on the start, btn-sm affordance on the end. */
.av3 .acsv3-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 18px;
  border-bottom: 1px solid var(--arbah-border);
}
.av3 .acsv3-row.last { border-bottom: none; }

.av3 .acsv3-row-main { flex: 1; min-width: 0; }

.av3 .acsv3-row-label {
  font-size: 12px;
  color: var(--arbah-ink-muted);
}

.av3 .acsv3-row-value { margin-top: 3px; min-width: 0; }

.av3 .acsv3-val {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--arbah-ink);
}
.av3 .acsv3-val.mono {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

/* "View / edit" link affordance (chart of accounts row). */
.av3 .acsv3-link {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--arbah-navy-500);
}