.internal/defense-factory-ui/src/styles.css

@import "@oai/ds/styles";
@import "./theme.css";
@import "./workbench/figma-shell.css";
@import "./workbench/controls.css";
@import "./workbench/overview-charts.css";

@source "./**/*.{ts,tsx}";

/* Red / orange / yellow distinguish severity without changing shared badges.
   The combined "Medium or lower" summary intentionally remains neutral. */
.df-findings-severity-medium:not(.df-overview-severity-badge),
.df-finding-severity-medium {
  background: var(--color-background-caution-soft-alpha);
  color: var(--color-text-caution-surface);
}

html,
body,
#root {
  height: 100%;
}

body {
  margin: 0;
}

/* CSC workbench colors use the plugin's bundled platform theme. */
@theme inline {
  --color-token-text-primary: var(--color-text-emphasis);
  --color-token-text-secondary: var(--color-text-secondary);
  --color-token-text-tertiary: var(--color-text-tertiary);
  --color-token-text-accent: var(--color-text-info);
  --color-token-icon-secondary: var(--color-text-secondary);
  --color-token-border-light: var(--color-border);
  --color-token-border-medium: var(--color-border-strong);
  --color-token-border-default: var(--color-border);
  --color-token-border-heavy: var(--color-border-strong);
  --color-token-bg-primary: var(--color-surface);
  --color-token-bg-secondary: color-mix(
    in srgb,
    var(--color-surface) 92%,
    transparent
  );
  --color-token-bg-secondary-surface: var(--color-surface-secondary);
  --color-token-bg-tertiary: var(--color-surface-tertiary);
  --color-token-main-surface-primary: var(--color-surface);
  --color-token-interactive-bg-tertiary-hover: var(
    --color-background-secondary-ghost-hover
  );
}

@utility icon-sm {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}