/* ============================================================================
   JCAI 治理台 · 令牌与基座
   —— 只放设计令牌 + 页面基座；治理台的外壳与全部组件在 console.css。
   令牌与工作台同源（飞书蓝阶 + 中性阶 + 功能色 + 类型强调色），但**壳不同**：
   工作台是浅色三栏工作面，治理台是深色轨 + 深色顶栏的控制台。
   ========================================================================== */

:root {
  /* —— 飞书蓝阶 —— */
  --brand: #3370ff;
  --brand-deep: #245bdb;
  --brand-pressed: #1c4cba;
  --brand-soft: #e1eaff;
  --brand-wash: #f0f4ff;
  /* —— AI 在场渐变 —— */
  --ai-a: #3370ff;
  --ai-b: #7f3bf5;
  --ai-grad: linear-gradient(135deg, var(--ai-a), var(--ai-b));
  /* —— 中性阶 —— */
  --ink: #1f2329;
  --ink-2: #41464e;
  --ink-3: #646a73;
  --ink-4: #8f959e;
  --line: #dee0e3;
  --line-soft: #e8eaed;
  --canvas: #f0f2f5;
  --soft: #f8f9fb;
  --cardline: #e1e6ec;
  --card-shadow: 0 1px 2px rgba(31, 35, 41, .05);
  /* —— 功能色 —— */
  --ok: #278717; --ok-accent: #34c724; --ok-soft: #e8f8e4;
  --warn: #de7802; --warn-accent: #ff8800; --warn-soft: #fff4e5;
  --danger: #d83931; --danger-accent: #f54a45; --danger-soft: #feeae9;
  /* —— 活动 / 节点类型强调色 —— */
  --st-auto: #4954e6; --st-execute: #e07a00; --st-decision: #7f3bf5;
  --st-collab: #0aa294; --st-wait: #6a7590;
  /* —— 字体 / 动效 —— */
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;
  --t-fast: .16s cubic-bezier(.3, 0, .2, 1);
  --t-med: .26s cubic-bezier(.3, 0, .2, 1);
}

/* ============================== 基座 ============================== */
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  min-width: 1120px;
  background: #eceff4;
  color: var(--ink);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}
:root { scrollbar-width: thin; scrollbar-color: #c9ced6 transparent; }
::selection { background: var(--brand-soft); }
:where(button, input, textarea, select, a, [tabindex]):focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
  border-radius: 8px;
}

/*
 * 视图区容器 —— 活动推送 HTML 的沙箱画框(AM 07)。
 * 这是**平台本体**的件:活动只给内容,尺寸与边框归系统。
 * iframe 无脚本执行权(sandbox=""),因此内容自带样式、不继承工作台 CSS。
 */
.jc-view-frame {
  display: block;
  width: 100%;
  min-height: 420px;
  height: 100%;
  border: 0;
  border-radius: 10px;
  background: #f7f8fa;
}