/* Extracted from v2.5 inline style block #8. v3.0-alpha split packaging. */
/* =========================================================
   固定关键数据栏最终修复版
   原因：summary 使用 sticky 时会受父容器/布局/滚动区域影响，滚动后可能看不到。
   方案：独立创建 fixed 浮动 KPI 条，滚动超过一定距离后固定显示。
   不改数据库、不改 RLS、不改保存、统计和分页逻辑。
   ========================================================= */
#floatingKpiBar{
  position:fixed;
  top:10px;
  right:24px;
  z-index:9998;
  display:none;
  grid-template-columns:repeat(5,minmax(128px,1fr));
  gap:8px;
  padding:8px;
  border:1px solid rgba(186,230,253,.9);
  border-radius:18px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);
  box-shadow:0 14px 38px rgba(15,23,42,.16);
  box-sizing:border-box;
}

#floatingKpiBar.show{
  display:grid;
}

.floating-kpi-item{
  min-height:42px;
  border-radius:13px;
  padding:7px 10px;
  background:linear-gradient(135deg,#ecfeff,#f0fdfa);
  border:1px solid rgba(45,212,191,.28);
  box-sizing:border-box;
}

.floating-kpi-label{
  font-size:11px;
  line-height:1.1;
  color:#334155;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.floating-kpi-value{
  margin-top:3px;
  font-size:18px;
  line-height:1;
  color:#0f766e;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

.floating-kpi-unit{
  font-size:10px;
  color:#475569;
  font-weight:800;
  margin-left:3px;
}

/* 展开/折叠导航时，浮动 KPI 自动让出左侧空间 */
@media (min-width:901px){
  body:not(.nav-collapsed) #floatingKpiBar{
    left:calc(var(--sidebar-open-width,300px) + var(--sidebar-gap,24px) + 24px);
  }
  body.nav-collapsed #floatingKpiBar{
    left:calc(var(--sidebar-collapsed-width,76px) + var(--sidebar-gap,24px) + 24px);
  }

  /* 浮动 KPI 出现时，给页面顶部留一点视觉空间，避免盖住按钮 */
  body.has-floating-kpi .main-content-flex{
    padding-top:0!important;
  }
}

/* 小屏幕：固定在顶部，横向滚动 */
@media (max-width:900px){
  #floatingKpiBar{
    left:8px;
    right:8px;
    top:8px;
    grid-template-columns:repeat(5,132px);
    overflow-x:auto;
    border-radius:16px;
  }
  .floating-kpi-item{
    min-width:132px;
  }
}

/* 避免和顶部用户栏同时显示造成重叠：顶部区域时隐藏，由 JS 控制 */
#floatingKpiBar.hide-force{
  display:none!important;
}