:root{--bg:#f0f2f5;--card:#fff;--blue:#3b82f6;--green:#10b981;--orange:#f59e0b;--red:#ef4444;--teal:#0d9488;--r:14px}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);padding:14px}
.c{max-width:1200px;margin:0 auto}
.tabs{display:flex;gap:4px;margin-bottom:12px;background:var(--card);border-radius:var(--r);padding:6px}
.tab{padding:10px 20px;border-radius:var(--r);cursor:pointer;font-size:14px;border:none;background:transparent;color:#888}
.tab.active{background:var(--blue);color:#fff}
h1{text-align:center;color:var(--blue);margin:12px 0;font-size:22px}
.card{background:var(--card);border-radius:var(--r);padding:14px;margin-bottom:10px;box-shadow:0 1px 4px rgba(0,0,0,0.06)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.btn{padding:7px 14px;border:none;border-radius:18px;font-size:12px;cursor:pointer}
.btn.blue{background:var(--blue);color:#fff}.btn.green{background:var(--green);color:#fff}.btn.red{background:var(--red);color:#fff}
.btn:hover{opacity:0.9}select{padding:7px 10px;border:1px solid #ddd;border-radius:16px;font-size:12px}
.cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}
.cap-item{background:#f8fafc;padding:10px;border-radius:10px}
.cap-item .ln{font-weight:600;font-size:13px;margin-bottom:4px}
.cap-item input{width:70px;padding:4px 8px;border:1px solid #ddd;border-radius:8px;font-size:12px;text-align:center}
.cap-item label{font-size:11px;color:#888;margin-right:4px}

/* 5卡片统计区域 */
.stats-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}
.stat-card{border-radius:12px;padding:14px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px}
.stat-card .stat-value{font-size:22px;font-weight:700;line-height:1.2}
.stat-card .stat-label{font-size:11px;margin-top:4px;opacity:0.8}
.stat-card.blue{background:#e3f2fd;color:#1565c0}.stat-card.blue .stat-value{color:#0d47a1}
.stat-card.green{background:#e8f5e9;color:#2e7d32}.stat-card.green .stat-value{color:#1b5e20}
.stat-card.orange{background:#fff3e0;color:#e65100}.stat-card.orange .stat-value{color:#bf360c}
.stat-card.teal{background:#e0f7fa;color:#006064}.stat-card.teal .stat-value{color:#004d40}
.stat-card.gray{background:#f5f5f5;color:#616161}.stat-card.gray .stat-value{color:#424242}

table{width:100%;border-collapse:collapse;font-size:12px}
th{background:#f9fafb;padding:7px;text-align:left;border-bottom:2px solid #eee}
td{padding:6px 7px;border-bottom:1px solid #f3f3f3}
.collapse-header{cursor:pointer;padding:8px 0;border-bottom:2px solid var(--blue);margin-bottom:8px;font-weight:600}
@media(max-width:768px){.stats-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.stats-cards{grid-template-columns:repeat(2,1fr)}}

/* 未完成工单面板 */
#unfinishedCard { border-left: 4px solid #f59e0b; }
#unfBody tr:hover { background: #fffbeb; }
#unfBody td { padding: 6px 8px; }