/* Extracted from v2.5 inline style block #7. v3.0-alpha split packaging. */
/* =========================================================
   导航/顶部数据布局修复
   1) 修复折叠导航挡住账号信息
   2) 折叠后只显示图标，不再显示“页面导航”大字
   3) 下滑时 KPI 数据变成紧凑固定栏，既能看数据又不挡表格
   不改数据库、RLS、保存、统计逻辑
   ========================================================= */

@media (min-width:901px){
  /* 顶部用户栏让出左侧固定导航空间，避免账号被遮挡 */
  body:not(.nav-collapsed) #userBox{
    margin-left:calc(var(--sidebar-open-width, 300px) + var(--sidebar-gap, 24px))!important;
    width:calc(100vw - var(--sidebar-open-width, 300px) - var(--sidebar-gap, 24px) - 48px)!important;
    box-sizing:border-box!important;
  }

  body.nav-collapsed #userBox{
    margin-left:calc(var(--sidebar-collapsed-width, 76px) + var(--sidebar-gap, 24px))!important;
    width:calc(100vw - var(--sidebar-collapsed-width, 76px) - var(--sidebar-gap, 24px) - 48px)!important;
    box-sizing:border-box!important;
  }

  #userBox{
    position:sticky!important;
    top:8px!important;
    z-index:180!important;
  }

  /* 折叠时左侧导航只保留图标 */
  body.nav-collapsed .nav-title span{
    font-size:0!important;
    line-height:1!important;
  }
  body.nav-collapsed .nav-title span::before{
    content:"📂";
    font-size:24px!important;
    line-height:1!important;
  }

  body.nav-collapsed .nav-title{
    min-height:44px!important;
    padding:10px 0!important;
    margin-bottom:12px!important;
  }

  body.nav-collapsed .nav-page-link .nav-label-text{
    display:none!important;
  }

  body.nav-collapsed .nav-page-link .nav-icon-only{
    display:block!important;
    font-size:24px!important;
  }

  body.nav-collapsed .nav-page-link{
    overflow:visible!important;
  }
}

/* 小屏保持原逻辑 */
@media (max-width:900px){
  #userBox{
    margin-left:0!important;
    width:100%!important;
  }
}

/* KPI 汇总区：下滑后变成紧凑数据栏 */
.summary{
  transition:all .16s ease!important;
}

@media (min-width:901px){
  body.summary-compact .summary{
    position:sticky!important;
    top:92px!important;
    z-index:150!important;
    display:grid!important;
    grid-template-columns:repeat(5, minmax(140px,1fr))!important;
    gap:8px!important;
    padding:6px 0!important;
    margin-bottom:10px!important;
    background:rgba(244,247,251,.94)!important;
    backdrop-filter:blur(8px)!important;
  }

  body.summary-compact .summary .box{
    min-height:48px!important;
    padding:8px 12px!important;
    border-radius:14px!important;
    box-shadow:0 6px 16px rgba(15,23,42,.06)!important;
    font-size:12px!important;
    line-height:1.15!important;
  }

  body.summary-compact .summary .box b{
    font-size:20px!important;
    line-height:1!important;
  }

  body.summary-compact .main-content-flex > h1{
    margin-bottom:8px!important;
  }
}

/* 如果用户不想要紧凑固定栏，小屏就不固定，避免挡内容 */
@media (max-width:900px){
  body.summary-compact .summary{
    position:relative!important;
    top:auto!important;
  }
}

/* 顶部账号栏在很窄/缩放场景不要挤压 */
#userBox{
  overflow:visible!important;
}
#userBox b{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:min(520px, 42vw)!important;
}