/* 2026-09-01 confirmed visual pass: compact, calm and consistent on every table page. */
:root{--final-line:#e3e8f0;--final-head:#fafbfd;--final-ink:#1c2a40;--final-muted:#66748a}
body{font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--final-ink);font-weight:400}
.topbar h1,.panel-title,.business-card h3,.qc-po-head h3{font-weight:700;letter-spacing:0}
.content{padding-top:20px}
.panel,.business-card,.business-summary,.qc-po-card{box-shadow:0 3px 12px rgba(25,43,70,.035)}
.table-wrap{border-top:1px solid var(--final-line)}
table{font-variant-numeric:tabular-nums}
thead th,table th,.qc-line-table th,.qc-guide-table th{
  height:35px!important;
  min-height:35px;
  padding:0 11px!important;
  background:var(--final-head)!important;
  color:#58677d!important;
  border-bottom:1px solid #dce3ed!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.25;
  box-shadow:none!important;
}
tbody td,table td,.qc-line-table td{height:46px;padding-left:11px;padding-right:11px;color:#273750}
.business-summary button{min-height:76px;padding:12px 15px;transition:.15s}
.business-summary button:hover{background:#f8faff}
.business-summary button.active{background:#eef4ff;box-shadow:inset 0 -3px 0 #2867ef}
.business-summary button.active span,.business-summary button.active b{color:#174fca}
.business-summary b{font-size:20px;margin-top:3px}
.business-summary small{display:block;margin-top:3px;color:#8793a6;font-size:10px}
.sku-detail{padding:10px 16px 14px 48px}
.sku-detail-caption{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:7px 10px;border-left:3px solid #2867ef;background:#f1f5fb;color:#40516a}
.sku-detail-caption b{font-size:12px;color:#1d2d47}
.sku-detail-caption span{font-size:10px;color:#78869a}
.sku-detail table{border:1px solid #e2e8f1;background:#fff}
.sku-detail table thead{display:none!important}
.sku-detail table td{height:40px;background:#fff!important;border-bottom:1px solid #edf0f5}
.image-paste-zone,.qc-photo-paste{padding:14px;min-height:92px}
.panel-highlight{animation:panel-focus 1.1s ease}
@keyframes panel-focus{0%,100%{box-shadow:0 3px 12px rgba(25,43,70,.035)}35%{box-shadow:0 0 0 3px rgba(38,103,240,.16),0 8px 24px rgba(25,43,70,.08)}}
@media(max-width:1250px){.content{padding-left:20px;padding-right:20px}.business-summary button{min-height:70px}}