/* ============================================================================
 * V7 · [R190] 「设备信息」由顶部横条 -> 右侧标签页内嵌卡片
 *   爹：把设备信息去除。然后标签页做一个。把设备信息放到标签页按钮增加一个内嵌设备信息
 *   做法（纯皮肤层，零 React 改动）：
 *     ① 顶部第 1 行的「设备详细信息」横条取消 —— 栅格由 4 行改 3 行（mk-r141.css 同步改）
 *     ② 恢复「设备信息」标签按钮 —— mk-3col.js 不再打 .mk-tabinfo-off，
 *        mk-3col.css / mk-r141.css 里的 display:none 规则已删
 *     ③ 设备卡改为「标签内容区」里的内嵌卡片：右栏第 4 列 / 第 2~3 行，
 *        顶部让出标签条高度（--mk-tabbar-h，由 mk-tabup.js 量出）
 *        非激活时 React 给 .mk-pin-info 打 .mk-pin-off -> 整卡隐藏
 *   回退：删 index.html 里本文件一行 + 还原 mk-r141.css / mk-3col.css / mk-3col.js / mk-tabup.css 的
 *        .bak_r190_devtab_20261005 备份即可。
 * ========================================================================== */

/* 非激活（不含 .mk-pin-off 的才算激活）→ 整卡隐藏；全断点生效 */
.ctrl-page .mk-pin-info.mk-pin-off .mkdi-card { display: none !important; }

@media (min-width: 1500px) {
  /* ③ 内嵌卡片：与其它标签面板同一格（第 4 列 / 第 2~3 行） */
  .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > .mk-pin-info .mkdi-card {
    grid-column: 4 !important;
    grid-row: 1 / span 3 !important;
    align-self: start !important;
    margin: calc(var(--mk-tabbar-h, 92px) + 8px) 0 0 0 !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;
  }
}