/*
  Systems Infrastructure Console — Code Readability V18
  Enforces a stable dark code surface and high-contrast text after all theme scripts.
*/
body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root pre,
body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root pre.bg-muted,
body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root [data-slot="tabs-content"] pre,
body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root .systems-code-surface {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: 34rem !important;
  margin: 0 !important;
  padding: clamp(1rem, 1.4vw, 1.35rem) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #070a0f !important;
  background-color: #070a0f !important;
  background-image: none !important;
  border: 2px solid #111827 !important;
  border-left: 6px solid #39ff14 !important;
  border-radius: 0 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.09),
    6px 6px 0 rgba(38,230,255,.34) !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  isolation: isolate !important;
  overflow: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #39ff14 #111827;
  white-space: pre !important;
  tab-size: 2;
  font-family: "Cascadia Code", "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace !important;
  font-size: clamp(.92rem, .84rem + .18vw, 1.04rem) !important;
  font-weight: 700 !important;
  font-variant-ligatures: none;
  line-height: 1.72 !important;
  letter-spacing: .012em !important;
  text-align: left !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root pre code,
body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root pre code.text-foreground,
body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root pre .text-foreground,
body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root .systems-code-surface code,
body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root .systems-code-text {
  display: block !important;
  min-width: max-content !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  font: inherit !important;
  font-weight: 700 !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  white-space: inherit !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
}

/* Clear separation from the surrounding white card. */
body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root [data-slot="tabs-content"] > div > pre,
body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root [data-slot="tabs-content"] pre + p {
  position: relative;
  z-index: 1;
}

body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root pre:focus-visible,
body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root .systems-code-surface:focus-visible {
  outline: 3px solid #26e6ff !important;
  outline-offset: 4px !important;
}

body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root pre code::selection,
body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root pre code *::selection,
body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root .systems-code-text::selection {
  color: #050506 !important;
  -webkit-text-fill-color: #050506 !important;
  background: #39ff14 !important;
}

body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root pre::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root pre::-webkit-scrollbar-track {
  background: #111827;
}
body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root pre::-webkit-scrollbar-thumb {
  background: #39ff14;
  border: 2px solid #111827;
}
body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root pre::-webkit-scrollbar-thumb:hover {
  background: #26e6ff;
}

@media (max-width: 599.98px) {
  body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root pre,
  body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root pre.bg-muted,
  body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root .systems-code-surface {
    max-height: 28rem !important;
    padding: .9rem !important;
    border-left-width: 4px !important;
    font-size: .8rem !important;
    line-height: 1.62 !important;
    letter-spacing: 0 !important;
  }
}

@media (prefers-contrast: more) {
  body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root pre,
  body[data-project-key="SYSTEMS_INFRASTRUCTURE_CONSOLE"] #root .systems-code-surface {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: #000 !important;
    border-color: #fff !important;
    border-left-color: #39ff14 !important;
    box-shadow: none !important;
  }
}