/*! V7 · [R141] 控制页布局重排（本地预览 / 先上源站）
 *  ① 「设备详细信息」从左侧竖卡 → 顶部横排（占第 1~3 列，第 1 行）
 *  ② 左侧原位 → 常驻「密码记录」面板；「AI 金融分析」位置不变（左列下方）
 *  ③ 中/窄/右三列与原版一致，整体下移到第 2 行；AI 助理浮层停靠行为不变
 *  依赖：panel/assets/index-C_14mG7U.js 的 R141 补丁（keylog 常驻挂载）
 *  回退：删掉 index.html 里 mk-r141.css 一行 + 还原 bundle 备份即可。
 * ========================================================================== */

@media (min-width: 1500px) {

  /* ============ 1. 栅格：第1行=设备信息横排，第2行=主体，第3行=AI金融分析 ============ */
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout {
    display: grid !important;
    grid-template-columns:
      minmax(380px, 1.12fr)
      minmax(0, 640px)
      minmax(0, 132px)
      minmax(330px, 1fr)
      !important;
    grid-template-rows: auto minmax(0, 1fr) 190px !important;
    gap: 12px !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  /* ============ 2. 「设备信息」卡（[R190] 顶部横条 -> 右侧标签内嵌，见 mk-r190.css） ============ */
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info { display: contents !important; }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div { display: contents !important; }

  /* 「开始鲨鱼」塌陷块：0 尺寸（DOM 不动、仍可 .click()） */
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div:nth-child(2) {
    grid-column: 4 !important; grid-row: 1 !important;
    width: 0 !important; height: 0 !important; min-height: 0 !important;
    padding: 0 !important; margin: 0 !important; border: 0 !important;
    overflow: hidden !important; opacity: 0 !important;
  }

  /* AI 金融分析 → 左列第 3 行（与改动前一致：左列最下方） */
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div:last-child {
    grid-column: 1 !important;
    grid-row: 3 !important;
    min-width: 0 !important;
    height: 100% !important;
    max-height: 190px !important;
    overflow: auto !important;
    padding: 10px 11px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* ============ 3. 左列：常驻「密码记录」 ============ */
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > div.mk-r141-keylog {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    min-width: 0 !important;
    display: block !important;
    align-self: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: auto !important;
    background: var(--mk-panel, #fff) !important;
    border: 1px solid var(--mk-line, rgba(24, 43, 77, .12)) !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 2px rgba(24, 43, 77, .05), 0 10px 26px -22px rgba(24, 43, 77, .55) !important;
    padding: 0 !important;
  }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > div.mk-r141-keylog > div {
    padding: 9px 10px 10px !important;
    min-height: 0 !important;
  }

  .mk-r141-keylog .ctrl-kl-filters {
    position: sticky !important; top: 0 !important; z-index: 3 !important;
    display: flex !important; flex-wrap: wrap !important; gap: 6px !important;
    padding: 0 0 8px !important; margin: 0 0 4px !important;
    background: var(--mk-panel, #fff) !important;
  }
  .mk-r141-keylog .ctrl-kl-filters select,
  .mk-r141-keylog .ctrl-kl-filters input {
    height: 27px !important; border-radius: 8px !important;
    border: 1px solid rgba(24, 43, 77, .16) !important;
    background: rgba(248, 250, 253, .96) !important;
    color: var(--mk-txt, #1f2937) !important;
    font-size: 11.5px !important; padding: 0 7px !important; box-sizing: border-box !important;
  }
  .mk-r141-keylog .ctrl-kl-filters select { flex: 0 1 auto !important; min-width: 0 !important; }
  .mk-r141-keylog .ctrl-kl-filters input { flex: 1 1 100px !important; min-width: 76px !important; }
  .mk-r141-keylog .ctrl-kl-filters .ctrl-fetch-btn { height: 27px !important; border-radius: 8px !important; font-size: 11.5px !important; }

  .mk-r141-keylog table.ctrl-kl-tbl {
    width: 100% !important; max-width: 100% !important;
    border-collapse: separate !important; border-spacing: 0 !important;
    table-layout: fixed !important; font-size: 12px !important;
  }
  .mk-r141-keylog .ctrl-kl-tbl thead th:nth-child(1) { width: 66px !important; }
  .mk-r141-keylog .ctrl-kl-tbl thead th:nth-child(3) { width: 64px !important; }
  .mk-r141-keylog .ctrl-kl-tbl thead th:nth-child(5) { width: 140px !important; }
  .mk-r141-keylog .ctrl-kl-tbl thead th:nth-child(4),
  .mk-r141-keylog .ctrl-kl-tbl tbody td:nth-child(4) { display: none !important; }
  .mk-r141-keylog .ctrl-kl-tbl thead th {
    position: sticky !important; top: 39px !important; z-index: 2 !important;
    background: rgba(244, 247, 252, .98) !important;
    color: #64748b !important; font-size: 11px !important; font-weight: 700 !important;
    text-align: left !important; padding: 6px 8px !important;
    border-bottom: 1px solid rgba(24, 43, 77, .10) !important;
    white-space: nowrap !important;
  }
  .mk-r141-keylog .ctrl-kl-tbl tbody td {
    padding: 5px 8px !important;
    border-bottom: 1px solid rgba(24, 43, 77, .06) !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    overflow: hidden !important; text-overflow: ellipsis !important;
  }
  .mk-r141-keylog .ctrl-kl-tbl thead th:nth-child(5),
  .mk-r141-keylog .ctrl-kl-tbl tbody td:nth-child(5) { padding-left: 4px !important; padding-right: 4px !important; }
  .mk-r141-keylog .ctrl-kl-tbl tbody tr:hover { background: rgba(47, 107, 255, .045) !important; }
  .mk-r141-keylog .ctrl-kl-tbl tbody tr:last-child td { border-bottom: 0 !important; }

  .mk-r141-keylog .ctrl-kl-t {
    display: inline-flex !important; align-items: center !important;
    height: 19px !important; padding: 0 7px !important; border-radius: 999px !important;
    font-size: 10px !important; font-weight: 700 !important; letter-spacing: .01em !important;
    max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important;
    background: rgba(100, 116, 139, .12) !important; color: #475569 !important;
  }
  .mk-r141-keylog .ctrl-kl-t.pa { background: rgba(139, 92, 246, .13) !important; color: #6d28d9 !important; }
  .mk-r141-keylog .ctrl-kl-t.kl { background: rgba(5, 150, 105, .13) !important; color: #047857 !important; }
  .mk-r141-keylog .ctrl-kl-t.tx { background: rgba(245, 158, 11, .16) !important; color: #b45309 !important; }
  .mk-r141-keylog .ctrl-kl-t.ap { background: rgba(59, 130, 246, .13) !important; color: #1d4ed8 !important; }
  .mk-r141-keylog .ctrl-kl-v {
    font-family: var(--mkdi-mono, ui-monospace, Menlo, Consolas, monospace) !important;
    font-size: 12.5px !important; font-weight: 700 !important; color: var(--mk-txt, #1f2937) !important;
  }
  .mk-r141-keylog .ctrl-kl-app {
    font-size: 10.5px !important; color: #64748b !important;
    max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important;
  }
  .mk-r141-keylog .ctrl-kl-tm { font-size: 11px !important; color: #94a3b8 !important; }
  .mk-r141-keylog .ctrl-kl-btn {
    height: 22px !important; padding: 0 6px !important; border-radius: 7px !important;
    border: 1px solid rgba(24, 43, 77, .16) !important; background: #fff !important;
    color: #334155 !important; font-size: 10px !important; font-weight: 600 !important;
    cursor: pointer !important; vertical-align: middle !important; white-space: nowrap !important;
  }
  .mk-r141-keylog .ctrl-kl-btn + .ctrl-kl-btn { margin-left: 4px !important; }
  .mk-r141-keylog .ctrl-kl-btn:hover { background: rgba(47, 107, 255, .08) !important; border-color: rgba(47, 107, 255, .35) !important; color: #1d4ed8 !important; }
  .mk-r141-keylog .ctrl-kl-pagination {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    gap: 8px !important; padding: 8px 2px 0 !important;
    font-size: 11.5px !important; color: #64748b !important;
  }
  .mk-r141-keylog .ctrl-kl-pagination button {
    height: 25px !important; padding: 0 10px !important; border-radius: 8px !important;
    border: 1px solid rgba(24, 43, 77, .16) !important; background: #fff !important;
    color: #334155 !important; font-size: 11.5px !important; cursor: pointer !important;
  }

  /* ============ 4. 其余三列归位 ============ */
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .mk-ctl-left { grid-column: 2 !important; grid-row: 1 / span 3 !important; }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel { grid-column: 3 !important; grid-row: 1 / span 3 !important; }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-sidebar {
    grid-column: 4 !important;
    grid-row: 1 !important;
    align-self: start !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    height: auto !important;
    max-height: none !important;
  }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-sidebar > .ctrl-nav-item {
    flex: 0 1 auto !important; min-width: auto !important; max-width: none !important;
    height: 27px !important; min-height: 27px !important;
    padding: 0 10px !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    gap: 6px !important;
    font-size: 12px !important; line-height: 1 !important;
  }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-sidebar > .ctrl-nav-item .mk-i,
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-sidebar > .ctrl-nav-item svg { width: 13px !important; height: 13px !important; }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content { display: contents !important; }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > div:not(.mk-pin-info):not(.mk-r141-keylog) {
    grid-column: 4 !important;
    grid-row: 2 / span 2 !important;
    min-height: 0 !important; max-height: 100% !important; overflow: auto !important;
  }
}

@media (max-width: 1499px) {
  .ctrl-page .mk-r141-keylog { display: none !important; }
  .ctrl-page .mk-r141-keylog.is-active { display: block !important; }
}

/* ==========================================================================
 * [R142] 爹：把「画质 720p·30f」调节按钮去掉（无障碍投屏卡片头部那枚蓝色药丸）
 *   只隐藏 UI 入口（.mkhd-chip），mk-hd.js 的 startHD 参数劫持继续生效（默认清晰度档位不变）
 *   回退：删掉本段 3 行即可
 * ========================================================================== */
.mkhd-chip { display: none !important; }
.mkhd-modal { display: none !important; }

/* ==========================================================================
 * [R144/R145] 爹：中间栏去掉滚动条 + 整体上移（机身尺寸不变，绝不缩小）
 *   R144 中间栏自身：隐藏滚动条外观、双机框容器/文本输入/导航键间距全部收紧
 *   R145 顶部：把「设备控制中心」条 + 「设备信息」横条一起压缩，省下的高度全给机身
 *   回退：删掉本段即可
 * ========================================================================== */
@media (min-width: 1500px) {
  /* ---------- R144：中间栏 ---------- */
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .mk-ctl-left {
    scrollbar-width: none !important; -ms-overflow-style: none !important;
  }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .mk-ctl-left::-webkit-scrollbar {
    display: none !important; width: 0 !important; height: 0 !important;
  }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout { gap: 8px !important; }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .mk-ctl-left > .mk-ctl-readers {
    padding: 0 12px 0 !important;
    row-gap: 2px !important;
  }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .mk-ctl-left > .mk-ctl-readers > .mk-frame.mk-frame {
    gap: 5px !important;
    padding-top: 8px !important;
  }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .mk-ctl-left > .mk-ctl-readers > .mk-frame.mk-frame > .mk-frame-head {
    min-height: 18px !important;
  }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .mk-ctl-left > .mk-ctl-inputrow { padding: 4px 12px 0 !important; }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .mk-ctl-left > .mk-ctl-inputrow .mk-ctl-text,
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .mk-ctl-left > .mk-ctl-inputrow .mk-ctl-send { height: 30px !important; }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .mk-ctl-left > .mk-ctl-navkeys { padding: 4px 12px 4px !important; }
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .mk-ctl-left > .mk-ctl-navkeys button { height: 32px !important; }

  /* ---------- R145：顶部两条压缩 ---------- */
  .ctrl-page .ctrl-topbar.ctrl-topbar { padding: 8px 16px 8px !important; row-gap: 6px !important; }
  .ctrl-page .ctrl-topbar.ctrl-topbar > .ctrl-tags > * {
    height: 24px !important; padding: 0 9px !important; font-size: 11.5px !important;
  }
  .ctrl-page .ctrl-topbar.ctrl-topbar > .ctrl-ai-cb,
  .ctrl-page .ctrl-topbar.ctrl-topbar > .mk-flag-box > .mk-flag,
  .ctrl-page .ctrl-topbar.ctrl-topbar > .ctrl-topbar-btn,
  .ctrl-page .ctrl-topbar.ctrl-topbar .ctrl-note-input,
  .ctrl-page .ctrl-topbar.ctrl-topbar .ctrl-note-save { height: 28px !important; }

}

/* ==========================================================================
 * [R146] 机身尺寸跟随「中间栏自身高度」自适应（容器查询 cqh）
 *   —— 1080p 全屏时 296px 原样不变（不缩小）；只有窗口真的太矮时才按需收一点点，
 *      收到“刚好放得下 + 文本输入/导航键不被切”，不做无谓缩小。
 *   不支持容器查询的浏览器会忽略本段 → 退回固定 296px（=现在的样子），安全。
 * ========================================================================== */
@supports (container-type: size) {
  @media (min-width: 1500px) {
    .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .mk-ctl-left { container-type: size; container-name: mcl; }
    @container mcl (min-height: 260px) {
      .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .mk-ctl-left > .mk-ctl-readers > .mk-frame.mk-frame {
        max-width: min(var(--mkph-w), calc((100cqh - 220px) * 0.4615 + 20px)) !important;
      }
    }
  }
}

/* ==========================================================================
 * [R147] 爹：右侧标签里「密码记录」和「AI分析」两个标签去掉
 *   （密码记录已常驻左栏、AI 分析并入 AI 助理；隐藏类由 mk-3col.js 打上）
 *   回退：删掉本段 + mk-3col.js 里 hideTabs 一小段即可
 * ========================================================================== */
/* CSS 兜底：React 频繁重渲染会重建标签节点，用图标类/稳定类名纯 CSS 隐藏（不闪） */
/* 注意：运行时注入的样式表（AntD CSS-in-JS）带 !important 且顺序在皮肤之后，
   所以这里堆类名提高特异性（7 个类）才压得住 */
html body .ctrl-page .ctrl-layout.ctrl-layout > .ctrl-sidebar.ctrl-sidebar > .ctrl-nav-item.mk-tab-hidden { display: none !important; }
html body .ctrl-page .ctrl-layout.ctrl-layout > .ctrl-sidebar.ctrl-sidebar > .ctrl-nav-item.mk-ctl-aitab { display: none !important; }
html body .ctrl-page .ctrl-layout.ctrl-layout > .ctrl-sidebar.ctrl-sidebar > .ctrl-nav-item:has(> .mk-i.mk-i-note) { display: none !important; }
html body .ctrl-page .ctrl-layout.ctrl-layout > .ctrl-sidebar.ctrl-sidebar > .ctrl-nav-item:has(> .mk-i.mk-i-brain) { display: none !important; }

/* ==========================================================================
 * [R148] 爹：① 键盘记录显示日期时间 ② 键盘记录高度缩短 ③ AI 金融分析往上移并完整显示
 *   做法：把「密码记录」从原来的「第2~3行跨行」改成只占第2行（高度受限），
 *         「AI 金融分析」挪到第3~4行 → 自动上移、拿到更多高度，不再被截断。
 *   回退：删掉本段即可
 * ========================================================================== */
@media (min-width: 1500px) {
  /* ① 时间列（第4列，原来被隐藏）重新显示 */
  .mk-r141-keylog .ctrl-kl-tbl thead th:nth-child(4),
  .mk-r141-keylog .ctrl-kl-tbl tbody td:nth-child(4) { display: table-cell !important; }
  .mk-r141-keylog .ctrl-kl-tbl thead th:nth-child(4) { width: 72px !important; }
  .mk-r141-keylog .ctrl-kl-tbl tbody td:nth-child(4) {
    font-size: 10px !important; color: #8496b3 !important; white-space: nowrap !important;
  }
  /* 让出时间列的空间：类型/应用列各收一点 */
  .mk-r141-keylog .ctrl-kl-tbl thead th:nth-child(1) { width: 56px !important; }
  .mk-r141-keylog .ctrl-kl-tbl thead th:nth-child(3) { width: 66px !important; }
  .mk-r141-keylog .ctrl-kl-tbl thead th:nth-child(5) { width: 192px !important; }

  /* ② 密码记录：只占第 2 行，高度缩短（视口矮时更短） */
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > div.mk-r141-keylog {
    grid-row: 1 !important;
    height: auto !important;
    max-height: min(46vh, 460px) !important;
  }

  /* ③ AI 金融分析：紧贴密码记录下方（上移），吃掉第3~4行，完整显示 */
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info > div > div:last-child {
    grid-row: 2 / span 2 !important;
    max-height: none !important;
    height: auto !important;
  }
}