/* ============================================================
   智能体家族设计令牌 · 深蓝中台风（源自 AI智能体工作台 色板）
   用法：<link rel="stylesheet" href="tokens.css">
   适用：罗盘成本 / 计划中枢 / 及未来所有智能体子系统（B端）
   语义规则：正向=绿 #69F0AE｜告警=琥珀 #FFD54F｜负向/低于阈值=红 #FF6E6E
   ============================================================ */
:root {
  /* 背景 */
  --bg-page: #0A1830;          /* 页面底 */
  --bg-deep: #0D1B30;          /* 头部/表头/更深一层 */
  --bg-panel: #1E3350;         /* 卡片/面板 */
  --bg-tint: rgba(79,195,247,.12);  /* 主色轻透面板（12%青蓝） */

  /* 主色与语义色 */
  --c-primary: #4FC3F7;        /* 青蓝主强调 */
  --c-positive: #69F0AE;       /* 正向（毛利为正/达标） */
  --c-warning: #FFD54F;        /* 告警/提示 */
  --c-negative: #FF6E6E;       /* 负向/低于阈值 */

  /* 文字 */
  --text-primary: #E6EDF7;
  --text-secondary: #C7D4E8;
  --text-muted: #8FA3C0;
  --text-faint: #5A6E8C;

  /* 边框 */
  --border-primary: rgba(79,195,247,.25);
  --border-soft: rgba(79,195,247,.12);
  --border-line: #24466E;

  /* 圆角 */
  --radius-sm: 8px;
  --radius-md: 12px;

  /* 字体 */
  --font-sans: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;


  /* ── 动效（交互反馈，2026-10-17 林总要求：选中/取消都要有过渡，才有掌控感）── */
  --ease-out: cubic-bezier(.22,.61,.36,1);
  --dur-fast: .16s;            /* hover / 微反馈 */
  --dur-sel: .26s;             /* 选中态填色 */
  --dur-slow: .38s;            /* 展开/抽屉 */
  --sel-bg: rgba(79,195,247,.13);
  --sel-bar: 3px;
}

/* ============================================================
   通用「选中态」（表格行 / 列表项 / 卡片都适用）
   用法：JS 给元素加/去 .is-selected 即可，过渡自动正反播放
   前提：元素自身要有 `box-shadow: inset 0 0 0 transparent` 初始值，
        否则 box-shadow 无法插值，竖条会突然出现（踩过）
   ============================================================ */
.is-selected{
  background: var(--sel-bg);
  box-shadow: inset var(--sel-bar) 0 0 var(--c-primary);
}
.is-selectable{
  transition: background var(--dur-sel) var(--ease-out),
              box-shadow var(--dur-sel) var(--ease-out);
  box-shadow: inset 0 0 0 transparent;   /* 🔴 必须有，否则过渡不生效 */
}