/* One edit action across audience themes; inherits the active button palette. */
.btn.sm-edit-action, .btn.sm-info-action, .btn.sm-view-action, .btn.sm-delete-action, .btn.sm-approve-action { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: var(--sm-action-size, 32px); min-width: var(--sm-action-size, 32px); height: var(--sm-action-size, 32px); min-height: var(--sm-action-size, 32px); padding: 0; vertical-align: middle; }
.sm-edit-action > .sm-edit-icon, .sm-info-action > .sm-info-icon, .sm-view-action > .sm-view-icon, .sm-delete-action > .sm-delete-icon, .sm-approve-action > .sm-approve-icon { display: block; width: var(--sm-action-icon-size, 18px); height: var(--sm-action-icon-size, 18px); margin: 0; flex: none; }
.sm-edit-action:focus-visible, .sm-info-action:focus-visible, .sm-view-action:focus-visible, .sm-delete-action:focus-visible, .sm-approve-action:focus-visible { outline: var(--sm-focus-width, 2px) solid var(--tblr-primary); outline-offset: 3px; }
@media (width < 992px) { .btn.sm-edit-action, .btn.sm-info-action, .btn.sm-view-action, .btn.sm-delete-action, .btn.sm-approve-action { width: var(--sm-action-mobile-size, 44px); min-width: var(--sm-action-mobile-size, 44px); height: var(--sm-action-mobile-size, 44px); min-height: var(--sm-action-mobile-size, 44px); } }

/* One inline action layout for table rows and card records in every theme. */
.sm-record-actions { display: inline-flex; align-items: center; flex-wrap: nowrap; gap: var(--sm-record-action-gap, .375rem); vertical-align: middle; }
.sm-record-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--sm-record-action-gap, .375rem); }
.sm-record-heading > h2 { min-width: 0; margin: 0; }
.sm-record-heading > .sm-record-actions { flex: 0 0 auto; }