/* 2026-11-09 屏幕面板统一尺寸 + 并排 + 按钮加深 */
:root{--zk-screen-w:315px;--zk-screen-h:632px;}

/* 1) 无障碍阅读器 / 无障碍投屏 同一水平线并排，不再上下堆 */
.home-tab-split .ctrl-screen-area div[style*="align-items: flex-start"][style*="gap: 16px"][style*="flex-direction: row"]{
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:10px !important;
}
.home-tab-split .ctrl-screen-area > div[style*="flex-direction: row"]{
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  height:auto !important;
  min-height:0 !important;
}

/* 2) 三块屏幕面板统一宽度（原来的 298 列容器 + ADB 投屏整块） */
.home-tab-split div[style*="width: 298px"]{
  width:var(--zk-screen-w) !important;
  flex:0 0 var(--zk-screen-w) !important;
  max-width:none !important;
  min-width:0 !important;
}
.trojan-screens div[style*="width: 298px"]{
  width:var(--zk-screen-w) !important;
  flex:0 0 var(--zk-screen-w) !important;
  max-width:none !important;
}


/* 无障碍两块面板固定高度，与其他屏幕一致 */
.home-tab-split div[style*="width: 298px"][style*="flex-direction: column"]{
  height:var(--zk-screen-h) !important;
}
/* 3) ADB 投屏面板和其他两块一样高 */
div[style*="width: 298px"][style*="height: 100%"]{
  height:var(--zk-screen-h) !important;
  min-height:0 !important;
}
/* 面板内画面区跟随面板高度自适应 */
div[style*="height: 551px"]{
  height:auto !important;
  flex:1 1 auto !important;
  min-height:0 !important;
}
/* ADB 面板所在行不再写死 64vh */
.trojan-screens{
  height:auto !important;
  min-height:0 !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
}
.ctrl-screen-area > div{overflow:visible !important;}

/* 4) 按钮统一加深（由脚本给按钮挂 zk-dark-btn 并写入配色） */
button.zk-dark-btn{
  background:var(--zk-btn-bg) !important;
  color:var(--zk-btn-fg) !important;
  border-color:var(--zk-btn-bd) !important;
  box-shadow:none !important;
}
button.zk-dark-btn:hover{filter:brightness(1.14);}
button.zk-dark-btn:active{filter:brightness(0.92);}

/* 5) 2026-11-09b 面板加宽六分之二(236→315)：桌面端左右列重新分配，
      给屏幕区腾出并排两块 315 的空间，右栏(ADB投屏)同步收窄但不挤 */
@media (min-width:1360px){
  .home-tab-split:has(.ctrl-screen-area){
    grid-template-columns:minmax(0,1.62fr) minmax(0,1fr) !important;
  }
  .ctrl-body > .ctrl-sidebar-panel{
    flex:0.45 1 0px !important;
    min-width:138px !important;
  }
}