/* 14 版组件层 · 输入区：类型行两层 / 个股 pill 左对齐 / 不适用置灰（UI 规格 §7）
   载入顺序：mobile.css 之后、theme-dark.css 之前——本文件的无条件规则会盖过 mobile.css 对同一选择器的 ≤720 规则，
   改动已有组件时，≤720 的值要在本文件的 @media (max-width: 720px) 里重新写全；深色差异写在本文件 [data-theme="dark"] 段。 */

/* ============ §7.2 类型行两层（B，用户 10-17 定）：七类全部露出、不横滑 ============
   上层技术分析 / 财报分析两个 .tp-chip 各占半行（网格 2 × minmax(0,1fr)、间距 6）；下层「智能画图」盒占满一行（上外边距 6），
   图标后五个 .tp-sub 均分。chip / 画图盒 / 子项的外观与选中态沿用 v3 现网规则（≤720 的 36 / 30 高沿用 mobile.css §11），这里只改排布。
   覆盖 v14.css 的单行横滑（flex nowrap + overflow-x:auto + 行内边距 2 4 11）；横滑专用的两端渐隐 .tp-fade 与 app.js wireTypeRow 退役。
   高度：类型行 43 → 80（≤720：49 → 92），研究流底部留白同步加高（本文件末段） */
.tp-wrap.is-split { margin: 0 12px; }
.tp-wrap.is-split .tp-row { display: block; padding: 2px 0 12px; overflow: visible; }
.tp-split-r1 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.tp-split-r1 .tp-chip { width: 100%; min-width: 0; }
.tp-wrap.is-split .tp-drawbox { margin-top: 6px; width: 100%; gap: 2px; padding: 0 4px; }
/* 四字类型名两侧约 4（375 下约 2.7），不截字：nowrap 防折行，实装后 375 逐个核对 */
.tp-wrap.is-split .tp-sub { flex: 1 1 0; min-width: 0; padding: 0 2px; white-space: nowrap; }

/* ============ §7.1 不适用推广到全部类型（杠杆 / 反向 ETF 不做技术分析、斐波那契、价值区间；财报仍限美股个股） ============
   chip 的转灰沿用 v16.css 13 版规则；画图子项补同款（不加描边——子项本身无边框，加了会变宽）。
   未选中的不适用类型整钮 opacity .5（用户 10-16 定，同定时任务弹窗 .bm-tchip:disabled 一档；只换字色时 --ink-3 与普通态 --ink-2 太近看不出灰），
   选中的转灰、不加透明。选择器带 .tp-wrap 提高一级，压过 v3 / 暗色的选中实底 */
.tp-wrap .tp-sub.is-unsup { color: var(--ink-3); background: transparent; box-shadow: none; }
.tp-wrap .tp-sub.is-unsup.is-active { color: var(--ink-3); background: var(--soft); box-shadow: none; }
.tp-wrap .tp-chip.is-unsup:not(.is-active), .tp-wrap .tp-sub.is-unsup:not(.is-active) { opacity: .5; }

/* §7.1 居中提示按内容定宽：现网 v2.css 是 left:50% + 收缩宽度，可用宽度最多只有视口一半（375 下杠杆 / 反向那条只有 188 宽、折 3 行）；
   改 max-content + 视口减两侧 16 封顶 → 375 下 343 宽、2 行 */
.toast.toast--center { width: max-content; max-width: calc(100vw - 32px); }

/* ============ §7.3 底部个股 pill 左对齐（用户 10-16 晚） ============
   AAPL / MSFT / NVDA 三枚首枚左缘 = 输入框左边线：取代 12 版 v13.css 的右对齐（justify-content:flex-end + 左内边距 2）。
   其余不变：恒单行、间距 8，放不下时在 .stock-pills 自身里横滑 */
.pills-row { justify-content: flex-start; padding: 10px 0 0; }

/* ============ 研究流底部留白随输入区加高（§7.2：输入区 +37，≤720 对话层 +43） ============
   layout.css .feed 底 210 → 247；≤720 mobile.css 190 → 233（+ 安全区）。最后一张卡滚到底不被输入区压住，实测见 UI 规格 §10 */
.feed { padding-bottom: 247px; }
@media (max-width: 720px) {
  .feed { padding-bottom: calc(233px + env(safe-area-inset-bottom, 0px)); }
}

/* ============ §7.1 定时任务弹窗（batch.js）：当前标的不支持的类型 ============
   未选 → disabled（沿用 v13.css .bm-tchip:disabled 的 .45）+ title；已选（上线前就配好的残留组合）→ 灰色已选、可点取消：
   --soft 底 + --line-hover 边 + --ink-3 字，与 .tp-sub.is-unsup 选中态同一种灰（令牌两主题各有值，深色不另写） */
.bm-tchip.on.is-unsup { background: var(--soft); border-color: var(--line-hover); color: var(--ink-3); }
.bm-tchip.on.is-unsup .pv { color: var(--ink-3); }

/* ============ 10-23 搜索候选仿富途：代码 · 名称 · 市场（2026-10-23 关注池与搜索下拉 UI 规格 §1） ============
   取代 04 版「市场彩标 + 名称（粗）+ 代码（右）」：代码列定宽 76（最宽真实值「600519.SH」700 14px Manrope 实测 75.6），名称单行省略，市场灰字定宽 24（「美股」「港股」实测 24）靠右，混排「A股」时名称列也对齐。
   components.css 的 .nm 粗体、.sy 靠右与左内边距在此重置 */
.suggest-item { display: grid; grid-template-columns: 76px minmax(0, 1fr) 24px; column-gap: var(--sp-5); }
.suggest-item .sy { margin-left: 0; padding-left: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-14); font-weight: var(--fw-bold); color: var(--ink); }
.suggest-item .nm { font-weight: var(--fw-regular); color: var(--ink); }
.suggest-item .mk { font-size: var(--fs-12); color: var(--ink-3); white-space: nowrap; text-align: right; }