/**
 * 嵌入 Floro 工作台时，产品介绍 / TCO 等页面与对话区 VS Code Dark 统一
 * 需在 floro-*-intro.css / floro-tco-calculator.css 之后加载
 */
html.floro-intro--embed-pending body.product-shell,
html.floro-tco--embed-pending body.product-shell,
body.product-shell.floro-intro-page.floro-intro--embed,
body.product-shell.floro-tco-page.floro-tco--embed {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #cccccc;
}

.floro-intro-page.floro-intro--embed,
.floro-tco-page.floro-tco--embed {
  --ws-editor: #1e1e1e;
  --ws-surface: #252526;
  --ws-surface-raised: #2d2d2d;
  --ws-input: #3c3c3c;
  --ws-border: #3c3c3c;
  --ws-border-subtle: #2b2b2b;
  --ws-fg: #cccccc;
  --ws-fg-muted: #858585;
  --ws-fg-bright: #ffffff;
  --ws-accent: #0078d4;
  --ws-accent-hover: #1a86dd;
  --ws-link: #4fc1ff;
  --ws-hover: rgba(255, 255, 255, 0.06);

  background: var(--ws-editor) !important;
  color: var(--ws-fg);
}

.floro-intro-page.floro-intro--embed {
  --intro-ink: var(--ws-fg-bright);
  --intro-muted: var(--ws-fg-muted);
  --intro-border: var(--ws-border);
  --intro-soft: var(--ws-surface);
  --intro-accent: var(--ws-accent);
  --intro-accent-soft: var(--ws-surface-raised);
}

.floro-tco-page.floro-tco--embed {
  --tco-ink: var(--ws-fg-bright);
  --tco-muted: var(--ws-fg-muted);
  --tco-border: var(--ws-border);
  --tco-soft: var(--ws-surface);
  --tco-accent: var(--ws-accent);
  --tco-good: #6ee7a0;
  --tco-warn: #fbbf24;
}

/* —— 产品介绍 —— */
.floro-intro-page.floro-intro--embed .floro-intro-hero__lead {
  color: var(--ws-fg);
}

.floro-intro-page.floro-intro--embed .floro-intro-btn--primary {
  background: var(--ws-accent);
  border-color: var(--ws-accent);
  color: #fff;
}

.floro-intro-page.floro-intro--embed .floro-intro-btn--primary:hover {
  background: var(--ws-accent-hover);
}

.floro-intro-page.floro-intro--embed .floro-intro-btn--secondary {
  background: var(--ws-surface-raised);
  color: var(--ws-fg-bright);
  border-color: var(--ws-border);
}

.floro-intro-page.floro-intro--embed .floro-intro-btn--secondary:hover {
  background: var(--ws-input);
}

.floro-intro-page.floro-intro--embed .floro-intro-metric,
.floro-intro-page.floro-intro--embed .floro-intro-value,
.floro-intro-page.floro-intro--embed .floro-intro-deliverable,
.floro-intro-page.floro-intro--embed .floro-intro-role,
.floro-intro-page.floro-intro--embed .floro-intro-process {
  background: var(--ws-surface-raised);
  box-shadow: none;
}

.floro-intro-page.floro-intro--embed .floro-intro-scenarios li {
  color: var(--ws-fg);
}

.floro-intro-page.floro-intro--embed .floro-intro-process__index {
  background: var(--ws-accent);
}

.floro-intro-page.floro-intro--embed .floro-intro-cta {
  background: var(--ws-surface-raised);
  border: 1px solid var(--ws-border);
  color: var(--ws-fg-bright);
}

.floro-intro-page.floro-intro--embed .floro-intro-cta .floro-intro-btn--primary {
  background: var(--ws-accent);
  color: #fff;
  border-color: var(--ws-accent);
}

.floro-intro-page.floro-intro--embed .floro-intro-cta .floro-intro-btn--primary:hover {
  background: var(--ws-accent-hover);
}

.floro-intro-page.floro-intro--embed .floro-intro-trust a,
.floro-intro-page.floro-intro--embed .floro-intro-process a,
.floro-intro-page.floro-intro--embed .floro-intro-block a:not(.floro-intro-btn) {
  color: #7dd3fc;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.floro-intro-page.floro-intro--embed .floro-intro-trust a:hover,
.floro-intro-page.floro-intro--embed .floro-intro-process a:hover,
.floro-intro-page.floro-intro--embed .floro-intro-block a:not(.floro-intro-btn):hover {
  color: #bae6fd;
}

/* —— TCO 计算器 —— */
.floro-tco-page.floro-tco--embed .floro-tco-btn {
  background: var(--ws-surface-raised);
  color: var(--ws-fg-bright);
  border-color: var(--ws-border);
}

.floro-tco-page.floro-tco--embed .floro-tco-btn:hover {
  background: var(--ws-input);
}

.floro-tco-page.floro-tco--embed .floro-tco-btn--primary {
  background: var(--ws-accent);
  border-color: var(--ws-accent);
  color: #fff;
}

.floro-tco-page.floro-tco--embed .floro-tco-btn--primary:hover {
  background: var(--ws-accent-hover);
}

.floro-tco-page.floro-tco--embed .floro-tco-panel {
  background: var(--ws-surface);
  border-color: var(--ws-border-subtle);
}

.floro-tco-page.floro-tco--embed .floro-tco-panel__head {
  background: var(--ws-surface-raised);
  border-bottom-color: var(--ws-border);
}

.floro-tco-page.floro-tco--embed .floro-tco-mode button,
.floro-tco-page.floro-tco--embed .floro-tco-scenario-tabs button {
  background: var(--ws-input);
  color: var(--ws-fg);
  border-color: var(--ws-border);
}

.floro-tco-page.floro-tco--embed .floro-tco-mode button[aria-pressed="true"],
.floro-tco-page.floro-tco--embed .floro-tco-scenario-tabs button[aria-selected="true"] {
  background: var(--ws-accent);
  color: #fff;
  border-color: var(--ws-accent);
  box-shadow: none;
}

.floro-tco-page.floro-tco--embed .floro-tco-field input,
.floro-tco-page.floro-tco--embed .floro-tco-field select,
.floro-tco-page.floro-tco--embed .floro-tco-field textarea {
  background: var(--ws-input);
  color: var(--ws-fg-bright);
  border-color: var(--ws-border);
}

.floro-tco-page.floro-tco--embed .floro-tco-field input::placeholder,
.floro-tco-page.floro-tco--embed .floro-tco-field textarea::placeholder {
  color: var(--ws-fg-muted);
}

.floro-tco-page.floro-tco--embed .floro-tco-kpi:first-child {
  border-color: var(--ws-accent);
  background: var(--ws-surface-raised);
}

.floro-tco-page.floro-tco--embed .floro-tco-compare {
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.35);
  color: var(--ws-fg);
}

.floro-tco-page.floro-tco--embed .floro-tco-report {
  background: var(--ws-surface-raised);
  color: var(--ws-fg);
  border-color: var(--ws-border);
}

.floro-tco-page.floro-tco--embed .floro-tco-muted,
.floro-tco-page.floro-tco--embed .floro-tco-notes p[style],
.floro-tco-page.floro-tco--embed .floro-tco-report-label {
  color: var(--ws-fg-muted) !important;
}

.floro-tco-page.floro-tco--embed .floro-tco-toast {
  background: var(--ws-accent);
}