/* Extracted from v2.5 inline style block #3. v3.0-alpha split packaging. */
/* =========================================================
   宽屏自适应修复：解决浏览器缩放/大屏时右侧空白、不自动拓展
   只改布局宽度，不改数据库、RLS、保存和统计逻辑
   ========================================================= */
html, body{
  width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
}

.wrap{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}

#appBox,
.sidebar-layout,
.main-content-flex{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

.sidebar-layout{
  grid-template-columns:minmax(240px,300px) minmax(0,1fr)!important;
  align-items:start!important;
}

.main-content-flex{
  overflow:visible!important;
}

.main-content-flex > .card,
.main-content-flex > .summary{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

.scroll{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

/* 超宽屏时减少右侧空白，表格区域自动吃满剩余空间 */
@media (min-width:1600px){
  .wrap{
    padding-left:24px!important;
    padding-right:24px!important;
  }
  .sidebar-layout{
    grid-template-columns:300px minmax(0,1fr)!important;
  }
}

/* 浏览器缩放到 50% / 67% 时保持内容铺满 */
@media (min-width:2200px){
  .wrap{
    padding-left:32px!important;
    padding-right:32px!important;
  }
  .sidebar-layout{
    grid-template-columns:320px minmax(0,1fr)!important;
  }
}

/* 小屏继续保持顶部/纵向导航 */
@media (max-width:900px){
  .sidebar-layout{
    display:flex!important;
    flex-direction:column!important;
  }
  .sidebar-nav{
    width:100%!important;
  }
}