/* 仪表盘 + 响应式 */

/* —— 仪表盘 —— */
.dashboard{display:flex;flex-direction:column;gap:16px}

.stat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.stat-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:20px;text-align:center;cursor:pointer;transition:all .2s}
.stat-card:hover{border-color:rgba(255,107,138,0.3);background:rgba(255,107,138,0.03);transform:translateY(-2px)}
.stat-num{font-size:36px;font-weight:800;color:#ff6b8a;line-height:1.2}
.stat-label{font-size:14px;color:#ccc;margin-top:4px}
.stat-sub{font-size:11px;color:#666;margin-top:4px}

.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.dash-panel{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:14px;padding:20px}
.dash-panel h3{font-size:14px;color:#a090b0;margin-bottom:14px}

/* 状态条 */
.status-bars{display:flex;flex-direction:column;gap:8px}
.status-bar-row{display:flex;align-items:center;gap:10px;font-size:12px}
.status-bar-label{color:#999;min-width:110px}
.status-bar-track{flex:1;height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden}
.status-bar-fill{height:100%;background:linear-gradient(90deg,#ff6b8a,#f0a500);border-radius:3px;transition:width .3s}
.status-bar-num{color:#ff6b8a;font-weight:600;min-width:20px;text-align:right}

/* 种类标签 */
.cate-chips{display:flex;flex-wrap:wrap;gap:8px}
.cate-chip{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);padding:6px 12px;border-radius:12px;font-size:12px}
.cate-name{color:#ccc}
.cate-count{color:#ff6b8a;font-weight:600;background:rgba(255,107,138,0.1);padding:2px 8px;border-radius:8px}

/* 快速统计 */
.quick-stats{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:#999}
.quick-stats strong{color:#ff6b8a;font-size:18px}

/* 后台处理跟踪表格 */
.tracking-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-bottom:20px}
.tracking-table-wrapper{overflow-x:auto;border-radius:14px;border:1px solid rgba(255,255,255,0.06)}
.tracking-table{width:100%;border-collapse:collapse;font-size:13px}
.tracking-table th{text-align:left;padding:12px 16px;color:#666;font-weight:600;background:rgba(255,255,255,0.02);border-bottom:1px solid rgba(255,255,255,0.06);font-size:11px}
.tracking-table td{padding:12px 16px;color:#ccc;border-bottom:1px solid rgba(255,255,255,0.03)}
.tracking-table tr:hover td{background:rgba(255,107,138,0.03)}

/* —— 响应式 —— */
@media(max-width:768px){
  .sidebar{display:none}
  .main{margin-left:0}
  .stat-cards{grid-template-columns:repeat(2,1fr)}
  .dash-grid{grid-template-columns:1fr}
  .orders-grid-inner{grid-template-columns:1fr}
}