/* ===== AutoBuddy 数据分析（v386 · 内联可视化引擎） =====
   浅色主题 · 线性图标 · 真表格。仅作用于 #view-data 内部，不污染全局。 */

#view-data .da-wrap{max-width:1120px;margin:0 auto;padding:18px 20px 60px}
#view-data .da-head{display:flex;align-items:baseline;gap:10px;margin:2px 0 14px}
#view-data .da-head h2{margin:0;font-size:18px;color:#0f172a}
#view-data .da-head .da-sub{color:#6b7280;font-size:13px}

/* 胶囊 Tab（复用 ab-mkt-seg 视觉，独立命名避免耦合） */
#view-data .da-tabs{display:flex;gap:6px;background:#eef2f7;border-radius:10px;padding:4px;width:max-content;margin-bottom:16px}
#view-data .da-tab{border:0;background:transparent;color:#475569;font-size:13px;font-weight:600;
  padding:7px 16px;border-radius:8px;cursor:pointer;transition:all .15s}
#view-data .da-tab.ab-mkt-seg-on{background:#fff;color:#2563eb;box-shadow:0 1px 4px rgba(15,23,42,.12)}

/* 面板显隐（.hidden 非全局规则，必须显式声明） */
#view-data .da-panel.hidden{display:none !important}

/* 卡片网格 */
#view-data .da-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
#view-data .da-card{background:#fff;border:1px solid #e3e6ea;border-radius:12px;padding:14px 16px}
#view-data .da-card-h{font-size:13px;font-weight:600;color:#0f172a;margin-bottom:8px;
  display:flex;align-items:center;gap:6px}
#view-data .da-card-h::before{content:"";width:3px;height:13px;background:#2563eb;border-radius:2px}
#view-data .da-chart{width:100%;height:260px}
#view-data .da-chart.sm{height:220px}

/* 我的数据分析：上传区 */
#view-data .da-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:14px 16px;margin-bottom:14px}
#view-data .da-upload input[type=file]{font-size:13px;max-width:260px}
#view-data .da-hint{color:#6b7280;font-size:12px}
#view-data .da-btn{border:1px solid #2563eb;background:#2563eb;color:#fff;font-size:13px;
  padding:7px 14px;border-radius:8px;cursor:pointer}
#view-data .da-btn.ghost{background:#fff;color:#2563eb}
#view-data .da-btn:active{transform:translateY(1px)}

/* 数据预览真表格 */
#view-data .da-preview{margin-bottom:14px;max-height:300px;overflow:auto;border:1px solid #e3e6ea;border-radius:10px}
#view-data .da-preview table{width:100%;border-collapse:collapse;font-size:12px}
#view-data .da-preview th{background:#eef2f7;color:#334155;font-weight:600;text-align:left;
  padding:7px 10px;border-bottom:1px solid #e3e6ea;position:sticky;top:0;white-space:nowrap}
#view-data .da-preview td{padding:6px 10px;border-bottom:1px solid #f0f2f5;white-space:nowrap}
#view-data .da-preview tbody tr:nth-child(even){background:#fafbfc}
#view-data .da-meta{color:#6b7280;font-size:12px;margin:6px 2px 12px}

/* 空态 */
#view-data .da-empty{color:#94a3b8;font-size:13px;text-align:center;padding:40px 0}

@media (max-width:768px){
  #view-data .da-grid{grid-template-columns:1fr}
  #view-data .da-chart{height:220px}
}