/*
 * ScanForge dedicated SHIRE_MODULE viewport contract.
 * Applied only by shire-main.jsx, not by the standalone app.
 */

:root {
  color-scheme: dark;

  --background: 240 7% 3%;
  --foreground: 0 0% 98%;
  --card: 240 6% 7%;
  --card-foreground: 0 0% 98%;
  --popover: 240 6% 7%;
  --popover-foreground: 0 0% 98%;
  --secondary: 240 4% 13%;
  --secondary-foreground: 0 0% 98%;
  --muted: 240 4% 13%;
  --muted-foreground: 240 5% 65%;
  --accent: 240 4% 15%;
  --accent-foreground: 0 0% 98%;
  --border: 240 4% 16%;
  --input: 240 4% 16%;
  --ring: 142 100% 50%;
}

html,
body,
#root {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #08080a !important;
}

body {
  color: #f4f4f5;
  overscroll-behavior: none;
}

#root {
  display: flex;
  flex-direction: column;
  isolation: isolate;
}

#root > * {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 0;
}

.scan-grid {
  z-index: 0;
}

#root header,
#root nav,
#root main,
#root aside {
  position: relative;
}

#root main {
  background:
    radial-gradient(
      circle at 72% 6%,
      rgba(96, 48, 160, 0.07),
      transparent 36%
    ),
    #08080a;
}

@media (min-width: 1024px) {
  #root main {
    scrollbar-gutter: stable;
  }
}