/* BY admin bulk-actions containment v1. Scoped to client/admin lists only. */
:is(body.by-v9-route-users, body.by-v9-route-admins) #root .RaList-content {
  overflow-x: hidden !important;
}

:is(body.by-v9-route-users, body.by-v9-route-admins) #root .RaDatagrid-root {
  box-sizing: border-box;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

:is(body.by-v9-route-users, body.by-v9-route-admins) #root .RaDatagrid-tableWrapper {
  display: block;
  box-sizing: border-box;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}

:is(body.by-v9-route-users, body.by-v9-route-admins) #root .RaBulkActionsToolbar-toolbar {
  box-sizing: border-box;
  left: 0 !important;
  right: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 48px !important;
  height: 48px !important;
  padding-inline: clamp(6px, 2vw, 14px) !important;
  gap: clamp(4px, 1vw, 8px) !important;
  overflow: hidden !important;
}

:is(body.by-v9-route-users, body.by-v9-route-admins) #root .RaBulkActionsToolbar-toolbar.RaBulkActionsToolbar-collapsed {
  min-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

:is(body.by-v9-route-users, body.by-v9-route-admins) #root .RaBulkActionsToolbar-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 4px !important;
}

:is(body.by-v9-route-users, body.by-v9-route-admins) #root .RaBulkActionsToolbar-title > .MuiTypography-root {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(body.by-v9-route-users, body.by-v9-route-admins) #root .RaBulkActionsToolbar-topToolbar {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  background: transparent !important;
}

:is(body.by-v9-route-users, body.by-v9-route-admins) #root .RaBulkActionsToolbar-topToolbar .MuiButton-root {
  flex: 0 0 auto;
  min-width: 40px !important;
  max-width: 100%;
  margin: 0 !important;
  padding: 6px 8px !important;
}

@media (max-width: 430px) {
  :is(body.by-v9-route-users, body.by-v9-route-admins) #root .RaBulkActionsToolbar-title {
    gap: 2px !important;
  }

  :is(body.by-v9-route-users, body.by-v9-route-admins) #root .RaBulkActionsToolbar-title > .MuiTypography-root {
    font-size: 12px !important;
  }

  :is(body.by-v9-route-users, body.by-v9-route-admins) #root .RaBulkActionsToolbar-icon {
    width: 36px;
    height: 36px;
    margin-left: 0 !important;
    padding: 6px !important;
  }

  :is(body.by-v9-route-users, body.by-v9-route-admins) #root .RaBulkActionsToolbar-topToolbar .MuiButton-root {
    min-width: 36px !important;
    padding-inline: 6px !important;
  }

  :is(body.by-v9-route-users, body.by-v9-route-admins) #root .RaBulkActionsToolbar-topToolbar .MuiButton-startIcon {
    margin-right: 2px;
  }
}