/* Shared surfaces; no column, DOM order, scroll-region or navigation changes. */
.erp-theme :is(.card, .management-card, .erp-workspace-card, .inline-collection) {
  --bs-card-bg: var(--erp-color-surface);
  --bs-card-border-color: var(--erp-color-card-border);
  --bs-card-cap-bg: var(--erp-color-muted-surface);
  --bs-card-color: var(--erp-color-text);
  --bs-card-spacer-x: var(--erp-panel-padding);
  --bs-card-spacer-y: var(--erp-panel-padding);
  --bs-card-cap-padding-x: var(--erp-panel-padding);
  --bs-card-cap-padding-y: var(--erp-panel-padding);
  background-color: var(--erp-color-surface);
  border-color: var(--erp-color-card-border);
  border-radius: var(--erp-radius);
}
.erp-theme :is(.management-card, .erp-workspace-card) { box-shadow: none; }
.erp-theme .table { font-size: var(--erp-text-table); }
.erp-theme .table > thead > tr > th { background-color: var(--erp-color-muted-surface); color: var(--erp-color-muted); }
.erp-theme .table :is(td, th).text-end { font-variant-numeric: tabular-nums; }
.erp-theme .list-group {
  --bs-list-group-bg: var(--erp-color-surface); --bs-list-group-color: var(--erp-color-text);
  --bs-list-group-border-color: var(--erp-color-border);
  --bs-list-group-action-hover-bg: var(--erp-color-hover);
  --bs-list-group-action-hover-color: var(--erp-color-text);
  --bs-list-group-active-bg: var(--erp-color-primary); --bs-list-group-active-color: var(--erp-color-inverse);
  --bs-list-group-active-border-color: var(--erp-color-primary);
}
.erp-theme .progress { --bs-progress-bg: var(--erp-color-muted-surface); --bs-progress-bar-bg: var(--erp-color-primary); }
.erp-theme :is(.erp-workspace-tabs, .pw-tasks) :is(button, a) { border-radius: var(--erp-radius); }
.erp-theme .erp-workspace-tabs :is([aria-selected="true"], [aria-current="page"], .btn-primary) { background: var(--erp-color-primary); color: var(--erp-color-inverse); }
.erp-theme .erp-workspace-row:is(.selected, .is-selected) { background: var(--erp-color-selected); border-left-color: var(--erp-color-primary); }

.erp-theme :is(.management-card, .accounting-page) .table th { font-size:var(--erp-text-table); }
.erp-theme .card-heading h2 { font-size:var(--erp-text-large); line-height:var(--erp-line-card); font-family:var(--erp-font-serif); }
.erp-theme .section-heading h2 { font-size:var(--erp-text-section); line-height:var(--erp-line-section); font-family:var(--erp-font-serif); }