/* Aura Luxe — Phase 1 (desktop) + Phase 2 (responsive) styles.
 *
 * Kept minimal and additive to the Tailwind CDN utility classes already
 * covering ~95% of this page's styling in src/pages/aura.tsx. Only things
 * that genuinely can't be expressed as a Tailwind utility (scrollbar
 * hiding, safe-area insets) live here. All the actual responsive layout
 * logic (sidebar rail vs. full, hero/command-bar reflow, bottom nav,
 * chat sheet vs. floating panel) lives in aura.tsx as Tailwind utilities
 * gated behind the `dt:` (1440px) breakpoint added to that page's inline
 * tailwind.config — see the PROVENANCE comment at the top of aura.tsx.
 */

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#aura-luxe-body {
  scroll-behavior: smooth;
}

/* Aura orb subtle breathing glow — used on the sidebar nav pill, the
   floating chat panel, and (via app.js) any future "Aura is listening"
   indicator. Kept as a CSS animation (not a JS timer) so it costs nothing
   on the main thread. */
@keyframes aura-orb-pulse {
  0%, 100% { filter: drop-shadow(0 0 6px rgba(0, 135, 83, 0.55)); }
  50% { filter: drop-shadow(0 0 14px rgba(0, 135, 83, 0.85)); }
}
.aura-orb-glow {
  animation: aura-orb-pulse 2.4s ease-in-out infinite;
}

/* Phase 2 groundwork: sidebar collapses below lg (Tailwind's `hidden lg:flex`
   already does the heavy lifting in aura.tsx); this reserves the class name
   Phase 2 will target for a slide-out drawer version instead of a rebuild. */
#aura-sidebar {
  transition: transform 0.2s ease;
}