/* Shared command palette: transparent surfaces in every interaction state. */
body :where(.btn) { --action-color: var(--muted); }
body .btn:not(.btn-link), body .btn.action-icon {
    --bs-btn-color: var(--action-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--action-color);
    --bs-btn-hover-color: var(--action-color);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--action-color);
    --bs-btn-active-color: var(--action-color);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--action-color);
    --bs-btn-disabled-color: var(--action-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--action-color);
}
body .btn-primary, body .btn-outline-primary, body .btn-availability-toggle { --action-color: var(--brand-action, #dd6535); }
body .btn-danger, body .btn-outline-danger { --action-color: var(--app-danger); }
body .btn-success, body .btn-outline-success { --action-color: var(--app-success); }
body .btn-warning, body .btn-outline-warning { --action-color: var(--app-warning); }
body .btn-info, body .btn-outline-info { --action-color: var(--app-info); }
body .btn:not(.btn-link), body .btn.action-icon {
    color: var(--action-color) !important;
    background: transparent !important;
    border: 1px solid var(--action-color) !important;
    box-shadow: none;
}
body .btn.action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    gap: 0;
    line-height: 1;
    border-radius: 6px;
    vertical-align: middle;
    text-decoration: none;
}
body .btn.action-icon.btn-sm {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
}
body .btn.action-icon > i { display: inline-flex; margin: 0; font-size: 1.1rem; line-height: 1; }
body .btn.action-icon:hover:not(:disabled) { box-shadow: inset 0 0 0 1px var(--action-color); }
body .btn.action-icon:active:not(:disabled),
body .btn.action-icon.active,
body .btn.action-icon[aria-pressed="true"] { box-shadow: inset 0 0 0 1px var(--action-color); }
body .btn.action-icon:focus-visible,
body .btn.action-icon:has(input:focus-visible) { outline: 2px solid var(--action-color); outline-offset: 3px; }
body .btn.action-icon:disabled, body .btn.action-icon.disabled { opacity: .45; box-shadow: none; }

/* Match the established desktop/mobile navigation breakpoint. */
body .btn.action-icon.app-sidebar-toggle-mobile { display:none; }
@media(max-width:991.98px) {
    body .btn.action-icon.app-sidebar-toggle { display:none; }
    body .btn.action-icon.app-sidebar-toggle-mobile { display:inline-flex; }
}

body .registration-profile-card[aria-pressed="true"] { box-shadow:inset 0 0 0 2px var(--action-color); }
body .registration-profile-card:focus-visible { outline:2px solid var(--action-color); outline-offset:3px; }
body .toastx .btn.action-icon { --action-color:#fff; }

/* One spacing/alignment rule for record commands, including expanded ribbons. */
:root { --app-record-action-gap: .5rem; }
.app-record-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--app-record-action-gap);
    min-width: 0;
    max-width: 100%;
    margin-inline-start: auto;
}