/* ============================================================================
 * [R117/R118] 控制页三栏重构
 *   左 = 设备详细信息 + AI 金融分析（常驻，永不切换）
 *   中 = 两台假手机 + 文本输入 + 导航键（返回/主页/任务/锁屏/唤醒/无障碍）
 *   右 = 标签页 + 各镶嵌板块
 *   另：手机右侧的窄控制条（画面与远程/黑屏/设备策略）保留原位（第 3 列）
 *
 * 实现：
 *   - bundle 侧把「设备信息」面板包一层 <div class="mk-pin-info">，使它常驻，
 *     非激活态加 .mk-pin-off（见 index-C_14mG7U.js 的 MK_PIN_INFO 补丁）。
 *   - 本文件把 .ctrl-content 变成 display:contents，让子面板直接成为 .ctrl-layout
 *     的栅格项，再用类名分派到左/右列。不搬任何 DOM，React 树零风险。
 *   - 「设备信息」标签按钮由 mk-3col.js 打 .mk-tabinfo-off 后隐藏。
 *
 * 回退：删 index.html 里这两行（mk-3col.css / mk-3col.js）+ 还原
 *       index-C_14mG7U.js（备份 .bak_r117_*）与 mk-devinfo.js（同）。
 * ========================================================================== */

/* 常驻面板永远可见（.mk-pin-off 仅作标记，不隐藏）——左栏恒定 = 设备信息 + AI 金融分析 */

/* Wrapper 在非三栏断点下完全透明（保持原版布局行为） */
@media (max-width: 1499px) {
  .ctrl-page .mk-pin-info { display: contents !important; }
}

/* 补偿：mk-ui.css 的 .ctrl-content > div > div:has(> button[border-radius:50%][180px])
   因信息面板多包一层而失配，这里按新层级补回（否则左栏顶部会空出 ~180px） */
.ctrl-page .ctrl-layout .mk-pin-info > div > div:has(> button[style*="border-radius: 50%"][style*="180px"]) {
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

@media (min-width: 1500px) {
  .ctrl-page .ctrl-layout.ctrl-layout {
    display: grid !important;
    grid-template-columns:
      minmax(450px, 1.35fr)   /* 1 左：设备信息 + AI 金融分析（常驻） */
      minmax(0, 648px)        /* 2 中：两台手机 + 输入 + 导航键 */
      minmax(0, 132px)        /* 3   ：手机窄控制条（保留原样） */
      minmax(330px, 1fr)      /* 4 右：标签页 + 镶嵌板块（往下排） */
      !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  /* ② 中间：两台手机 + 文本输入 + 导航键 */
  .ctrl-page .ctrl-layout.ctrl-layout > .mk-ctl-left {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
  }
  /* 手机右侧窄控制条（爹未提及，保留于手机与标签页之间） */
  .ctrl-page .ctrl-layout.ctrl-layout > .ctrl-action-panel {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
  }

  /* ④ 最右：标签页（顶部一行，自适应换行）+ 其下镶嵌板块 */
  .ctrl-page .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-sidebar > .ctrl-nav-item {
    flex: 0 1 auto !important;
    min-width: auto !important;
    max-width: none !important;
  }

  /* 内容区透传：子面板直接成为栅格项 */
  .ctrl-page .ctrl-layout.ctrl-layout > .ctrl-content {
    display: contents !important;
  }

  /* ① 最左：常驻「设备详细信息 + AI 金融分析」 */
  .ctrl-page .ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: auto !important;
  }

  /* ③ 右列第 2 行：其它标签面板（工具箱/短信/应用/相册/密码/注入/备忘录/AI分析…） */
  .ctrl-page .ctrl-layout.ctrl-layout > .ctrl-content > div:not(.mk-pin-info) {
    grid-column: 4 !important;
    grid-row: 2 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: auto !important;
  }
}

/* ============================================================================
 * [R124] 窄屏(<1500px)「标签页点开什么都不显示」根因修复
 *   bundle 给「设备信息」面板包了 .mk-pin-info，非激活时打 .mk-pin-off。
 *   上面 @media (max-width:1499px) 里 .mk-pin-info{display:contents !important} 让它继续参与布局，
 *   于是它永远占着 .ctrl-content 的第一行（约 909px 高），把当前标签的面板挤到 y=1141（视口外）
 *   → 点任何标签都看不到内容（实测 1366/1400/1440/1480 全部如此）。
 *   修：非激活态直接 display:none；激活态仍 display:contents（原版布局行为不变）。
 * 回退：删掉本段即可。
 * ========================================================================== */
@media (max-width: 1499px) {
  .ctrl-page .mk-pin-info.mk-pin-off { display: none !important; }
}