@import '@queuedash/ui/dist/styles.css' layer(queuedash);

/*
 * QueueDash UI is built with Tailwind v3 (translate via `transform`), while AFFiNE Admin
 * uses Tailwind v4 (translate via the individual `translate` property). When QueueDash
 * overlays are portaled to `document.body`, both utility sets can apply at once and
 * result in double transforms (mis-centered dialogs, etc). Reset individual transform
 * properties within the queuedash scope so Tailwind v3 styles win.
 */
:where(.affine-queuedash) * {
  translate: none;
  rotate: none;
  scale: none;
}