/* Keep this rule scoped to table actions; page and form buttons keep their labels. */
.app-table-action {display:inline-flex;align-items:center;justify-content:center;gap:.4rem;vertical-align:middle;white-space:nowrap}
.app-table-action > .app-action-icon {margin:0!important;flex-shrink:0}
.app-table-action > .app-action-label {display:inline!important;white-space:nowrap}
.app-table-action > .app-action-label ._web {display:inline!important}
.app-table-action > .app-action-label ._mobile {display:none!important}
.app-table-action:focus-visible {outline:3px solid var(--app-color-primary,#0f6c7a);outline-offset:3px}
@media(max-width:991.98px) {
    .app-table-action > .app-action-label {display:none!important}
    a.app-table-action, button.app-table-action {min-width:44px!important;min-height:44px!important;padding:.5rem!important;gap:0!important;white-space:nowrap}
    .app-table-action > .app-action-icon {font-size:1rem}
}