/* ============================================================
 * 品宏外贸CRM系统 - 仪表盘（看盘）样式
 * ============================================================ */

.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px;}
.stat-card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,0.06);position:relative;overflow:hidden;min-width:0;}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.stat-card:nth-child(1)::before{background:#e94560;}
.stat-card:nth-child(2)::before{background:#1a6dd6;}
.stat-card:nth-child(3)::before{background:#1a9c4b;}
.stat-card:nth-child(4)::before{background:#d48806;}
.stat-card:nth-child(5)::before{background:#722ed1;}
.stat-card:nth-child(6)::before{background:#d4380d;}
.stat-label{font-size:12px;color:#888;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.stat-value{font-size:26px;font-weight:700;color:#1a1a2e;word-wrap:break-word;word-break:break-all;line-height:1.3;}
.stat-unit{font-size:13px;color:#999;font-weight:400;margin-left:2px;white-space:nowrap;}

/* 响应式布局 */
@media (max-width:1400px){
  .stat-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:768px){
  .stat-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:480px){
  .stat-grid{grid-template-columns:1fr;}
}
.chart-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,0.06);}
.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.chart-title{font-size:15px;font-weight:600;}
.chart-tabs{display:flex;gap:4px;background:#f5f5f5;padding:3px;border-radius:6px;}
.chart-tab{padding:6px 16px;font-size:12px;border-radius:4px;color:#666;cursor:pointer;transition:all 0.15s;}
.chart-tab.active{background:#fff;color:#e94560;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
#mainChart{width:100%;height:380px;}