/* =====================================================================
   i2.css — 方案 I2 落地 · 收敛覆盖层
   在 style.css / light-polish.css / i-theme.css 之后加载，把存量 mc-* 视图
   收敛到 I2 设计系统（蓝#5b6cff→青#22c3ee · 线性图标 · tabular 等宽 · 4档字阶）。
   原则：只做安全的视觉收敛；结构/文案/IA 的改动在 JS 渲染层做。
   本文件随 landing 逐屏增补。
   ===================================================================== */

:root{
  --i2-g1:#5b6cff; --i2-g2:#22c3ee;
  --i2-grad:linear-gradient(135deg,#5b6cff,#22c3ee);
  --i2-rec:#ff4d6d; --i2-warn:#f59e0b; --i2-ok:#16a34a;
  --i2-num:-apple-system,"SF Pro Display","Helvetica Neue","PingFang SC",system-ui,sans-serif;
}

/* ---- G3 主色统一：账户卡去紫/去金，统一蓝青 ----
   .mc-tier-hero[data-tier="premium"] 原为紫(#7c3aed→#c084fc)、pro 为金 —— I2 统一蓝青 */
.mc-i .mc-tier-hero,
.mc-i .mc-tier-hero[data-tier]{
  background:var(--i2-grad) !important;
}

/* ---- G4 数字仪表：时码/时长/统计/金额/号码等统一 tabular 等宽 ---- */
.mc-i .mc-timecode,
.mc-i .mc-duration,
.mc-i .mc-stat-num,
.mc-i .mc-amount,
.mc-i .mc-kpi-val,
.mc-i [class*="-num"],
.mc-i [class*="-time"]{
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}

/* ---- G1 图标：助手功能卡 emoji → 线性图标坐 accentsf 圆角底 ---- */
.mc-i .mc-agx-card{align-items:flex-start;}
.mc-i .mc-agx-card .ic{
  width:34px;height:34px;border-radius:11px;font-size:0;
  background:linear-gradient(135deg,#eef0ff,#e3f6fc);
  display:flex;align-items:center;justify-content:center;margin-bottom:4px;
}
.mc-i .mc-agx-card .ic svg{width:18px;height:18px;stroke:var(--i2-g1);fill:none;stroke-width:1.8;}
/* 智能起草卡：红调 → I2 蓝底 */
.mc-i #mc-agx-draft{
  background:linear-gradient(135deg,#eef0ff,#ffffff) !important;
  border-color:rgba(91,108,255,.22) !important;
}

/* ---- 去 light-polish 红色泄漏，统一蓝青 ---- */
.mc-i .mc-rc-bar i{background:var(--i2-grad) !important;}
.mc-i .mc-rc-ico{color:var(--i2-g1) !important;}
.mc-i .mc-isight-hero{
  background:linear-gradient(135deg,rgba(91,108,255,.10),rgba(34,195,238,.08)) !important;
}

/* ---- 快捷追问 chip：emoji → 线性图标 ---- */
.mc-i .mc-agx-prompt .ic{font-size:0;display:inline-flex;vertical-align:middle;margin-right:5px;}
.mc-i .mc-agx-prompt .ic svg{width:14px;height:14px;stroke:var(--i2-g1);fill:none;stroke-width:2;}

/* ---- P0 详情屏：纪要/转写 工具按钮 emoji → 线性图标 ---- */
.mc-i .mc-rec-btn svg,
.mc-i .mc-audio-lab svg,
.mc-i .mc-tx-actions .mc-rec-btn svg{
  width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.9;
  vertical-align:-2px;margin-right:4px;
}
.mc-i .mc-rec-btn{display:inline-flex;align-items:center;}
/* 纪要区块序号 → 蓝青强调 */
.mc-i .mc-sm-section-num{color:#fff;background:var(--i2-grad) !important;}
/* 转写发言人段落：I2 段落间距 */
.mc-i .phone-line{padding:7px 0;line-height:1.6;}
.mc-i .phone-line .who{font-weight:600;}

/* ==== IA 去冗余：录音清单单一归属「录音」Tab ====
   同一批录音曾在 3 个 Tab 底部各出现一次（录音列表 / 助手最近AI产出 / 记忆时间脉络）。
   保留「录音」Tab 的录音库为唯一归属，隐藏助手/记忆里的重复录音清单。 */
.mc-i #mc-agx-recent,
.mc-i .mc-agx-recent-h{display:none !important;}
.mc-i #mc-mem-tl{display:none !important;}

/* ---- 助手工作台(app-27) 红调 → 蓝青 ---- */
.mc-i .mc-agx-brief{background:linear-gradient(135deg,#eef0ff,#f7faff) !important;border-color:rgba(91,108,255,.18) !important;}
.mc-i .mc-agx-brief .bt{color:#2a3550;}
.mc-i .mc-agx-brief .bcta{background:var(--i2-grad) !important;}
.mc-i .mc-agx-focus{background:linear-gradient(135deg,#eef0ff,#ffffff) !important;border-color:rgba(91,108,255,.22) !important;}
.mc-i .mc-agx-focus-go{color:var(--i2-g1) !important;}
/* 工作台图标继承文字色即可，给个稳妥蓝 */
.mc-i .mc-agx-brief .bi svg,.mc-i .mc-agx-focus-t .ic svg,.mc-i .mc-agx-ab-chip .ic svg,.mc-i .mc-agx-rc-rec svg{stroke:var(--i2-g1);}

/* ---- 主行动按钮：红(--carmine) → 蓝青渐变（录音键仍红，不受影响）---- */
.mc-i .mc-btn-primary{background:var(--i2-grad) !important;color:#fff;border:none;}
/* 通用线性图标：任何 mc-* 元素里内联的 svg 默认取 currentColor（多数已是），保证描边不塌 */
.mc-i .mc-chip svg,.mc-i .mc-hub-pill svg,.mc-i .mc-sm-section-h svg{fill:none;}