/* =============================================================
   频道管理器 2.0 · 设计令牌 tokens.css
   阶段 0：仅定死设计令牌，不修改任何业务代码。
   来源：10 份 2.0 设计文档（工作台/系统设置/异常中心/任务列表等）
   用途：后续「独立前端 + 云端 API」改造与所有页面实现统一引用。
   约定：所有颜色同步给出 HEX + CSS 变量名；尺寸单位 px。
   ============================================================= */

:root {

  /* ---------- 1. 字体 Typography ---------- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  /* 字号层级（来自工作台/异常中心散落值，统一为规范 Scale） */
  --fs-hero: 28px;     /* KPI 数字 / 统计卡数字 700 */
  --fs-title: 24px;    /* 页面标题 700 / 行高32 */
  --fs-section: 16px;  /* 区块标题、卡片标题 650 */
  --fs-body: 14px;     /* 正文 400 */
  --fs-body-sm: 13px;  /* 次要正文、表头 */
  --fs-caption: 12px;  /* 标签 / Badge / 辅助说明 */
  --fs-micro: 11px;    /* 极小字（ch-id、技术日志） */
  --lh-tight: 1.3;
  --lh-base: 1.5;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --ls-tight: -0.01em;

  /* ---------- 2. 颜色 Colors ---------- */
  /* 品牌主色（工作台规格） */
  --color-primary: #2563EB;        /* 主操作 / 强调 / 链接 */
  --color-primary-hover: #1D4FD8;  /* 主按钮 hover */
  --color-primary-light: #EFF6FF;  /* 主色浅底（选中/步骤高亮） */

  /* 语义色（工作台规格：成功/警告/危险；info 复用主色蓝） */
  --color-success: #16A34A;
  --color-success-light: #ECFDF3;
  --color-warning: #D97706;
  --color-warning-light: #FFFAEB;
  --color-danger: #DC2626;
  --color-danger-light: #FEF2F2;
  --color-info: #2563EB;
  --color-info-light: #EFF6FF;

  /* 中性文本色（灰阶） */
  --color-text: #182230;            /* 主文本 */
  --color-text-secondary: #667085;  /* 次要文本 */
  --color-text-tertiary: #98A2B3;   /* 辅助/占位 */

  /* 表面与边框 */
  --color-bg: #F5F7FA;              /* 页面背景 */
  --color-card: #FFFFFF;            /* 卡片/表面 */
  --color-border: #E4E7EC;         /* 主边框 */
  --color-border-light: #EAECF0;    /* 内部分隔线 */
  --color-surface-muted: #F8FAFC;   /* 表头/悬停浅底 */
  --color-surface-sunken: #F2F4F7;  /* Badge 灰底 / 禁用底 */

  /* 业务状态色（任务/频道/运营/电脑，来自工作台原型） */
  --st-pending: #475467;   --st-pending-bg: #F2F4F7;   /* 待处理 灰 */
  --st-processing: #175CD3; --st-processing-bg: #EFF8FF; /* 执行中 蓝 */
  --st-done: #027A48;      --st-done-bg: #ECFDF3;      /* 完成 绿 */
  --st-failed: #B42318;    --st-failed-bg: #FEF3F2;    /* 失败/异常 红 */
  --st-online: #12B76A;    /* 在线 绿点 */
  --st-idle: #98A2B3;      /* 空闲 灰点 */
  --st-offline: #98A2B3;   /* 离线 灰点 */
  --st-agent-err: #DC2626; /* Agent异常 红点 */

  /* 异常等级 P0-P3（异常中心规格：红/橙/黄/蓝） */
  --level-p0: #DC2626; --level-p0-bg: #FEF3F2; --level-p0-text: #B42318; /* 严重 红 */
  --level-p1: #EA580C; --level-p1-bg: #FFF4ED; --level-p1-text: #C2410C; /* 高 橙 */
  --level-p2: #F5A623; --level-p2-bg: #FFFAEB; --level-p2-text: #B54708; /* 普通 黄 */
  --level-p3: #2563EB; --level-p3-bg: #EFF6FF; --level-p3-text: #1D4ED8; /* 提醒 蓝 */

  /* ---------- 3. 间距 Spacing（4px 基数，工作台第37节） ---------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;

  /* ---------- 4. 圆角 Radius ---------- */
  --radius-card: 10px;        /* 卡片（工作台规格） */
  --radius-btn: 6px;          /* 按钮 */
  --radius-input: 6px;        /* 输入框 */
  --radius-badge: 999px;      /* Badge（圆角999，规格第20/21节） */
  --radius-modal: 12px;       /* 弹窗 */
  --radius-drawer: 12px 0 0 12px; /* 右侧抽屉（左缘圆角） */

  /* ---------- 5. 阴影 Shadow（rgba 统一 16,24,40） ---------- */
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.04);   /* 卡片默认 */
  --shadow-sm: 0 2px 6px rgba(16, 24, 40, 0.08);   /* hover / 轻浮起 */
  --shadow-md: 0 4px 12px rgba(16, 24, 40, 0.10);  /* 下拉 / 浮层 */
  --shadow-lg: -8px 0 24px rgba(16, 24, 40, 0.12); /* 右侧抽屉 */
  --shadow-overlay: 0 12px 32px rgba(16, 24, 40, 0.16); /* Modal */

  /* ---------- 6. 尺寸 Dimensions ---------- */
  /* 侧边栏（工作台/异常中心：1920→216 / 1366→208 / 1200→200） */
  --sidebar-w: 216px;
  --sidebar-w-md: 208px;
  --sidebar-w-sm: 200px;
  /* 设置页左导航（系统设置：1920→220 / 1366→200） */
  --settings-nav-w: 220px;
  --settings-nav-w-md: 200px;
  /* 内容区（工作台/异常中心：最大宽1640，padding 32/20） */
  --content-max-w: 1640px;
  --content-pad: 32px;
  --content-pad-md: 20px;
  /* 顶栏（异常中心规格 64px；工作台原型 56px，统一收敛为 64px） */
  --header-h: 64px;
  /* KPI / 统计卡高度（工作台 104/96；异常统计卡 88） */
  --kpi-h: 104px;
  --kpi-h-md: 96px;
  --stat-card-h-exc: 88px;
  /* 抽屉宽度（任务详情 440；异常详情 520） */
  --drawer-w: 440px;
  --drawer-w-lg: 520px;
  /* 列表行高（任务表 52；异常行 72） */
  --row-task: 52px;
  --row-exc: 72px;
  /* 导航项 / Tab / 菜单高度 */
  --nav-item-h: 44px;
  --tab-h: 44px;
  --settings-menu-h: 40px;
  /* 搜索框（异常中心：360×36） */
  --search-w: 360px;
  --search-h: 36px;

  /* ---------- 7. 层级 Z-index ---------- */
  --z-nav: 20;          /* 顶栏 sticky */
  --z-drawer-mask: 40;  /* 抽屉遮罩 */
  --z-drawer: 41;       /* 抽屉 */
  --z-modal: 50;        /* 弹窗 */
  --z-toast: 60;        /* 全局提示 */

  /* ---------- 8. 断点 Breakpoints（仅注释，CSS 媒体查询用） ---------- */
  /* desktop ≥1366px：完整布局，Sidebar 216 / 设置导航 220 / 内容 padding 32 */
  /* md ≤1366px：Sidebar 208 / 设置导航 200 / 内容 padding 20 / KPI 96 */
  /* sm ≤1200px：Sidebar 200 / 双卡单列 / 隐藏辅助列（合作方描述/电脑/时间细项） */
  /* 禁止横向滚动 */
}

/* 轻微主题补充：深色 Sidebar 渐变（工作台原型 2.2 节） */
:root {
  --sidebar-bg: linear-gradient(180deg, #1F2A44 0%, #17233D 100%);
  --sidebar-text: #CFD6E4;
  --sidebar-text-dim: #7C89A6;
  --sidebar-active-bg: var(--color-primary);
}