/* ─────────────────────────────────────────────────────────
       统一图标系统：圆角矩形容器 + 线条黑白 SVG
       - .ico       ：裸图标容器，尺寸继承 font-size
       - .ico-chip  ：带圆角方块背景的图标胶囊（用于导航、tab 等）
       所有图标颜色都由 currentColor 决定，跟随黑白主题。
       ───────────────────────────────────────────────────────── */
    .ico {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 1em;
      height: 1em;
      line-height: 1;
      vertical-align: -0.15em;
      color: currentColor;
      flex: 0 0 auto;
    }
    .ico > svg {
      width: 100%;
      height: 100%;
      display: block;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .ico.ico-fill > svg { fill: currentColor; stroke: none; }

    /* 圆角矩形胶囊：容器 + 居中 SVG，方形 */
    .ico-chip {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 26px;
      height: 26px;
      border-radius: 7px;
      background: var(--bg-soft);
      border: 1px solid var(--border);
      color: var(--fg);
      flex: 0 0 auto;
      transition: background 0.15s, border-color 0.15s, color 0.15s;
    }
    .ico-chip > .ico { width: 15px; height: 15px; }
    .ico-chip > svg {
      width: 15px; height: 15px; display: block;
      fill: none; stroke: currentColor;
      stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
    }
    .nav-btn.active .ico-chip {
      background: var(--fg);
      border-color: var(--fg);
      color: var(--bg);
    }
    [data-theme="dark"] .nav-btn.active .ico-chip {
      background: #fff;
      border-color: #fff;
      color: #000;
    }

    /* 替换了 emoji 的"容器[data-icon]"内部 SVG 尺寸统一控制 */
    .modal-tab .mt-icon[data-icon] > svg { width: 15px; height: 15px; }
    .action-btn .act-icon[data-icon] > svg { width: 18px; height: 18px; }
    .example .ex-icon[data-icon] > svg { width: 17px; height: 17px; }
    .ims-card-icon[data-icon] > svg { width: 16px; height: 16px; }
    .file-card .fc-hover-btn .fhb-icon[data-icon] > svg { width: 14px; height: 14px; }
    .mention-thumb .mt-icon[data-icon] > svg { width: 14px; height: 14px; }
    .fp-head .ico-lead[data-icon] > svg { width: 16px; height: 16px; }
    .ims-media-thumb .ims-media-audio-icon[data-icon] > svg { width: 22px; height: 22px; }
    .ims-mode-tab .ico[data-icon] > svg,
    .src-tab .ico[data-icon] > svg { width: 14px; height: 14px; }
    [data-icon] { line-height: 0; }
    [data-icon] > svg { display: block; }