/* Kasair POS — global AI-era workspace background
   Service Charge is the visual reference. Keep page-specific layout and
   surfaces in their own module styles; this file owns only the shared canvas. */
:root {
  --kasair-ai-canvas: #f8f7f9;
  --kasair-ai-glow-warm: rgba(255, 216, 119, .12);
  --kasair-ai-glow-brand: rgba(217, 31, 103, .08);
}

html body.kasair-ai-background-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 4% 76px, var(--kasair-ai-glow-warm), transparent 24%),
    radial-gradient(circle at 96% 88px, var(--kasair-ai-glow-brand), transparent 26%),
    var(--kasair-ai-canvas) !important;
}

html body.kasair-ai-background-page .kasair-ai-background-root {
  min-height: calc(100vh - 72px);
  background: transparent !important;
}

@media (max-width: 767.98px) {
  html body.kasair-ai-background-page {
    background:
      radial-gradient(circle at 0 2%, var(--kasair-ai-glow-warm), transparent 18rem),
      radial-gradient(circle at 100% 5%, var(--kasair-ai-glow-brand), transparent 20rem),
      var(--kasair-ai-canvas) !important;
  }
}