/* ============================================================================
 * [R47] 爹：把「设备信息」跟「注入记录」互换一下
 *   「注入记录」 → 标签页，嵌入右边（点它的标签才出来，位置同其它标签页）
 *   「设备信息」 → 左栏常驻（第 1 列第 1~2 行，第 3 行仍是 AI 金融分析卡）
 * ----------------------------------------------------------------------------
 * 依赖：
 *   ① bundle（assets/index-C_14mG7U.js）里「注入记录」面板已回退为原生条件渲染 "inject"===o&&…
 *      （R46 曾把它改成常驻的 !0&&…，本轮改回去）
 *   ② mk-r190.css 给非激活的 .mk-pin-info 加 .mk-pin-off → 隐藏 .mkdi-card（本层覆盖）
 * 回退：删 index.html 里 mk-r44-swap.css / mk-r44-swap.js 两行
 *       + 用 assets\index-C_14mG7U.js.bak_r47_20261005_231809 覆盖回 bundle。
 * ========================================================================== */

@media (min-width: 1500px) {

  /* ============ A. 「设备信息」→ 左栏常驻第 1 列 ============ */

  /* A0) 非激活的 .mk-pin-info 会被打 .mk-pin-off（React 行为）从而隐藏卡片。
   *     卡片已常驻左栏 → 必须一直显示。❌ 千万别用短选择器，会被 mk-r190 的规则压回去。 */
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info.mk-pin-off > div > div.mkdi-card {
    display: block !important;
  }

  /* A1) 卡片本体：左栏第 1 列 / 第 1~2 行（第 3 行留给 AI 金融分析卡）
   *     宽度同爹上一条要求：收窄一半 (50%)，右侧自然留空。 */
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div.mkdi-card {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    /* [R48] 爹：不能留白 → 卡片高度 = 内容自然高（内容超出才滚动） */
    align-self: start !important;
    justify-self: start !important;
    width: 50% !important;
    margin: 0 !important;
    height: auto !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    box-sizing: border-box !important;
  }

  /* A2) 半宽（227px）后内部排版适配：头部换行、不撞车；行内长值可断行 */
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div.mkdi-card .mkdi-head {
    flex-wrap: wrap !important;
    row-gap: 6px !important;
  }
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div.mkdi-card .mkdi-id {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div.mkdi-card .mkdi-tt {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div.mkdi-card .mkdi-title,
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div.mkdi-card .mkdi-sub {
    overflow-wrap: break-word !important;
    white-space: normal !important;
    height: auto !important;
  }
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div.mkdi-card .mkdi-right {
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div.mkdi-card .mkdi-sec-h {
    flex-wrap: wrap !important;
    row-gap: 2px !important;
  }
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div.mkdi-card .mkdi-row {
    grid-template-columns: 84px minmax(0, 1fr) !important;
    align-items: baseline !important;
    height: auto !important;
    min-height: 0 !important;
  }
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div.mkdi-card .mkdi-k {
    flex: 0 0 auto !important;
  }
  /* 关键：不能用 overflow-wrap:anywhere（它会改 min-content 尺寸 → "Android" 被拆成 An/dro/id）
   *      break-word 只在整个单词放不下时才断行。 */
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div.mkdi-card .mkdi-v {
    min-width: 0 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-align: left !important;
  }
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div.mkdi-card .mkdi-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div.mkdi-card .mkdi-actions,
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div.mkdi-card .mkdi-btns {
    flex-wrap: wrap !important;
    row-gap: 4px !important;
  }

  /* ============ B. AI 金融分析卡：左栏第 3 行，同样半宽 ============ */
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div:last-child {
    grid-column: 1 !important;
    /* [R48] 爹：往上调 → 不再钉在最底行，而是跟设备信息卡同一格，
     *   用 --mk-di-h（设备卡实测高度，mk-r44-swap.js 写入）把自己顶到卡下。 */
    grid-row: 1 / span 3 !important;
    align-self: start !important;
    justify-self: start !important;
    width: 50% !important;
    margin: calc(var(--mk-di-h, 470px) + 12px) 0 0 0 !important;
    height: auto !important;
    min-height: 170px !important;
    /* 剩下多少空间就长多高（不会超出左栏）：高度 = min(内容, 列高 - 设备卡高 - 12) */
    max-height: calc(100% - var(--mk-di-h, 470px) - 12px) !important;
    overflow: auto !important;
  }
  /* B2) 半宽后 AI 卡的「标题 + 两个按钮」会折成两行乱掉 → 标题占一行、按钮另起一行 */
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div:last-child > div:first-child {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    height: auto !important;
    min-height: 0 !important;
  }
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div:last-child > div:first-child > span {
    white-space: nowrap !important;
    height: auto !important;
    line-height: 1.2 !important;
  }
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div:last-child > div:first-child > div {
    flex-wrap: nowrap !important;
    gap: 6px !important;
    height: auto !important;
  }
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div:last-child > div:first-child button {
    white-space: nowrap !important;
    height: 26px !important;
    min-height: 26px !important;
    line-height: 1 !important;
    padding: 0 10px !important;
    font-size: 11.5px !important;
  }

  /* ============ C. 标签条 ============ */

  /* C1) 「设备信息」标签：内容已常驻左栏 → 标签按钮隐藏 */
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-sidebar > .ctrl-nav-item.mk-r44-dihid {
    display: none !important;
  }

  /* C2) 「键盘记录」：改名后的原生 keylog 标签 → flex order 排到最后（不动 DOM） */
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-sidebar > .ctrl-nav-item.mk-r44-kl {
    order: 99 !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* C3) 键盘记录面板：默认不出现在左栏（左栏第 1 列已让给设备信息） */
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > div.mk-r141-keylog {
    display: none !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin-top: 0 !important;
    height: auto !important;
    max-height: none !important;
  }
  /* 点「键盘记录」标签 → 面板出现在第 4 列（标签内容区） */
  html body #root .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > div.mk-r141-keylog.is-active {
    display: block !important;
    grid-column: 4 !important;
    grid-row: 1 / span 3 !important;
    align-self: start !important;
    margin-top: calc(var(--mk-tabbar-h, 92px) + 8px) !important;
    height: calc(100% - var(--mk-tabbar-h, 92px) - 8px) !important;
    max-height: calc(100% - var(--mk-tabbar-h, 92px) - 8px) !important;
    min-height: 0 !important;
    overflow: auto !important;
    box-sizing: border-box !important;
  }
}

/* ---------- D. 窄屏（<1500，非 4 列网格）兜底 ----------
 *   窄屏下一切按原生标签页行为（设备信息标签不隐藏、注入记录也是普通标签页），
 *   只把「键盘记录」排到最右。 */
@media (max-width: 1499px) {
  html body #root .ctrl-layout > .ctrl-sidebar > .ctrl-nav-item.mk-r44-kl { order: 99 !important; }
}