/* Emergency production visual correction after PR #7.
 * This file is intentionally narrow and removable. It fixes the global grid
 * overlay and restores a clean, opaque application shell on every route.
 */

/* The fixed 64px grid introduced visible lines through tables and the sidebar. */
.app-ambient-bg::before {
  background-image:
    radial-gradient(54rem 28rem at 16% -10%, rgba(99, 102, 241, 0.09), transparent 64%),
    radial-gradient(42rem 24rem at 100% 0%, rgba(8, 145, 178, 0.07), transparent 66%) !important;
  background-size: auto !important;
  background-position: 0 0 !important;
  opacity: 1 !important;
}

.dark .app-ambient-bg::before {
  background-image:
    radial-gradient(54rem 28rem at 16% -10%, rgba(99, 102, 241, 0.18), transparent 64%),
    radial-gradient(42rem 24rem at 100% 0%, rgba(34, 211, 238, 0.10), transparent 66%) !important;
  opacity: 1 !important;
}

/* Keep the navigation shell opaque so decorative page effects never show
 * through it. Remove the accidental ruled/grid appearance between menu rows. */
aside,
[data-sidebar],
.app-sidebar {
  background-color: hsl(var(--sidebar)) !important;
  background-image: none !important;
}

aside nav,
aside nav > div,
aside nav a,
aside nav button {
  background-image: none !important;
}

aside nav a,
aside nav button {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

/* Preserve a single clean separation between sidebar and page content. */
aside {
  border-right: 1px solid hsl(var(--sidebar-border)) !important;
}

/* Prevent the decorative layer from appearing in printed documents. */
@media print {
  .app-ambient-bg::before {
    display: none !important;
  }
}