/* Global interaction policy loaded after page styles.
   Buttons and action controls must not move on hover/active. */
:where(
    button,
    [type="button"],
    [type="submit"],
    [role="button"],
    .btn,
    a.btn,
    [class*="btn"],
    .action-btn,
    .actions-cell a,
    .actions-cell button,
    .table-actions a,
    .table-actions button,
    .topbar-action-btn,
    .notif-bell-btn,
    .user-dropdown,
    .dropdown-item,
    .sidebar-link,
    .sidebar-logout,
    .page-link,
    .searchable-select-toggle,
    .searchable-select-item
  ):where(:hover, :active) {
  transform: none !important;
  translate: none !important;
  scale: none !important;
  box-shadow: none !important;
}

:where(
    button,
    [type="button"],
    [type="submit"],
    [role="button"],
    .btn,
    a.btn,
    [class*="btn"],
    .action-btn,
    .actions-cell a,
    .actions-cell button,
    .table-actions a,
    .table-actions button,
    .topbar-action-btn,
    .notif-bell-btn,
    .user-dropdown,
    .dropdown-item,
    .sidebar-link,
    .sidebar-logout,
    .page-link,
    .searchable-select-toggle,
    .searchable-select-item
  ) {
  transition-property: background-color, border-color, color, opacity !important;
}

:where(
    .actions-cell .btn,
    .actions-cell a.btn,
    .actions-cell button.btn,
    .table-actions .btn,
    .table-actions a.btn,
    .table-actions button.btn
  ) {
  transition-property: background-color !important;
}

:where(
    button,
    [type="button"],
    [type="submit"],
    [role="button"],
    .btn,
    a.btn,
    [class*="btn"]
  ):where(:focus-visible) {
  transform: none !important;
  translate: none !important;
  scale: none !important;
}

:where(
    button,
    [type="button"],
    [type="submit"],
    [role="button"],
    .btn,
    a.btn,
    [class*="btn"],
    .action-btn,
    .actions-cell a,
    .actions-cell button,
    .table-actions a,
    .table-actions button,
    .topbar-action-btn,
    .notif-bell-btn,
    .user-dropdown,
    .dropdown-item,
    .sidebar-link,
    .sidebar-logout,
    .page-link,
    .searchable-select-toggle,
    .searchable-select-item
  ):where(:focus:not(:focus-visible)) {
  outline: none !important;
  box-shadow: none !important;
}
