/* 数据概览与调用明细分成稳定子页，避免把统计卡和大表硬塞在同一屏。 */

/* 用量：明细和 Key 分布各自是卡片，移动端上下分屏，宽屏左右分屏。 */

/* 财务设置按内容收缩；空间不足时自身缩小并在卡片内部滚动。 */

#view-finance > .finance-settings {
  flex: 0 1 auto;
  min-height: 0;
  margin: 0;
  overflow: auto;
}

#view-finance > .finance-kpis,
#view-finance > .log-summary,
#view-finance > .sync-line {
  flex: 0 0 auto;
  min-height: 0;
  margin: 0;
}

@media (max-width: 960px) {
#view-finance > .finance-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: minmax(84px, auto);
  }

#view-finance > .finance-kpis .finance-kpi {
    padding: 11px 10px !important;
  }

#view-finance > .finance-kpis .finance-kpi strong {
    font-size: 16px;
  }
}

/* Provider 注册表固定在页面内，详情/账户列表在卡片内滚动。 */

/* 媒体工作台：上下文和模式栏固定，参数/结果卡共享剩余高度。 */

#view-media.active {
  min-height: 0;
}

@media (min-width: 1081px) {
#view-media .media-result-grid,
  #view-media .media-video-result {
    overflow: auto;
  }
}

@media (max-width: 1080px) {
#view-media .media-result-stage {
    min-height: 0 !important;
  }
}

/* 实时监控：事件流固定高度，条目只在卡片内部滚动。 */

/* 实时监控先收敛运行指标和 Target 健康，再把事件流作为独立诊断面板。 */

.monitor-target-row {
  display: grid;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas:
    "state copy metrics"
    "state note note";
  align-items: center;
  gap: 3px 8px;
  padding: 8px;
  border: var(--hair) solid rgb(255 255 255 / 0.08);
  border-radius: var(--r-sm);
  background: rgb(255 255 255 / 0.018);
}

@media (max-width: 720px) {
.monitor-target-row {
    padding: 6px;
  }
}

/* 媒体调度：固定工作区一次只处理一类配置，切换不改变页面外框。 */

/* 模型目录是固定内容卡，Provider/模型两种渲染模式共用同一滚动槽。 */

/* 只给承担版式锚点的动态区域保留稳定槽位；表单和内容列表继续自然收缩。 */

/* 日志页签在增加统计视图后仍保持自身滚动，不把窄屏主区撑宽。 */

/* 上游模型统计按“筛选 → 摘要 → 对账表”分配固定层级。 */