/* Salt console graph. Every rule is scoped to the #salt-console section.
   :where() keeps the original specificity, so the rules cascade exactly as in the design. */
:where(#salt-console) {
  --color-base-black: #1a1a1a;
  --color-base-white: #ffffff;
  --color-base-transparent: rgba(255, 255, 255, 0);
  --color-primary-25: #f7f7fb;
  --color-primary-50: #f5f5fd;
  --color-primary-100: #eaeaf6;
  --color-primary-200: #d9d8f3;
  --color-primary-300: #c5c1f5;
  --color-primary-400: #a9a2f6;
  --color-primary-500: #927fe6;
  --color-primary-600: #8666e1;
  --color-primary-700: #6943d0;
  --color-primary-800: #542ebd;
  --color-primary-900: #422493;
  --color-primary-950: #311d68;
  --color-secondary-25: #f7f7f7;
  --color-secondary-50: #f2f2f2;
  --color-secondary-100: #ededee;
  --color-secondary-200: #dfe0e1;
  --color-secondary-300: #cacbce;
  --color-secondary-400: #adafb3;
  --color-secondary-500: #8d9096;
  --color-secondary-600: #656971;
  --color-secondary-700: #50545e;
  --color-secondary-800: #33363d;
  --color-secondary-850: #232427;
  --color-secondary-900: #1a1a1a;
  --color-secondary-950: #0c0e12;
  --color-red-50: #fef3f2;
  --color-red-100: #fee4e2;
  --color-red-200: #fecdca;
  --color-red-300: #ffa59f;
  --color-red-400: #fc7c73;
  --color-red-500: #f4594e;
  --color-red-600: #e02c1f;
  --color-red-700: #c02216;
  --color-red-800: #a51c12;
  --color-cyan-50: #ecfdff;
  --color-cyan-100: #cff9fe;
  --color-cyan-200: #a5f0fc;
  --color-cyan-300: #67e3f9;
  --color-cyan-400: #22ccee;
  --color-cyan-500: #06aed4;
  --color-cyan-600: #089ec9;
  --color-yellow-50: #fefbe8;
  --color-yellow-100: #fef7c3;
  --color-yellow-200: #ffef9e;
  --color-yellow-300: #ffe66b;
  --color-yellow-400: #ffd942;
  --color-yellow-500: #ffc60a;
  --color-yellow-600: #e8b302;
  --color-orange-50: #fff3db;
  --color-orange-100: #fde5ba;
  --color-orange-200: #fcd992;
  --color-orange-400: #fda817;
  --color-orange-500: #f79009;
  --color-orange-600: #e17c09;
  --color-green-50: #ecfdf3;
  --color-green-100: #dcfae6;
  --color-green-200: #abefc6;
  --color-green-300: #75e0a7;
  --color-green-400: #47cd89;
  --color-green-500: #17b26a;
  --color-green-600: #079455;
  --color-green-700: #067647;
  --fg-default: var(--color-secondary-900);
  --fg-muted: var(--color-secondary-700);
  --fg-subtle: var(--color-secondary-500);
  --fg-disabled: var(--color-secondary-500);
  --fg-inverse: var(--color-base-white);
  --fg-primary: var(--color-primary-900);
  --fg-primary-strong: var(--color-primary-700);
  --fg-destructive: var(--color-red-600);
  --fg-success: var(--color-green-600);
  --fg-warning: var(--color-yellow-600);
  --fg-info: var(--color-cyan-600);
  --fg-link: var(--color-primary-700);
  --bg-default: var(--color-base-white);
  --bg-canvas: var(--color-secondary-50);
  --bg-subtle: var(--color-secondary-25);
  --bg-muted: var(--color-secondary-100);
  --bg-disabled: var(--color-secondary-200);
  --bg-tooltip: var(--color-secondary-800);
  --bg-overlay: rgba(26, 26, 26, 0.5);
  --bg-primary-tint: var(--color-primary-50);
  --bg-primary-soft: var(--color-primary-100);
  --bg-primary-solid: var(--color-primary-900);
  --bg-destructive-tint: var(--color-red-50);
  --bg-destructive-solid: var(--color-red-600);
  --bg-success-tint: var(--color-green-50);
  --bg-warning-tint: var(--color-yellow-50);
  --bg-info-tint: var(--color-cyan-50);
  --border-default: var(--color-secondary-200);
  --border-strong: var(--color-secondary-300);
  --border-subtle: var(--color-secondary-100);
  --border-disabled: var(--color-secondary-100);
  --border-primary: var(--color-primary-300);
  --border-primary-strong: var(--color-primary-700);
  --border-destructive: var(--color-red-300);
  --border-focus: var(--color-primary-300);
  --gradient-ai: linear-gradient(280deg, #fee4e2 2.15%, #ffa59f 19.38%, #6943d0 71.05%, #422493 97.85%);
  --gradient-pepper: linear-gradient(70deg, #fee4e2 0%, #ffa59f 18%, #6943d0 72%, #311d68 100%);
  --shadow-xs: 0px 1px 2px 0px rgba(26, 26, 26, 0.06);
  --shadow-sm: 0px 1px 2px 0px rgba(26, 26, 26, 0.06), 0px 1px 3px 0px rgba(26, 26, 26, 0.1);
  --shadow-md: 0px 2px 4px -2px rgba(26, 26, 26, 0.06), 0px 4px 8px -2px rgba(26, 26, 26, 0.1);
  --shadow-lg: 0px 4px 6px -2px rgba(26, 26, 26, 0.04), 0px 12px 16px -4px rgba(26, 26, 26, 0.08);
  --shadow-xl: 0px 8px 8px -4px rgba(26, 26, 26, 0.04), 0px 20px 24px -4px rgba(26, 26, 26, 0.1);
  --shadow-popover: 0px 1px 8px 0px rgba(20, 20, 20, 0.24);
  --shadow-focus: 0 0 0 4px var(--color-primary-100);
  --radius-none: 0;
  --radius-xxs: 2px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 20px;
  --radius-4xl: 24px;
  --radius-full: 9999px;
  --spacing-none: 0;
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 6px;
  --spacing-md: 8px;
  --spacing-lg: 12px;
  --spacing-xl: 16px;
  --spacing-2xl: 20px;
  --spacing-3xl: 24px;
  --spacing-4xl: 32px;
  --spacing-5xl: 40px;
  --spacing-6xl: 48px;
  --space-0: 0;
  --space-xs: 4px;
  --space-sm: 6px;
  --space-md: 8px;
  --space-lg: 12px;
  --space-xl: 16px;
  --space-2xl: 20px;
  --space-3xl: 24px;
  --space-4xl: 32px;
  --space-5xl: 40px;
  --space-6xl: 48px;
  --space-7xl: 64px;
  --space-8xl: 80px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 300ms;
  --z-side-drawer: 10;
  --z-modal: 15;
  --z-popover: 100;
  --z-select: 999;
  --z-tooltip: 9999;
  --font-sans: "Inter Variable", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --type-display-xl-size: 48px;
  --type-display-xl-line: 60px;
  --type-display-xl-tracking: -0.02em;
  --type-display-lg-size: 40px;
  --type-display-lg-line: 48px;
  --type-display-lg-tracking: -0.02em;
  --type-display-md-size: 32px;
  --type-display-md-line: 40px;
  --type-display-md-tracking: -0.01em;
  --type-display-sm-size: 24px;
  --type-display-sm-line: 32px;
  --type-display-sm-tracking: -0.01em;
  --type-text-xl-size: 20px;
  --type-text-xl-line: 28px;
  --type-text-xl-tracking: -0.01em;
  --type-text-lg-size: 16px;
  --type-text-lg-line: 24px;
  --type-text-lg-tracking: -0.005em;
  --type-text-md-size: 14px;
  --type-text-md-line: 20px;
  --type-text-md-tracking: -0.005em;
  --type-text-sm-size: 13px;
  --type-text-sm-line: 18px;
  --type-text-sm-tracking: -0.005em;
  --type-text-xs-size: 12px;
  --type-text-xs-line: 16px;
  --type-text-xs-tracking: -0.005em;
  --type-text-xxs-size: 11px;
  --type-text-xxs-line: 16px;
  --type-text-xxs-tracking: 0.005em;
  --type-code-size: 14px;
  --type-code-line: 24px;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}
:where(#salt-console) {
  font-family: var(--font-sans);
  color: var(--fg-default);
  -webkit-font-smoothing: antialiased;
}
:where(#salt-console) h1 {
  font-size: var(--type-display-xl-size);
  line-height: var(--type-display-xl-line);
  letter-spacing: var(--type-display-xl-tracking);
  font-weight: var(--weight-regular);
  margin: 0px;
}
:where(#salt-console) p {
  font-size: var(--type-text-md-size);
  line-height: var(--type-text-md-line);
  letter-spacing: var(--type-text-md-tracking);
  margin: 0px;
}
:where(#salt-console) code,
:where(#salt-console) .code {
  font-family: var(--font-mono);
  font-size: var(--type-code-size);
  line-height: var(--type-code-line);
  background: var(--bg-muted);
  padding: 2px 6px;
  border-radius: var(--radius-xs);
}
:where(#salt-console) .graphView[hidden] {
  display: none;
}
:where(#salt-console) .graphView {
  position: relative;
  flex: 1 1 0%;
  min-height: 660px;
  margin: -8px -40px 0px;
  overflow: hidden;
  border-radius: 0 0 var(--radius-2xl) var(--radius-2xl);
  background-color: rgb(255, 255, 255);
  background-image: radial-gradient(circle, rgb(217, 217, 221) 1.1px, transparent 1.1px);
  background-size: 22px 22px;
  background-position: 11px 11px;
}
:where(#salt-console) .gToolbar {
  position: absolute;
  left: 10px;
  top: 14px;
  z-index: 6;
  width: 56px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: rgb(255, 255, 255);
  border: 1px solid var(--color-secondary-200);
  border-radius: 8px;
  padding: 6px;
  box-shadow: rgba(20, 20, 20, 0.12) 0px 4px 14px -4px;
}
:where(#salt-console) .gToolItem {
  position: relative;
  display: flex;
  justify-content: center;
}
:where(#salt-console) .gToolBtn {
  width: 44px;
  height: 44px;
  border: 0px;
  background: transparent;
  border-radius: 50%;
  display: grid;
  place-items: center;
  cursor: pointer;
  color: var(--color-secondary-900);
  transition:
    background-color 150ms,
    color 150ms;
}
:where(#salt-console) .gToolBtn svg {
  width: 20px;
  height: 20px;
}
:where(#salt-console) .gTip {
  position: absolute;
  left: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 25;
  background: var(--color-secondary-900);
  color: rgb(255, 255, 255);
  padding: 7px 12px;
  border-radius: 8px;
  font: 500 14px/1 var(--font-sans);
  letter-spacing: -0.005em;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 120ms;
}
:where(#salt-console) .gToolItem.active .gTip {
  opacity: 0;
}
:where(#salt-console) .gPop {
  position: absolute;
  left: calc(100% + 14px);
  top: -6px;
  z-index: 24;
  width: 304px;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  box-shadow:
    rgba(20, 20, 20, 0.24) 0px 16px 44px -10px,
    rgba(20, 20, 20, 0.1) 0px 4px 14px -6px;
  padding: 20px 22px;
  display: none;
}
:where(#salt-console) .gToolItem.active .gPop {
  display: block;
}
:where(#salt-console) .gToolItem:nth-child(2) .gPop {
  width: 224px;
}
:where(#salt-console) .gPopHead {
  font: 600 15px/20px var(--font-sans);
  color: var(--color-secondary-500);
  letter-spacing: -0.005em;
  margin-bottom: 6px;
}
:where(#salt-console) .gPopRow {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 0px;
}
:where(#salt-console) .gPopRow .rowIco {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
}
:where(#salt-console) .gPopRow .rowIco svg {
  width: 20px;
  height: 20px;
}
:where(#salt-console) .gPopRow .dragHandle {
  width: 16px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  cursor: grab;
}
:where(#salt-console) .gPopRow .dragHandle svg {
  width: 16px;
  height: 16px;
}
:where(#salt-console) .gPopRow .rowLabel {
  flex: 1 1 0%;
  font: 500 16px/22px var(--font-sans);
  letter-spacing: -0.01em;
  color: var(--color-secondary-900);
}
:where(#salt-console) .gSwitch {
  width: 36px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 999px;
  background: var(--color-secondary-200);
  position: relative;
  cursor: pointer;
  transition: background-color 150ms;
}
:where(#salt-console) .gSwitch:hover {
  background: var(--color-primary-100);
}
:where(#salt-console) .gSwitch:active {
  background: var(--color-primary-200);
}
:where(#salt-console) .gSwitch.on {
  background: rgb(66, 36, 147);
}
:where(#salt-console) .gSwitch.on:hover {
  background: var(--color-primary-600);
}
:where(#salt-console) .gSwitch.on:active {
  background: rgb(45, 24, 101);
}
:where(#salt-console) .gSwitch::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  box-shadow: rgba(20, 20, 20, 0.25) 0px 1px 2px;
  transition: transform 150ms;
}
:where(#salt-console) .gSwitch.on::after {
  transform: translateX(16px);
}
:where(#salt-console) .gScroll {
  position: absolute;
  inset: 0px;
  overflow: hidden;
  padding: 0px;
}
:where(#salt-console) .gColumns {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 72px;
  min-width: 1240px;
  transform-origin: 0px 0px;
  will-change: transform;
}
:where(#salt-console) .gCol {
  display: flex;
  flex-direction: column;
}
:where(#salt-console) .gCol.agents,
:where(#salt-console) .gCol.mcps {
  width: 240px;
  flex-shrink: 0;
}
:where(#salt-console) .gCol.agents {
  gap: 36px;
}
:where(#salt-console) .gCol.mcps {
  gap: 26px;
}
:where(#salt-console) .gCol.tech,
:where(#salt-console) .gCol.apps {
  width: 132px;
  flex-shrink: 0;
  gap: 58px;
}
:where(#salt-console) .gCol.caps {
  flex: 1 1 0%;
  min-width: 320px;
  gap: 30px;
  align-items: flex-start;
}
:where(#salt-console) .gColHead {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 24px;
  margin-bottom: 28px;
  font: 600 13px/20px var(--font-sans);
  letter-spacing: -0.01em;
  color: var(--color-secondary-500);
  white-space: nowrap;
}
:where(#salt-console) .gColHead svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
:where(#salt-console) .gColHead,
:where(#salt-console) .gColHead * {
  cursor: default;
}
:where(#salt-console) .gEdges {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
}
:where(#salt-console) .gEdges path {
  fill: none;
  stroke: rgb(228, 228, 231);
  stroke-width: 8;
  stroke-linecap: round;
  transition:
    stroke 120ms,
    opacity 120ms;
}
:where(#salt-console) .gEdges.has-hl path {
  opacity: 0.3;
}
:where(#salt-console) .gEdges path.hl {
  stroke: rgb(66, 36, 147);
  opacity: 0.7;
}
:where(#salt-console) .gNode {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 240px;
  background: rgb(255, 255, 255);
  border: 1.5px solid var(--color-secondary-200);
  border-radius: 999px;
  padding: 12px 16px;
  box-shadow:
    rgba(20, 20, 20, 0.08) 0px 4px 10px -2px,
    rgba(20, 20, 20, 0.04) 0px 1px 2px;
  cursor: pointer;
  transition:
    background-color 140ms,
    border-color 140ms,
    box-shadow 140ms;
}
:where(#salt-console) .gNode:hover,
:where(#salt-console) .gNode.is-hover {
  background: rgb(245, 245, 253);
  border-color: rgb(66, 36, 147);
}
:where(#salt-console) .gNodeIcon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
}
:where(#salt-console) .gNodeIcon svg {
  display: block;
}
:where(#salt-console) .gNodeBody {
  min-width: 0px;
  flex: 1 1 0%;
}
:where(#salt-console) .gNodeTitle {
  font: 500 16px/20px var(--font-sans);
  letter-spacing: -0.01em;
  color: var(--color-secondary-900);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
:where(#salt-console) .gNodeSub {
  margin-top: 2px;
  font: 400 12px/16px var(--font-sans);
  color: var(--color-secondary-500);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
:where(#salt-console) .toolkitTag {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 1px 6px;
  margin-top: 4px;
  border: 1px solid var(--color-secondary-300);
  border-radius: var(--radius-full);
  background: var(--color-secondary-50);
  font: 500 13px/18px var(--font-sans);
  color: var(--color-secondary-900);
}
:where(#salt-console) .logoTxt {
  font: 800 22px/1 var(--font-sans);
  color: rgb(26, 26, 26);
  letter-spacing: -0.04em;
}
:where(#salt-console) .logoTxt.aws {
  color: rgb(255, 153, 0);
  font-size: 17px;
}
:where(#salt-console) .gBadges {
  position: absolute;
  top: -14px;
  right: 24px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 28px;
  padding: 4px;
  box-sizing: border-box;
  background: rgb(255, 255, 255);
  border: 1px solid var(--color-secondary-200);
  border-radius: 9999px;
  box-shadow: rgba(20, 20, 20, 0.1) 0px 2px 6px;
}
:where(#salt-console) .gBadges.noFrame {
  background: none;
  border: 0px;
  box-shadow: none;
  padding: 0px;
  height: auto;
}
:where(#salt-console) .gBadges .risk {
  box-shadow: none;
}
:where(#salt-console) .gCircWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
:where(#salt-console) .gCirc {
  position: relative;
  z-index: 2;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  border: 1.5px solid var(--color-secondary-200);
  display: grid;
  place-items: center;
  padding-bottom: 28px;
  box-sizing: border-box;
  box-shadow: rgba(20, 20, 20, 0.07) 0px 2px 9px;
  cursor: pointer;
  transition:
    background-color 140ms,
    border-color 140ms,
    box-shadow 140ms;
}
:where(#salt-console) .gCircWrap:hover .gCirc,
:where(#salt-console) .gCircWrap.is-hover .gCirc {
  background: rgb(245, 245, 253);
  border-color: rgb(66, 36, 147);
}
:where(#salt-console) .gCirc svg {
  display: block;
  width: 32px;
  height: 32px;
}
:where(#salt-console) .gCircWrap .gBadges {
  top: -13px;
  right: auto;
  left: 50%;
  transform: translateX(-30%);
}
:where(#salt-console) .gCount {
  position: absolute;
  z-index: 5;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  height: 20px;
  padding: 1px 6px;
  background: var(--color-secondary-50);
  border: 1px solid var(--color-secondary-300);
  border-radius: var(--radius-full);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 500 13px/18px var(--font-sans);
  color: var(--color-secondary-900);
}
:where(#salt-console) .gCapBox {
  position: relative;
  z-index: 2;
  background: rgb(255, 255, 255);
  border: 1px solid var(--color-secondary-200);
  border-radius: 16px;
  padding: 16px 20px;
  display: grid;
  grid-template-columns: repeat(8, 24px);
  grid-auto-rows: 24px;
  place-items: center;
  gap: 4px;
  box-shadow: rgba(20, 20, 20, 0.05) 0px 2px 7px;
  transition:
    background-color 140ms,
    border-color 140ms;
}
:where(#salt-console) .gCapBox.is-hover {
  background: rgb(255, 255, 255);
  border-color: rgb(66, 36, 147);
}
:where(#salt-console) .gCapDot {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1.5px solid;
  box-sizing: border-box;
}
:where(#salt-console) .gCapDot.low {
  background: var(--color-yellow-100);
  border-color: var(--color-yellow-500);
}
:where(#salt-console) .gCapDot.info {
  background: var(--color-secondary-100);
  border-color: var(--color-secondary-300);
}
:where(#salt-console) .gCapDot.none {
  background: var(--color-cyan-100);
  border-color: var(--color-cyan-500);
}
:where(#salt-console) .gCapDot.sub {
  z-index: 2;
}
:where(#salt-console) .gCapDot.sub::after {
  content: "";
  position: absolute;
  top: -2px;
  right: -3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-sizing: border-box;
  background: rgb(244, 107, 94);
  border: 1.5px solid rgb(255, 255, 255);
}
:where(#salt-console) .gCapDot.sub::before {
  content: "";
  position: absolute;
  bottom: -1px;
  right: -2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  box-sizing: border-box;
  background: var(--color-secondary-500);
  border: 1.5px solid rgb(255, 255, 255);
}
:where(#salt-console) .gCapDot {
  transition: opacity 120ms;
}
:where(#salt-console) .capCount {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1.5px solid;
  box-sizing: border-box;
  font: 600 13px/1 var(--font-sans);
  color: var(--color-secondary-900);
}
:where(#salt-console) .capCount.low {
  background: var(--color-yellow-100);
  border-color: var(--color-yellow-500);
}
:where(#salt-console) .gFooter {
  position: absolute;
  left: 40px;
  bottom: 22px;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 14px;
}
:where(#salt-console) .gFooter .cnt {
  font: 400 15px/20px var(--font-sans);
  color: var(--color-secondary-700);
}
:where(#salt-console) .gFooter .cnt b {
  font-weight: 700;
  color: var(--color-secondary-900);
}
:where(#salt-console) .mcpGraphCard {
  margin-top: 24px;
  border: 1px solid var(--color-secondary-200);
  border-radius: 16px;
  padding: 24px;
}
:where(#salt-console) .mcpGraphHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
:where(#salt-console) .mcpCapTable {
  display: flex;
  flex-direction: column;
}
:where(#salt-console) .mcpCapTable .mcRow {
  display: grid;
  grid-template-columns: 2fr 1fr 1.3fr 1fr 0.8fr;
  align-items: center;
  min-height: 56px;
  border-bottom: 1px solid var(--color-secondary-100);
}
:where(#salt-console) .mcpCapTable .mcHead {
  border-bottom: 1px solid var(--color-secondary-200);
  min-height: 44px;
}
:where(#salt-console) .mcpCapTable .mcHead .mcCell {
  font: 500 13px/18px var(--font-sans);
  color: var(--color-secondary-500);
}
:where(#salt-console) .mcpCapTable .mcCell {
  padding: 0px 12px;
  font: 400 14px/20px var(--font-sans);
  color: var(--color-secondary-900);
}
:where(#salt-console) .mcpCapTable .mcCell.name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
:where(#salt-console) .mcpCapTable .mcRow.data:first-of-type .mcCell.name {
  background: var(--color-primary-50);
  border-radius: 8px;
}
:where(#salt-console) .mcpCapTable .mcCell.tech svg,
:where(#salt-console) .mcpCapTable .mcCell.tech img {
  width: 22px;
  height: 22px;
}
:where(#salt-console),
:where(#salt-console) *,
:where(#salt-console) ::before,
:where(#salt-console) ::after {
  box-sizing: border-box;
}
:where(#salt-console) {
  font-family: var(--font-sans);
  font-size: var(--type-text-md-size);
  line-height: var(--type-text-md-line);
  color: var(--fg-default);
  -webkit-font-smoothing: antialiased;
}
:where(#salt-console) button {
  font-family: inherit;
}
:where(#salt-console) .app {
  display: grid;
  grid-template-columns: 48px 1fr;
  height: 100vh;
  background: var(--bg-canvas);
}
:where(#salt-console) .main {
  display: flex;
  flex-direction: column;
  min-width: 0px;
  padding: 0px 12px 12px 0px;
}
@property --sc-gradient-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@keyframes sc-pepperSpin {
  0% {
    --sc-gradient-angle: 0deg;
  }
  100% {
    --sc-gradient-angle: 360deg;
  }
}
:where(#salt-console) .content {
  flex: 1 1 0%;
  background: var(--bg-default);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-2xl);
  min-height: 0px;
  overflow: auto;
  box-shadow: rgba(20, 20, 20, 0.08) 0px 1px 4px 0px;
}
:where(#salt-console) .gEdges.has-hl path:not(.hl):not(.gFlowLine) {
  opacity: 0.12;
}
:where(#salt-console) .gEdges path.hl {
  stroke: var(--color-primary-700);
  stroke-width: 9;
  opacity: 1;
}
:where(#salt-console) .gEdges path.gFlowLine {
  fill: none;
  stroke: rgb(255, 255, 255);
  stroke-width: 2.5;
  stroke-linecap: round;
  opacity: 0.95;
  stroke-dasharray: 9, 30;
  animation: 900ms linear 0s infinite normal none running sc-gFlowDash;
}
@keyframes sc-gFlowDash {
  100% {
    stroke-dashoffset: -39;
  }
}
:where(#salt-console) #gColumns.has-hl .gNode:not(.is-hover),
:where(#salt-console) #gColumns.has-hl .gCircWrap:not(.is-hover),
:where(#salt-console) #gColumns.has-hl .gCapBox:not(.is-hover) {
  opacity: 0.34;
}
:where(#salt-console) .covPage {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 22px 24px 24px;
  min-width: 0px;
}
:where(#salt-console) .covPage {
  container-type: inline-size;
}
:where(#salt-console) .covBody {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) 316px;
  gap: 16px;
  align-items: start;
}
:where(#salt-console) .covBody .graphView {
  display: block;
  position: relative;
  margin: 0px;
  height: 600px;
  min-height: 0px;
  border: 1px solid var(--border-default);
  border-radius: 16px;
  background: rgb(255, 255, 255);
  overflow: hidden;
}
:where(#salt-console) .covBody .gScroll {
  position: absolute;
  inset: 0px 0px 60px;
}
:where(#salt-console) .covBody .gFooter {
  background: rgb(255, 255, 255);
  border-top: 1px solid var(--color-secondary-100);
}
:where(#salt-console) .gNode.cov-full,
:where(#salt-console) .gNode.cov-part,
:where(#salt-console) .gCircWrap.cov-full .gCirc,
:where(#salt-console) .gCircWrap.cov-part .gCirc,
:where(#salt-console) .gCapBox:not(.cov-none) {
  background: rgb(245, 245, 253);
  border-color: rgb(66, 36, 147);
}
:where(#salt-console) .app:not([data-category="salt"]) .gBadges {
  display: none;
}
:where(#salt-console) [data-variant="c"] .covBody {
  grid-template-columns: minmax(0px, 1fr) 320px;
}
:where(#salt-console) {
  --black: #000000;
  --near: #0b0b0c;
  --card: #161617;
  --card2: #1d1d1f;
  --line: rgba(255, 255, 255, 0.1);
  --line2: rgba(255, 255, 255, 0.16);
  --ink: #ffffff;
  --ink2: #b4b4b6;
  --ink3: #8a8a8c;
  --salt: #512fdb;
  --salt-m: #7a57ff;
  --salt-l: #b19eff;
  --green: #3be38b;
  --red: #ff6b6b;
  --amber: #ffb547;
}
:where(#salt-console),
:where(#salt-console) * {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}
:where(#salt-console) {
  font-family: var(--font-sans);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}
:where(#salt-console) a {
  text-decoration: none;
  color: inherit;
}
:where(#salt-console) h1 {
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.05;
}
:where(#salt-console) .saltPanelWrap {
  position: relative;
  margin-top: 46px;
  width: 100%;
}
#salt-console {
  overflow: hidden;
}
:where(#salt-console) .saltPanelWrap::before {
  content: "";
  position: absolute;
  inset: -12% -5% -16%;
  background: radial-gradient(58% 52% at 50% 38%, rgba(122, 87, 255, 0.3), transparent 72%);
  filter: blur(64px);
  pointer-events: none;
}
:where(#salt-console) .saltPanel {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background: rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow:
    rgba(0, 0, 0, 0.9) 0px 44px 90px -26px,
    rgba(0, 0, 0, 0.6) 0px 0px 0px 1px;
  font-family: var(--font-sans);
  text-align: left;
}
:where(#salt-console) .panelBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 11px 18px;
  border-bottom: 1px solid rgb(236, 236, 236);
  background: rgb(251, 251, 251);
}
:where(#salt-console) .pbBrand {
  display: flex;
  align-items: center;
  gap: 9px;
  font:
    600 13px / 1 Inter,
    sans-serif;
  letter-spacing: -0.005em;
  color: rgb(26, 26, 26);
}
:where(#salt-console) .pbBrand img {
  width: 18px;
  height: 18px;
  display: block;
}
:where(#salt-console) .pbLive {
  display: flex;
  align-items: center;
  gap: 7px;
  font:
    600 10px / 1 Inter,
    sans-serif;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgb(107, 107, 109);
}
:where(#salt-console) .pbLive i {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgb(34, 197, 94);
}
:where(#salt-console) .app[data-embed="site"] {
  display: block;
  height: auto;
  min-height: 0px;
  background: rgb(255, 255, 255);
}
:where(#salt-console) .app[data-embed="site"] .main {
  display: block;
  height: auto;
  min-height: 0px;
  overflow: visible;
}
:where(#salt-console) .app[data-embed="site"] .content.covPage {
  padding: 22px 22px 18px;
  height: auto;
  min-height: 0px;
}
:where(#salt-console) .app[data-embed="site"] .graphView {
  margin: 0px;
  flex: 0 0 auto;
  height: auto;
  min-height: 0px;
}
:where(#salt-console) .app[data-embed="site"] .covBody {
  min-height: 0px;
  height: auto;
  align-items: flex-start;
}
:where(#salt-console) .saltPanel p,
:where(#salt-console) .saltPanel h1,
:where(#salt-console) .saltPanel h2,
:where(#salt-console) .saltPanel h3,
:where(#salt-console) .saltPanel h4 {
  margin: 0px;
}
:where(#salt-console) .saltPanel h1,
:where(#salt-console) .saltPanel h2,
:where(#salt-console) .saltPanel h3,
:where(#salt-console) .saltPanel h4 {
  font-family: inherit;
  font-weight: 600;
  letter-spacing: -0.005em;
  line-height: 1.3;
}
:where(#salt-console) .saltPanel button,
:where(#salt-console) .saltPanel [role="button"] {
  font-family: inherit;
  letter-spacing: normal;
}
:where(#salt-console) .gInspectorRail {
  height: 600px;
  overflow: auto;
  padding: 18px;
  border: 1px solid var(--border-default);
  border-radius: 16px;
  background: rgb(255, 255, 255);
}
:where(#salt-console) .giEmpty {
  margin: 0px;
  font: 400 13px/20px var(--font-sans);
  color: var(--color-secondary-500);
}
:where(#salt-console) .giPanel {
  animation: 0.16s ease 0s 1 normal none running sc-giIn;
}
@keyframes sc-giIn {
  0% {
    opacity: 0;
    transform: translateY(-4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
:where(#salt-console) .giHead {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
:where(#salt-console) .giDotIcon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  flex: 0 0 auto;
  background: var(--color-primary-50);
  border: 1px solid var(--color-primary-200);
  display: grid;
  place-items: center;
}
:where(#salt-console) .giDotIcon .t {
  font: 800 15px/1 var(--font-sans);
  color: var(--color-primary-900);
}
:where(#salt-console) .giHeadText {
  min-width: 0px;
  flex: 1 1 0%;
}
:where(#salt-console) .giName {
  font: 700 15px/20px var(--font-sans);
  letter-spacing: -0.01em;
  color: var(--color-secondary-900);
}
:where(#salt-console) .giType {
  display: inline-block;
  margin-top: 4px;
  font: 700 10px/14px var(--font-sans);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-primary-900);
  background: var(--color-primary-50);
  border: 1px solid var(--color-primary-200);
  padding: 2px 8px;
  border-radius: 999px;
}
:where(#salt-console) .giClose {
  margin-left: auto;
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  border: 0px;
  background: none;
  color: var(--color-secondary-400);
  cursor: pointer;
  display: grid;
  place-items: center;
}
:where(#salt-console) .giClose:hover {
  background: var(--color-secondary-50);
  color: var(--color-secondary-700);
}
:where(#salt-console) .giLab {
  display: block;
  margin: 0px 0px 8px;
  font: 700 10px/14px var(--font-sans);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-secondary-400);
}
:where(#salt-console) .giChip {
  background: rgb(255, 255, 255);
  border: 1px solid var(--color-secondary-200);
  border-radius: 999px;
  padding: 5px 10px;
  font: 600 11.5px/16px var(--font-sans);
  color: var(--color-secondary-900);
  cursor: pointer;
}
:where(#salt-console) .giChip:hover {
  border-color: var(--color-primary-900);
  color: var(--color-primary-900);
}
:where(#salt-console) .giDesc {
  margin: 10px 0px 0px;
  font: 400 12.5px/19px var(--font-sans);
  color: var(--color-secondary-700);
}
:where(#salt-console) .giTabs {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 14px;
  margin: 14px 0px 0px;
  border-bottom: 1px solid var(--color-secondary-100);
}
:where(#salt-console) .giTab {
  appearance: none;
  border-width: 0px 0px 2px;
  border-top-style: initial;
  border-right-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-left-color: initial;
  border-image: initial;
  background: none;
  cursor: pointer;
  font: 600 11.5px/1 var(--font-sans);
  color: var(--color-secondary-500);
  padding: 9px 0px;
  margin-bottom: -1px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  white-space: nowrap;
}
:where(#salt-console) .giTab:hover {
  color: var(--color-secondary-800);
}
:where(#salt-console) .giTab.active {
  color: var(--color-primary-900);
  border-bottom-color: var(--color-primary-900);
}
:where(#salt-console) .giTabPanel {
  padding-top: 14px;
}
:where(#salt-console) .giTabPanel[hidden] {
  display: none;
}
:where(#salt-console) .giMetaGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 14px;
}
:where(#salt-console) .giMetaItem {
  min-width: 0px;
  background: var(--color-secondary-25);
  border: 1px solid var(--color-secondary-100);
  border-radius: 10px;
  padding: 8px 10px;
}
:where(#salt-console) .giMetaItem .l {
  display: block;
  font: 700 9px/1 var(--font-sans);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--color-secondary-400);
  margin-bottom: 4px;
}
:where(#salt-console) .giMetaItem .v {
  display: block;
  font: 700 12.5px/16px var(--font-sans);
  color: var(--color-secondary-900);
  overflow-wrap: break-word;
  word-break: break-word;
}
:where(#salt-console) .giGraphView {
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
:where(#salt-console) .giGraphGroup {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 8px 0px;
}
:where(#salt-console) .giGraphGroupLab {
  font: 700 9px/1 var(--font-sans);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-secondary-400);
}
:where(#salt-console) .giGraphChips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
}
:where(#salt-console) .giGraphLine {
  width: 1px;
  height: 16px;
  background: var(--color-secondary-200);
  margin: 0px auto;
}
:where(#salt-console) .giGraphHereRow {
  display: flex;
  justify-content: center;
}
:where(#salt-console) .giGraphHere {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--color-primary-900);
  color: rgb(255, 255, 255);
  border-radius: 12px;
  padding: 9px 14px;
  font: 700 12.5px/16px var(--font-sans);
  max-width: 100%;
}
:where(#salt-console) .giGraphHere span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:where(#salt-console) .giGraphHereIcon {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
}
:where(#salt-console) .giGraphHereIcon svg {
  width: 18px;
  height: 18px;
  display: block;
}
:where(#salt-console) .giAboutHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}
:where(#salt-console) .giAgentBadge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-image:
    linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)),
    linear-gradient(90deg, rgb(255, 107, 74), rgb(139, 92, 246));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1.5px solid transparent;
  border-radius: 999px;
  padding: 5px 12px 5px 8px;
  font: 700 11.5px/1 var(--font-sans);
  color: var(--color-secondary-900);
  white-space: nowrap;
}
:where(#salt-console) .giAgentIcon {
  width: 15px;
  height: 15px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--color-primary-700);
}
:where(#salt-console) .giAgentIcon svg {
  width: 15px;
  height: 15px;
  display: block;
}
:where(#salt-console) .gNode.is-picked {
  border-color: var(--color-primary-900);
  background: rgb(245, 245, 253);
  box-shadow: 0 0 0 3px var(--color-primary-100);
}
:where(#salt-console) .gCircWrap.is-picked .gCirc {
  border-color: var(--color-primary-900);
  background: rgb(245, 245, 253);
  box-shadow: 0 0 0 3px var(--color-primary-100);
}
:where(#salt-console) .gCapBox.is-picked {
  border-color: var(--color-primary-900);
  box-shadow: 0 0 0 3px var(--color-primary-100);
}
:where(#salt-console) #gColumns.has-pick .gNode.is-dim,
:where(#salt-console) #gColumns.has-pick .gCircWrap.is-dim,
:where(#salt-console) #gColumns.has-pick .gCapBox.is-dim {
  opacity: 0.35;
}
:where(#salt-console) #gEdges path.gPicked {
  stroke: var(--color-primary-900);
  opacity: 0.85;
}
@media (max-width: 900px) {
  :where(#salt-console) .app[data-embed="site"] .content.covPage {
    padding: 14px 14px 12px;
  }
  :where(#salt-console) .panelBar {
    padding: 10px 14px;
  }
}
:where(#salt-console) .app[data-embed="site"] .gColumns {
  gap: 26px;
  min-width: 0px;
  width: max-content;
}
:where(#salt-console) .app[data-embed="site"] .gCol.agents,
:where(#salt-console) .app[data-embed="site"] .gCol.mcps {
  width: 224px;
}
:where(#salt-console) .app[data-embed="site"] .gCol.agents .gNode,
:where(#salt-console) .app[data-embed="site"] .gCol.mcps .gNode {
  width: 224px;
}
:where(#salt-console) .app[data-embed="site"] .gCol.tech,
:where(#salt-console) .app[data-embed="site"] .gCol.apps {
  width: 132px;
}
:where(#salt-console) .app[data-embed="site"] .gCol.caps {
  min-width: 170px;
  flex: 0 0 170px;
}
:where(#salt-console) .app[data-embed="site"] .gCapBox {
  width: 100%;
  padding: 14px 12px;
  grid-template-columns: repeat(auto-fit, 24px);
  grid-template-rows: none;
  justify-content: center;
}
:where(#salt-console) .app[data-embed="site"] .gColHead {
  font-size: min(17px, calc(12.5px / var(--gk, 1)));
}
@media (max-width: 900px) {
}
#salt-console .saltPanel {
  --cv-bg: #0c0c0e;
  --cv-canvas: #0a0a0b;
  --cv-panel: #17171b;
  --cv-panel2: #1e1e23;
  --cv-panel3: #232329;
  --cv-border: rgba(255, 255, 255, 0.09);
  --cv-border-strong: rgba(255, 255, 255, 0.18);
  --cv-text: #f3f3f4;
  --cv-text-dim: #a3a3ab;
  --cv-text-dimmer: #6f6f78;
  --cv-purple: #8b6ef2;
  --cv-purple-strong: #b3a0ff;
  --cv-purple-bg: rgba(139, 110, 242, 0.16);
  --cv-orange: #f79009;
  --cv-red: #f4594e;
  background: var(--cv-bg);
  border-color: var(--cv-border-strong);
}
#salt-console .panelBar {
  background: var(--cv-canvas);
  border-bottom-color: var(--cv-border);
}
#salt-console .pbBrand {
  color: var(--cv-text);
}
#salt-console .pbLive {
  color: var(--cv-text-dim);
}
#salt-console .acShell {
  display: flex;
  align-items: stretch;
  min-height: 0px;
  background: var(--cv-bg);
}
#salt-console .acRail {
  flex: 0 0 52px;
  width: 52px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0px;
  gap: 16px;
  background: var(--cv-canvas);
  border-right: 1px solid var(--cv-border);
}
#salt-console .acRailGroup {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
#salt-console .acRailBtn {
  width: 32px;
  height: 32px;
  border: 0px;
  border-radius: 9px;
  background: none;
  cursor: pointer;
  display: grid;
  place-items: center;
  color: var(--cv-text-dimmer);
}
#salt-console .acRailBtn svg {
  width: 16px;
  height: 16px;
}
#salt-console .acRailBtn:hover {
  background: rgba(255, 255, 255, 0.06);
  color: var(--cv-text-dim);
}
#salt-console .acRailBtn.is-active {
  background: var(--cv-purple-bg);
  color: var(--cv-purple-strong);
}
#salt-console .acMain {
  flex: 1 1 0%;
  min-width: 0px;
  display: flex;
  flex-direction: column;
}
#salt-console .acTopBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 20px;
  border-bottom: 1px solid var(--cv-border);
}
#salt-console .acTopLeft {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0px;
}
#salt-console .acIconBtn {
  width: 28px;
  height: 28px;
  border: 0px;
  border-radius: 8px;
  background: none;
  cursor: pointer;
  display: grid;
  place-items: center;
  color: var(--cv-text-dim);
  flex: 0 0 auto;
}
#salt-console .acIconBtn:hover {
  background: rgba(255, 255, 255, 0.06);
  color: var(--cv-text);
}
#salt-console .acIconBtn svg {
  width: 15px;
  height: 15px;
}
#salt-console .acTitle {
  font: 600 17px/1.2 var(--font-sans);
  letter-spacing: -0.01em;
  color: var(--cv-text);
  margin: 0px;
}
#salt-console .acInfoDot {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--cv-text-dimmer);
  cursor: pointer;
  flex: 0 0 auto;
}
#salt-console .acInfoDot svg {
  width: 15px;
  height: 15px;
}
#salt-console .acTopRight {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
#salt-console .acPepperBtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-image: linear-gradient(var(--cv-panel), var(--cv-panel)), linear-gradient(90deg, #ff6b4a, #8b5cf6);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1.5px solid transparent;
  border-radius: 999px;
  padding: 6px 13px;
  font: 600 12.5px/1 var(--font-sans);
  color: var(--cv-text);
  cursor: pointer;
  white-space: nowrap;
}
#salt-console .acSpark {
  font-size: 12px;
}
#salt-console .acOrgBtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--cv-panel);
  border: 1px solid var(--cv-border);
  border-radius: 999px;
  padding: 6px 12px;
  font: 600 12.5px/1 var(--font-sans);
  color: var(--cv-text-dim);
  cursor: pointer;
  white-space: nowrap;
}
#salt-console .acOrgBtn svg {
  width: 9px;
  height: 9px;
}
#salt-console .acHelpDot {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid var(--cv-border);
  display: grid;
  place-items: center;
  font: 600 12px/1 var(--font-sans);
  color: var(--cv-text-dim);
  cursor: pointer;
  flex: 0 0 auto;
}
#salt-console .acFilterBar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 12px 20px;
  border-bottom: 1px solid var(--cv-border);
}
#salt-console .acBookmark {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid var(--cv-border);
  background: var(--cv-panel);
}
#salt-console .acFilterPill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--cv-panel);
  border: 1px solid var(--cv-border);
  border-radius: 999px;
  padding: 6px 12px;
  font: 500 12.5px/1 var(--font-sans);
  color: var(--cv-text-dim);
  cursor: pointer;
  white-space: nowrap;
}
#salt-console .acFilterPill svg {
  width: 8px;
  height: 8px;
}
#salt-console .acAddFilter {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px dashed var(--cv-border-strong);
  background: none;
  color: var(--cv-text-dim);
  font-size: 15px;
  cursor: pointer;
  display: grid;
  place-items: center;
}
#salt-console .acViewToggle {
  margin-left: auto;
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  background: var(--cv-panel);
  border: 1px solid var(--cv-border);
  border-radius: 999px;
}
#salt-console .acViewOpt {
  border: 0px;
  background: none;
  border-radius: 999px;
  padding: 5px 12px;
  font: 600 12px/1 var(--font-sans);
  color: var(--cv-text-dimmer);
  cursor: pointer;
  white-space: nowrap;
}
#salt-console .acViewOpt.is-on {
  background: var(--cv-purple);
  color: rgb(255, 255, 255);
}
#salt-console .app[data-embed="site"] {
  background: var(--cv-bg);
}
#salt-console .content.covPage {
  background: var(--cv-bg);
  border-color: var(--cv-border);
  box-shadow: none;
}
#salt-console .graphView {
  background-color: var(--cv-canvas);
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.055) 1.1px, transparent 1.1px);
}
#salt-console .covBody .graphView {
  border-color: var(--cv-border);
  background-color: var(--cv-canvas);
  height: 660px;
}
#salt-console .gInspectorRail {
  height: 660px;
  background: var(--cv-panel);
  border-color: var(--cv-border);
  color: var(--cv-text);
}
#salt-console [data-variant="c"] .covBody {
  grid-template-columns: minmax(0px, 1fr) 340px;
}
#salt-console .gColumns {
  min-width: 0px;
  gap: 52px;
}
#salt-console .gCol.caps {
  min-width: 220px;
}
#salt-console .gToolbar {
  background: var(--cv-panel2);
  border-color: var(--cv-border);
  box-shadow: rgba(0, 0, 0, 0.6) 0px 8px 22px -8px;
}
#salt-console .gToolBtn {
  color: var(--cv-text-dim);
}
#salt-console .gToolBtn:hover {
  background: rgba(255, 255, 255, 0.07);
  color: var(--cv-text);
}
#salt-console .gToolItem.active .gToolBtn {
  background: var(--cv-purple-bg);
  color: var(--cv-purple-strong);
}
#salt-console .gTip {
  background: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}
#salt-console .gToolItem:hover .gTip {
  opacity: 1;
}
#salt-console .gToolItem.active .gTip {
  opacity: 0;
}
#salt-console .gPop {
  background: var(--cv-panel3);
  border: 1px solid var(--cv-border);
  box-shadow: rgba(0, 0, 0, 0.7) 0px 20px 50px -12px;
}
#salt-console .gPopHead {
  color: var(--cv-text-dimmer);
}
#salt-console .gPopRow .rowLabel {
  color: var(--cv-text);
}
#salt-console .gSwitch {
  background: rgba(255, 255, 255, 0.14);
}
#salt-console .gSwitch.on {
  background: var(--cv-purple);
}
#salt-console .gColHead {
  color: var(--cv-text-dim);
}
#salt-console .gEdges path {
  stroke: rgba(178, 158, 255, 0.28);
  stroke-width: 2.4;
}
#salt-console .gEdges.has-hl path:not(.hl):not(.gFlowLine) {
  opacity: 0.22;
  stroke: rgba(255, 255, 255, 0.12);
}
#salt-console .gEdges path.hl,
#salt-console #gEdges path.gPicked {
  stroke: var(--cv-purple-strong);
  stroke-width: 2.6;
  opacity: 1;
}
#salt-console .gEdges path.gFlowLine {
  stroke: var(--cv-purple-strong);
  stroke-width: 2.6;
  opacity: 0.9;
}
#salt-console #gColumns.has-pick .gNode.is-dim,
#salt-console #gColumns.has-pick .gCircWrap.is-dim,
#salt-console #gColumns.has-pick .gCapBox.is-dim {
  opacity: 0.32;
}
#salt-console .gNode {
  background: var(--cv-panel);
  border-color: var(--cv-border);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 8px;
}
#salt-console .gNode:hover,
#salt-console .gNode.is-hover {
  background: var(--cv-panel3);
  border-color: var(--cv-purple);
}
#salt-console .gNode.is-picked,
#salt-console .gNode.is-selected {
  background: var(--cv-panel3);
  border-color: var(--cv-purple);
  box-shadow: 0 0 0 3px var(--cv-purple-bg);
}
#salt-console .gNodeTitle {
  color: var(--cv-text);
}
#salt-console .gNodeSub,
#salt-console .toolkitTag {
  color: var(--cv-text-dim);
}
#salt-console .toolkitTag {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--cv-border-strong);
}
#salt-console .logoTxt {
  color: var(--cv-text);
}
#salt-console .gCirc {
  background: var(--cv-panel);
  border-color: var(--cv-border);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 8px;
}
#salt-console .gCircWrap:hover .gCirc,
#salt-console .gCircWrap.is-hover .gCirc {
  background: var(--cv-panel3);
  border-color: var(--cv-purple);
}
#salt-console .gCircWrap.is-picked .gCirc,
#salt-console .gCircWrap.is-selected .gCirc {
  background: var(--cv-panel3);
  border-color: var(--cv-purple);
  box-shadow: 0 0 0 3px var(--cv-purple-bg);
}
#salt-console .gCount {
  background: var(--cv-panel3);
  border-color: var(--cv-border-strong);
  color: var(--cv-text-dim);
}
#salt-console .gCapBox {
  background: var(--cv-panel);
  border-color: var(--cv-border);
  cursor: pointer;
}
#salt-console .gCapBox:hover,
#salt-console .gCapBox.is-hover {
  border-color: var(--cv-purple);
  background: var(--cv-panel3);
}
#salt-console .gCapDot {
  cursor: pointer;
}
#salt-console .gCapDot.plain {
  background: var(--cv-panel3);
  border-color: var(--cv-border-strong);
}
#salt-console .gCapDot.tint {
  background: rgba(247, 144, 9, 0.34);
  border-color: var(--cv-orange);
}
#salt-console .gCapDot:hover {
  outline: 2px solid var(--cv-purple-strong);
  outline-offset: 1px;
}
#salt-console .gFooter {
  background: var(--cv-canvas);
  border-top-color: var(--cv-border);
  color: var(--cv-text-dimmer);
}
#salt-console .gFooter .cnt b {
  color: var(--cv-text);
}
#salt-console .riskPill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 20px;
  padding: 0px 7px;
  border-radius: 999px;
  background: var(--cv-orange);
  color: rgb(58, 31, 0);
  font: 700 11px/1 var(--font-sans);
}
#salt-console .riskPill.low {
  background: rgb(255, 216, 138);
  color: rgb(74, 51, 0);
}
#salt-console .crackBadge {
  width: 18px;
  height: 18px;
  color: var(--cv-red);
  filter: drop-shadow(rgba(0, 0, 0, 0) 0px 0px 0px);
}
#salt-console .app .gBadges {
  display: inline-flex;
}
#salt-console .gBadges.noFrame {
  top: -10px;
  right: -6px;
  gap: 3px;
}
#salt-console .gCircWrap .gBadges {
  top: -10px;
}
#salt-console .nodePop {
  position: fixed;
  z-index: 1400;
  width: 280px;
  background: var(--cv-panel3);
  border: 1px solid var(--cv-border-strong);
  border-radius: 14px;
  padding: 14px 16px;
  box-shadow: rgba(0, 0, 0, 0.7) 0px 20px 50px -12px;
  font-family: var(--font-sans);
  color: var(--cv-text);
}
#salt-console .nodePop[hidden] {
  display: none;
}
#salt-console .npHead {
  display: flex;
  align-items: center;
  gap: 9px;
}
#salt-console .npIcon {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
}
#salt-console .npIcon svg,
#salt-console .npIcon img {
  display: block;
  width: 20px !important;
  height: 20px !important;
}
#salt-console .npName {
  font: 700 14px/18px var(--font-sans);
  color: var(--cv-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#salt-console .npType {
  margin: 4px 0px 12px;
  font: 400 12px/16px var(--font-sans);
  color: var(--cv-text-dim);
}
#salt-console .npRelated {
  margin: 0px 0px 8px;
  font: 700 12.5px/16px var(--font-sans);
  color: var(--cv-text);
}
#salt-console .npRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 22px;
}
#salt-console .npRow + .npRow {
  margin-top: 6px;
}
#salt-console .npLabel {
  font: 400 12px/16px var(--font-sans);
  color: var(--cv-text-dim);
}
#salt-console .npVal {
  font: 600 12px/16px var(--font-sans);
  color: var(--cv-text);
}
#salt-console .npVal.dash {
  color: var(--cv-text-dimmer);
  font-weight: 400;
}
#salt-console .npGapPill {
  padding: 2px 8px;
  border-radius: 999px;
  font: 700 10.5px/1 var(--font-sans);
}
#salt-console .npGapPill.high {
  background: var(--color-red-200);
  color: rgb(122, 31, 22);
}
#salt-console .npGapPill.low {
  background: var(--color-yellow-100);
  color: rgb(107, 86, 0);
}
#salt-console .npDivider {
  height: 1px;
  background: var(--cv-border);
  margin: 12px 0px 10px;
}
#salt-console .npBtn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--cv-border-strong);
  border-radius: 9px;
  padding: 8px;
  font: 600 12px/1 var(--font-sans);
  color: var(--cv-text);
  cursor: pointer;
}
#salt-console .npBtn:hover {
  background: var(--cv-purple-bg);
  border-color: var(--cv-purple);
  color: var(--cv-purple-strong);
}
#salt-console .giEmpty {
  color: var(--cv-text-dim);
}
#salt-console .giDotIcon {
  background: var(--cv-panel3);
  border-color: var(--cv-border-strong);
}
#salt-console .giDotIcon .t {
  color: var(--cv-purple-strong);
}
#salt-console .giDotIcon svg,
#salt-console .giDotIcon img {
  width: 22px;
  height: 22px;
}
#salt-console .giName {
  color: var(--cv-text);
}
#salt-console .giType {
  color: var(--cv-purple-strong);
  background: var(--cv-purple-bg);
  border-color: transparent;
}
#salt-console .giClose {
  color: var(--cv-text-dimmer);
}
#salt-console .giClose:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--cv-text);
}
#salt-console .giLab {
  color: var(--cv-text-dimmer);
}
#salt-console .giTabs {
  border-bottom-color: var(--cv-border);
}
#salt-console .giTab {
  color: var(--cv-text-dimmer);
}
#salt-console .giTab:hover {
  color: var(--cv-text);
}
#salt-console .giTab.active {
  color: var(--cv-purple-strong);
  border-bottom-color: var(--cv-purple-strong);
}
#salt-console .giTabCount {
  display: inline-block;
  margin-left: 5px;
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  font: 700 10px/14px var(--font-sans);
  color: var(--cv-text-dim);
}
#salt-console .giTab.active .giTabCount {
  background: var(--cv-purple-bg);
  color: var(--cv-purple-strong);
}
#salt-console .giMetaItem {
  background: rgba(255, 255, 255, 0.035);
  border-color: var(--cv-border);
}
#salt-console .giMetaItem .l {
  color: var(--cv-text-dimmer);
}
#salt-console .giMetaItem .v {
  color: var(--cv-text);
}
#salt-console .giMetaItem .v a {
  color: var(--cv-purple-strong);
}
#salt-console .giDesc {
  color: var(--cv-text-dim);
}
#salt-console .giAboutHead {
  color: var(--cv-text);
}
#salt-console .giAgentBadge {
  background-image: linear-gradient(var(--cv-panel2), var(--cv-panel2)), linear-gradient(90deg, #ff6b4a, #8b5cf6);
  color: var(--cv-text);
}
#salt-console .giGraphGroupLab {
  color: var(--cv-text-dimmer);
}
#salt-console .giGraphLine {
  background: var(--cv-border-strong);
}
#salt-console .giGraphHere {
  background: var(--cv-purple);
}
#salt-console .giChip {
  background: var(--cv-panel2);
  border-color: var(--cv-border-strong);
  color: var(--cv-text);
}
#salt-console .giChip:hover {
  border-color: var(--cv-purple);
  color: var(--cv-purple-strong);
}
#salt-console .mcpGraphCard {
  border-color: var(--cv-border);
  background: rgba(255, 255, 255, 0.02);
}
#salt-console .mcpCapTable {
  min-width: 400px;
}
#salt-console .mcpCapTable .mcRow {
  border-bottom-color: var(--cv-border);
  min-height: 44px;
  grid-template-columns: 1.7fr 0.7fr 0.9fr 0.6fr 0.6fr;
}
#salt-console .mcpCapTable .mcHead {
  border-bottom-color: var(--cv-border-strong);
}
#salt-console .mcpCapTable .mcHead .mcCell {
  color: var(--cv-text-dimmer);
}
#salt-console .mcpCapTable .mcCell {
  color: var(--cv-text);
}
#salt-console .mcpCapTable .mcRow.data:hover .mcCell.name {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
}
#salt-console .mcpCapTable .mcRow.data {
  cursor: pointer;
}
#salt-console .giCode {
  position: relative;
  margin-top: 10px;
  padding: 14px 40px 14px 14px;
  background: rgb(0, 0, 0);
  border: 1px solid var(--cv-border);
  border-radius: 10px;
  font: 400 12.5px/19px var(--font-mono);
  color: rgb(216, 216, 220);
  white-space: pre-wrap;
  word-break: break-word;
}
#salt-console .giCodeCopy {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  border: 1px solid var(--cv-border-strong);
  background: rgba(255, 255, 255, 0.05);
  color: var(--cv-text-dim);
  display: grid;
  place-items: center;
  cursor: pointer;
}
#salt-console .giCodeCopy svg {
  width: 13px;
  height: 13px;
}
#salt-console .giCodeCopy:hover {
  color: var(--cv-text);
  background: rgba(255, 255, 255, 0.09);
}
#salt-console .giPromptSrc {
  font: 600 11px/16px var(--font-sans);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cv-text-dimmer);
}
#salt-console .giEmptyState {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 34px 10px;
  text-align: center;
}
#salt-console .giEmptyState svg {
  width: 34px;
  height: 34px;
  color: var(--cv-text-dimmer);
}
#salt-console .giEmptyState .ico {
  font-size: 30px;
  line-height: 1;
  opacity: 0.7;
}
#salt-console .giEmptyState .t1 {
  font: 700 13px/18px var(--font-sans);
  color: var(--cv-text);
}
#salt-console .giEmptyState .t2 {
  font: 400 12px/17px var(--font-sans);
  color: var(--cv-text-dimmer);
  max-width: 240px;
}
#salt-console .giRiskHead {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}
#salt-console .giRiskBig {
  font: 700 30px/1 var(--font-sans);
  color: var(--cv-text);
  letter-spacing: -0.02em;
}
#salt-console .giSevPill {
  padding: 4px 11px;
  border-radius: 999px;
  font: 700 12px/1 var(--font-sans);
}
#salt-console .giSevPill.High {
  background: var(--color-red-200);
  color: rgb(122, 31, 22);
}
#salt-console .giSevPill.Medium {
  background: var(--color-orange-200);
  color: rgb(122, 74, 6);
}
#salt-console .giSevPill.Low {
  background: var(--color-yellow-100);
  color: rgb(107, 86, 0);
}
#salt-console .giRiskGrid {
  display: flex;
  gap: 18px;
  margin-top: 16px;
  align-items: center;
  flex-wrap: wrap;
}
#salt-console .giRadarWrap {
  flex: 0 0 auto;
}
#salt-console .giRadarWrap svg {
  display: block;
}
#salt-console .giRadarAxisLab {
  font: 600 9.5px/1 var(--font-sans);
  fill: var(--cv-text-dimmer);
}
#salt-console .giStatCol {
  flex: 1 1 0%;
  min-width: 180px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#salt-console .giStatLine {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid var(--cv-border);
  border-radius: 10px;
}
#salt-console .giStatLine svg {
  width: 15px;
  height: 15px;
  color: var(--cv-text-dimmer);
  flex: 0 0 auto;
}
#salt-console .giStatLine .l {
  flex: 1 1 0%;
  font: 500 12px/16px var(--font-sans);
  color: var(--cv-text-dim);
}
#salt-console .giStatLine .v {
  font: 700 12px/16px var(--font-sans);
  color: var(--cv-text);
}
#salt-console .giDsToggle {
  display: inline-flex;
  gap: 3px;
  padding: 3px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 999px;
  margin-top: 12px;
}
#salt-console .giDsToggle button {
  border: 0px;
  background: none;
  border-radius: 999px;
  padding: 6px 13px;
  font: 600 12px/1 var(--font-sans);
  color: var(--cv-text-dimmer);
  cursor: pointer;
}
#salt-console .giDsToggle button.active {
  background: var(--cv-purple-bg);
  color: var(--cv-purple-strong);
}
#salt-console .giDsBar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}
#salt-console .giDsSearch {
  flex: 1 1 0%;
  min-width: 140px;
  display: flex;
  align-items: center;
  gap: 7px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--cv-border-strong);
  border-radius: 9px;
  padding: 7px 11px;
}
#salt-console .giDsSearch svg {
  width: 13px;
  height: 13px;
  color: var(--cv-text-dimmer);
  flex: 0 0 auto;
}
#salt-console .giDsSearch input {
  border: 0px;
  background: none;
  outline: 0px;
  font: 400 12.5px/1 var(--font-sans);
  color: var(--cv-text);
  width: 100%;
}
#salt-console .giDsSearch input::placeholder {
  color: var(--cv-text-dimmer);
}
#salt-console .giDsSelect,
#salt-console .giDsSamples {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--cv-border-strong);
  border-radius: 9px;
  padding: 7px 11px;
  font: 600 12px/1 var(--font-sans);
  color: var(--cv-text-dim);
  cursor: pointer;
  white-space: nowrap;
}
#salt-console .giDsSelect svg {
  width: 8px;
  height: 8px;
}
#salt-console .giPgHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
}
#salt-console .giPgHead h4 {
  display: flex;
  align-items: center;
  gap: 7px;
  font: 700 13.5px/1 var(--font-sans);
  color: var(--cv-text);
  margin: 0px;
}
#salt-console .giPgHead h4 svg {
  width: 15px;
  height: 15px;
  color: var(--cv-text-dim);
}
#salt-console .giViewLink {
  font: 600 12px/1 var(--font-sans);
  color: var(--cv-purple-strong);
  cursor: pointer;
}
#salt-console .giPgTable {
  width: 100%;
  min-width: 540px;
  border-collapse: collapse;
  margin-top: 12px;
  font: 400 12px/17px var(--font-sans);
}
#salt-console .giPgTable td,
#salt-console .giPgTable th {
  white-space: nowrap;
}
#salt-console .giPgTable td:first-child {
  white-space: normal;
  max-width: 140px;
}
#salt-console .giPgTable th {
  text-align: left;
  font: 600 10.5px/1 var(--font-sans);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cv-text-dimmer);
  padding: 0px 8px 9px;
  border-bottom: 1px solid var(--cv-border-strong);
}
#salt-console .giPgTable td {
  padding: 10px 8px;
  border-bottom: 1px solid var(--cv-border);
  color: var(--cv-text);
  vertical-align: middle;
}
#salt-console .giPgTable tr:last-child td {
  border-bottom: 0px;
}
#salt-console .giSevTag {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 999px;
  font: 700 10.5px/16px var(--font-sans);
}
#salt-console .giSevTag.High {
  background: var(--color-red-200);
  color: rgb(122, 31, 22);
}
#salt-console .giSevTag.Medium {
  background: var(--color-orange-200);
  color: rgb(122, 74, 6);
}
#salt-console .giSevTag.Low {
  background: var(--color-yellow-100);
  color: rgb(107, 86, 0);
}
#salt-console .giSevTag.Info {
  background: none;
  border: 1px solid var(--cv-border-strong);
  color: var(--cv-text-dim);
}
#salt-console .giCatTag {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--cv-border-strong);
  font: 600 10.5px/16px var(--font-sans);
  color: var(--cv-text-dim);
  white-space: nowrap;
}
#salt-console .giStatusTag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font: 500 12px/1 var(--font-sans);
  color: var(--cv-text-dim);
}
#salt-console .giStatusTag i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--cv-purple-strong);
  display: inline-block;
}
#salt-console .giInfoBanner {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  background: rgba(139, 110, 242, 0.1);
  border: 1px solid var(--cv-purple-bg);
  border-radius: 10px;
  padding: 10px 12px;
  margin-top: 4px;
  font: 400 12px/18px var(--font-sans);
  color: var(--cv-text-dim);
}
#salt-console .giInfoBanner svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  color: var(--cv-purple-strong);
}
#salt-console .giInfoBanner a {
  color: var(--cv-purple-strong);
  text-decoration: underline;
}
#salt-console .giDetailsHead {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 16px;
  font: 700 13.5px/1 var(--font-sans);
  color: var(--cv-text);
}
#salt-console .giDetailsHead svg {
  width: 15px;
  height: 15px;
  color: var(--cv-text-dim);
}
#salt-console .giDetailsGrid {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
  gap: 10px 14px;
  margin-top: 12px;
}
#salt-console .giDRow {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0px;
  padding: 7px 0px;
  border-bottom: 1px solid var(--cv-border);
  font: 400 12px/17px var(--font-sans);
}
#salt-console .giDRow .l {
  color: var(--cv-text-dimmer);
  font: 600 10px/14px var(--font-sans);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
#salt-console .giDRow .v {
  color: var(--cv-text);
  text-align: left;
  overflow-wrap: break-word;
  word-break: break-word;
  min-width: 0px;
}
#salt-console .giDRow .v a {
  color: var(--cv-purple-strong);
}
#salt-console .giDPill {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--cv-border-strong);
  font: 600 11px/16px var(--font-sans);
}
#salt-console .giReqHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
#salt-console .giReqHead h4 {
  display: flex;
  align-items: center;
  gap: 7px;
  font: 700 13.5px/1 var(--font-sans);
  color: var(--cv-text);
  margin: 0px;
}
#salt-console .giReqHead h4 svg {
  width: 15px;
  height: 15px;
  color: var(--cv-text-dim);
}
#salt-console .giReqChart {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  border: 1px dashed var(--cv-border-strong);
  border-radius: 10px;
  color: var(--cv-text-dimmer);
}
#salt-console .giReqChart svg {
  width: 34px;
  height: 22px;
}
#salt-console #gColumns.hide-risk .gBadges {
  display: none;
}
#salt-console #gColumns.hide-posture .gCapDot.tint {
  background: var(--cv-panel3);
  border-color: var(--cv-border-strong);
}
@media (max-width: 720px) {
  #salt-console .acRail {
    flex-basis: 44px;
    width: 44px;
    padding: 12px 0px;
    gap: 12px;
  }
  #salt-console .acRailBtn {
    width: 28px;
    height: 28px;
  }
  #salt-console .acTopBar,
  #salt-console .acFilterBar {
    padding: 10px 12px;
  }
  #salt-console .acOrgBtn span,
  #salt-console .acHelpDot {
    display: none;
  }
  #salt-console [data-variant="c"] .covBody {
    grid-template-columns: minmax(0px, 1fr);
  }
  #salt-console .covBody .graphView,
  #salt-console .gInspectorRail {
    height: 460px;
  }
  #salt-console .gInspectorRail {
    margin-top: 14px;
  }
  #salt-console .giDetailsGrid {
    grid-template-columns: 1fr;
  }
}

/* Section spacing. Adjust freely in the CMS: the padding gives the purple glow
   behind the console room to fade out before overflow:hidden clips it.
   The section has no background of its own, so it sits on the page's dark background. */
#salt-console {
  padding: 24px 0 48px;
}

#salt-console .tourBar {
  max-width: 1200px;
  margin: 0 auto 28px;
  padding: 0 24px;
}
#salt-console .tourBar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 24px;
  margin-top: 26px;
}
#salt-console .tourSteps {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#salt-console .tourStep {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 16px 9px 9px;
  border-radius: 99px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.03);
  color: #c8c6d2;
  font:
    600 14px/1 "Inter",
    system-ui,
    sans-serif;
  transition:
    background 0.3s,
    border-color 0.3s,
    color 0.3s;
}
#salt-console .tourStep b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 12px;
  transition: background 0.3s;
}
#salt-console .tourStep.is-on {
  border-color: #9d85ff;
  background: rgba(111, 77, 255, 0.18);
  color: #fff;
}
#salt-console .tourStep.is-on b,
#salt-console .tourStep.is-done b {
  background: #6f4dff;
}
#salt-console .tourCtl {
  display: flex;
  align-items: center;
  gap: 10px;
}
#salt-console .tourPill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font:
    500 13px/1 "Inter",
    system-ui,
    sans-serif;
  color: #a9a6b6;
}
#salt-console .tourPill::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #9d85ff;
  box-shadow: 0 0 0 4px rgba(157, 133, 255, 0.18);
  animation: scTourBlink 1.6s ease-in-out infinite;
}
#salt-console[data-tour="user"] .tourPill::before {
  background: #33c48d;
  box-shadow: 0 0 0 4px rgba(51, 196, 141, 0.18);
  animation: none;
}
@keyframes scTourBlink {
  50% {
    opacity: 0.35;
  }
}
#salt-console .tourReplay {
  min-height: 40px;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  color: #fff;
  font:
    600 13px/1 "Inter",
    system-ui,
    sans-serif;
  cursor: pointer;
}
#salt-console .tourReplay:hover {
  border-color: #9d85ff;
}
#salt-console .saltPanel {
  position: relative;
}
#salt-console .tourCursor {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 80;
  pointer-events: none;
  opacity: 0;
  transform: translate(40%, 40%);
  transition:
    transform 0.6s cubic-bezier(0.45, 0, 0.2, 1),
    opacity 0.3s;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.6));
}
#salt-console .tourCursor svg {
  display: block;
}
#salt-console .scTourRipple {
  position: absolute;
  left: -14px;
  top: -14px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #b6a8ff;
  opacity: 0;
}
#salt-console .tourCursor.is-click .scTourRipple {
  animation: scTourRip 0.55s ease-out;
}
@keyframes scTourRip {
  0% {
    transform: scale(0.3);
    opacity: 1;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  #salt-console .tourCursor {
    display: none;
  }
  #salt-console .tourPill::before {
    animation: none;
  }
}