/* ===== 数据看板子页面样式（原型版，交付技术对接） ===== */

/* 首页「查看详情」链接 */
.dash-more { font-size: 12px; color: #28b39c; text-decoration: none; white-space: nowrap; margin-left: 8px; }
.dash-more:hover { color: #1a9c85; text-decoration: none; }
.dash-more i { margin-left: 2px; }
.dash-mini-link, .dash-mini-link:hover { color: #fff; text-decoration: none; }

/* 子页面顶部：面包屑 + 页头 + 导航 chips */
.page-root { padding-bottom: 30px; }
.dash-crumb { font-size: 13px; color: #999; margin-bottom: 10px; }
.dash-crumb a { color: #28b39c; text-decoration: none; }
.dash-crumb i { margin: 0 6px; color: #bbb; font-size: 11px; }
.dash-crumb b { color: #555; font-weight: 600; }
/* 子页面页头：仅一行说明（标题由 pageheader 显示，避免重复） */
.dash-page-head { margin-bottom: 12px; }
.dash-page-head .dash-page-desc { font-size: 12.5px; color: #8b95a1; }
.dash-page-head .dash-page-desc i { color: #b6c0cc; margin-right: 4px; }

/* 顶部导航：单行按钮组（4 个分组按钮 + 当前组页面按钮同排，所有按钮统一大小） */
.dash-nav-chips, .dash-topnav { display: flex; flex-wrap: wrap; margin-bottom: 14px; }
.tn-btn { display: inline-block; padding: 10px 12px; background: #fff; border: 1px solid #dcdfe4; border-radius: 0; color: #333; font-size: 13px; line-height: 20px; text-decoration: none; margin-right: -1px; margin-bottom: -1px; }
.tn-btn.main { font-weight: 600; }
.tn-btn:hover { color: #28b39c; border-color: #28b39c; position: relative; z-index: 2; text-decoration: none; }
.tn-btn.active { background: #28b39c; border-color: #28b39c; color: #fff; position: relative; z-index: 1; }
@media (max-width: 600px) {
  .tn-btn { padding: 7px 10px; font-size: 12px; }
}

/* 4 列 KPI 行 */
.dash-kpi-row-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-top: 0; margin-bottom: 15px; }
@media (max-width: 992px) { .dash-kpi-row-4 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .dash-kpi-row-4 { grid-template-columns: 1fr 1fr; gap: 6px; } }

/* 双图并排 */
.dash-two-chart { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
@media (max-width: 992px) { .dash-two-chart { grid-template-columns: 1fr; } }

/* 通用小组标题（子页面面板内） */
.dash-sec { margin-top: 15px; }
.dash-sec .dash-sub-title { margin-bottom: 8px; }

/* 表格操作列 */
.dash-op { color: #3a7bd5; font-size: 12px; margin-right: 8px; cursor: pointer; }
.dash-op.danger { color: #e05c5c; }

/* CRM 提示条（业务规则说明） */
.dash-tip-bar { background: #eef7fb; border: 1px solid #cfe6f3; color: #2a6e94; border-radius: 6px; padding: 10px 14px; font-size: 12.5px; margin-bottom: 15px; line-height: 1.7; }
.dash-tip-bar i { color: #3a7bd5; margin-right: 6px; }
.dash-tip-bar b { color: #1d5e80; }

/* 目标完成进度条 */
.dash-progress { width: 130px; height: 8px; background: #edf1f5; border-radius: 4px; overflow: hidden; display: inline-block; vertical-align: middle; }
.dash-progress i { display: block; height: 100%; border-radius: 4px; }

/* CRM 表格话术内容 */
.dash-table td { vertical-align: middle; }

/* 宽表横滚兜底：全局生效（原主题仅在窄屏媒体查询里启用） */
.dash-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }