.section-approval-root .panel {
  margin-bottom: 6px !important;
}

.section-approval-root .panel-heading {
  padding: 6px 10px !important;
}

.section-approval-root .panel-title {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

.section-approval-root .panel-body {
  padding: 8px 10px !important;
}

.section-approval-root .badge {
  padding: 2px 6px !important;
  font-size: 11px !important;
}

/* Make sure Vue's inline display toggles are visible when theme rules are aggressive */
.panel-collapse[style*="display: block"] {
  display: block !important;
}

.panel-collapse[aria-expanded="true"] {
  display: block !important;
}

/* Tighten table row spacing inside approvals */
.section-approval-root table.table > tbody > tr > td {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* Small helper to scope overrides more strongly when needed */
body.theme-indigo .section-approval-root .panel,
body.layout-fixed .section-approval-root .panel {
  margin-bottom: 6px !important;
}