/**
 * GPU Glitch Fix
 *
 * Budget Android GPUs (Mali/Adreno) — and some Android browsers that show a
 * tab strip at wider viewports — render corrupted "static noise" bands or
 * ghosted/duplicated text ("infinite scroll" of the same section) while
 * scrolling. Reported on /agent/users and dashboard pages.
 *
 * Root cause is GPU compositing pressure: backdrop-filter blur on the
 * sticky/fixed glass header, bottom nav and chat window creates composited
 * layers that some drivers fail to repaint as content scrolls beneath them,
 * leaving trails. The chatbot's infinite beacon-ring animations make it worse.
 *
 * Fix: drop backdrop-filter and the infinite animations. The glass surfaces
 * are already 82-98% opaque, so losing the blur is visually negligible — but
 * it collapses the composited layer stack that corrupts the page.
 *
 * NOTE: applied at ALL widths (was ≤768px only). The corruption also hits
 * tablets / wide-viewport Android browsers, which the mobile-only gate missed.
 * Load this AFTER every other stylesheet so its !important overrides win.
 */

/* 1. No backdrop blur anywhere — the #1 corruption/ghosting trigger. The
      universal rule catches inline styles and utility classes; the explicit
      selectors out-rank the class-level !important rules in
      agent-mobile-bottom-nav.css / floating-chatbot-mobile-fix.css /
      workspace-theme.css / the layout's inline styles. */
*,
*::before,
*::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.agent-mobile-bottom-nav,
.mobile-bottom-nav,
.floating-chatbot .chat-window,
.user-workspace-shell header.bg-white.shadow {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* 2. Stop the chatbot's infinite beacon rings (transform+opacity forever,
      recompositing the corner where artifacts show). Keep the bubble. */
.chat-bubble::before,
.chat-bubble::after,
.chat-bubble-pulse,
.chat-bubble-content::before {
    animation: none !important;
    opacity: 0 !important;
}
.floating-chatbot[data-chat-open="true"] .chat-bubble {
    animation: none !important;
}
.chat-bubble {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25), 0 0 0 3px rgba(5, 150, 105, 0.35) !important;
}

/* 3. Drop the entrance animation on the fixed bottom nav (fixed + animated +
      blurred was the full trifecta). */
.agent-mobile-bottom-nav {
    animation: none !important;
}