/* ============================================================
   统计页统一样式（templates/dashboard/stats/*.html）
   2026-10-15 · P1 批次 4
   ------------------------------------------------------------
   替换三类历史写法：
     ① <div class="h jumbotron bg-gray-100"> —— BS4 的 jumbotron 在 ≥576px
        下 padding 达 4rem 2rem，套在 card-body 里形成「卡中卡」双重内边距
     ② <hr class="sidebar-divider"> —— SB Admin 2 的侧栏分隔线，带 1rem
        左右缩进，在 card-body 里与其它元素对不齐
     ③ display:inline;float:left|right —— 元信息行，窄屏会错位
   ⚠️ 不动：list_tab 表头语言（bg-gradient-secondary + text-gray-100）
      是用户认可的基线，一行未动。
   ============================================================ */

/* ① 区块容器（筛选表单区 / 内容区，各页各两处） */
.st-panel {
    background: var(--bb-bg-sunken);
    border-radius: var(--bb-radius-lg);
    padding: 16px 18px;
}

/* ② 卡内分隔线 */
.st-divider {
    border: 0;
    border-top: 1px solid var(--bb-divider);
    margin: 16px 0;
}

/* ③ 元信息行：左「统计口径说明」/ 右「汇率」，窄屏自动换行 */
.st-meta {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    font-size: 13px;
    color: var(--bb-text-muted);
    margin-bottom: 10px;
}

.st-meta-right {
    margin-left: auto;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* ④ 图表容器：原先写死 width:800px; height:500/600px。
   这里补自适应上限，窄屏不撑破卡片。
   （JS 侧 resize_chart 仍按视口算宽度并写入内联样式，优先级更高，
     故 max-width 只作兜底；移动端的完整细化归 P2。） */
.st-chart {
    width: 100%;
    max-width: 800px;
    height: 500px;
}

.st-chart-pie {
    height: 600px;
}

/* ⑤ 空态引导：GET 首屏（尚未点「查询」）或该条件组合无数据时，
   不显示空表格 + 「合计 100.00%」这类裸值，改为引导文案。 */
.st-empty {
    padding: 32px 16px;
    text-align: center;
    color: var(--bb-text-muted);
    font-size: 13px;
}