/* Approved revision: semantic alignment, regular typography and restrained accents. */
html body #content#content#content,html body #modal#modal#modal{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#626975;font-size:14px}
html body #content#content#content :is(h2,h3,h4,p,b,strong,small,label,input,select,textarea,.panel-title,.panel-sub,.panel-subtitle,.hint,.audit-banner,.code,.supervision-preview-text){text-align:left!important;font-weight:400!important;color:#626975}
html body #content#content#content :is(h2,h3,h4){font-size:16px}
html body #content#content#content :is(input,select,textarea){font-size:13px!important;padding-left:12px!important}
html body #content#content#content :is(.panel-head,.business-toolbar,.selector-extra-actions){justify-content:flex-start!important;text-align:left!important;gap:10px}
html body #content#content#content .panel-head{padding:16px 18px!important}
html body #content#content#content :is(.audit-banner,.selector-card p,.supervision-quick p){font-size:13px!important;line-height:1.65;text-align:left!important}
html body #content#content#content :is(.audit-banner b,.panel-title,.panel-head b){font-weight:400!important}
html body :is(#content#content#content,#modal#modal#modal) :is(th,td){text-align:left!important;vertical-align:middle!important;font-weight:400!important;font-size:13px!important;line-height:1.6}
html body :is(#content#content#content,#modal#modal#modal) :is(th[data-cell-type=number],td.cell-number){text-align:right!important}
html body :is(#content#content#content,#modal#modal#modal) :is(th[data-cell-type=status],th[data-cell-type=actions],th[data-cell-type=select],th[data-cell-type=image],td.cell-status,td.cell-actions,td.cell-select,td.cell-image){text-align:center!important}
html body #content#content#content :is(td p,td ol,td li,td small,td .product-main,td .product-main div){text-align:left!important}
html body #content#content#content td ol{padding-left:20px!important;margin:0!important;list-style-position:outside!important}
html body #content#content#content td li{padding-left:2px!important}
html body #content#content#content td .product-main{justify-content:flex-start!important}
html body #content#content#content :is(.tab.active,.tabs .active,.filter-chip.active){background:#eaf0f8!important;color:#607fa7!important;border-color:#d6e1ee!important;font-size:12px!important;font-weight:400!important}
html body #content#content#content :is(.value,.metric-card b,.qc-dashboard-kpis b,.quality-role-strip b,.supervision-insight-grid b){font-weight:400!important}
html body #content#content#content .selector-card{background:#fff!important;border:1px solid #e3e9f0;border-radius:8px;padding:24px!important;box-shadow:none!important}
html body #content#content#content .selector-card h2{font-size:20px!important;font-weight:400!important}
html body #content#content#content .selector-card .btn{background:#fff;color:#626975;border:1px solid #dce4ef}
html body #content#content#content .selector-card .selector-start{background:#728fb5;color:white}
html body #content#content#content .decision-legend{display:flex;gap:24px;justify-content:flex-start;font-size:12px}
html body #content#content#content .decision-legend .tag{font-size:12px!important;font-weight:400!important;border:0!important}
html body #content#content#content .decision-legend>span:nth-child(1) .tag{color:#5d8b79!important;background:#edf5f0!important}
html body #content#content#content .decision-legend>span:nth-child(2) .tag{color:#a18a55!important;background:#f8f3e7!important}
html body #content#content#content .decision-legend>span:nth-child(3) .tag{color:#ac7375!important;background:#faeeee!important}
html body #content#content#content .qc-dashboard-hero{background:linear-gradient(105deg,#edf3fb,#f8fafc)!important;display:flex;align-items:center;justify-content:space-between;padding:24px!important;min-height:140px;border:1px solid #e3eaf2;border-radius:8px}
html body #content#content#content .qc-dashboard-hero h2{font-size:20px!important;font-weight:400!important;margin:10px 0}
html body #content#content#content .qc-dashboard-hero>div>span{font-size:10px;letter-spacing:2px}
html body #content#content#content .qc-dashboard-hero p{font-size:13px!important}
html body #content#content#content .qc-hero-focus{background:transparent!important;color:#626975!important;padding:12px!important;min-width:240px}
html body #content#content#content .qc-hero-focus :is(b,span,small){font-size:12px!important;font-weight:400!important;color:#626975!important;letter-spacing:0}
.review-warehouse{width:170px;height:100px;flex:none;margin-left:auto;opacity:.65}
html body #content#content#content .qc-dashboard-kpis button{background:white!important;border:1px solid #e4eaf1!important;border-radius:8px!important;padding:20px!important;text-align:left!important;position:relative}
html body #content#content#content .qc-dashboard-kpis b{font-size:24px!important;color:#626975!important;margin:10px 0;display:block}
html body #content#content#content .qc-dashboard-kpis small{font-size:12px!important}
html body #content#content#content .quality-role-strip button{background:#f5f8fc!important;border-color:#e3eaf2!important}
html body #content#content#content .supervision-preview-text{white-space:pre-wrap!important;text-align:left!important;font-size:13px!important;line-height:1.85!important;padding:16px}
html body #content#content#content .supervision-insight-grid b{font-size:22px!important;color:#626975!important}
html body #content#content#content .qc-product-thumb{width:64px!important;height:48px!important;object-fit:contain}
html body #nav#nav :is(.nav-item,.nav-group-title){text-align:left!important;justify-content:flex-start!important}
html body #content#content#content .empty-state{text-align:center!important}
html body #content#content#content .empty-state :is(p,b,small){text-align:center!important}
@media(max-width:1450px){.review-warehouse{width:110px}.decision-legend{flex-wrap:wrap}.qc-dashboard-hero{gap:14px}}
html body #content#content#content :is(.business-tabs button.active){background:#eaf0f8!important;color:#607fa7!important;border-color:#d6e1ee!important;font-size:12px!important;font-weight:400!important}
html body #content#content#content .business-tabs button{font-size:12px!important;font-weight:400!important}
html body #content#content#content :is(td,td b,td li,.qc-dashboard-hero h2,.qc-dashboard-hero p,.qc-dashboard-kpis span,.qc-dashboard-kpis small,.quality-role-strip span){color:#626975!important}
html body #content#content#content .selector-card .selector-start{color:white!important}
html body #content#content#content :is(.empty,.empty-state) :is(div,p,b,small,strong){text-align:center!important}
html body #content#content#content .business-toolbar{justify-content:space-between!important}
html body #content#content#content :is(.qc-empty,.empty,.empty-state),html body #content#content#content :is(.qc-empty,.empty,.empty-state) *{text-align:center!important}
html body #content#content#content .qc-po-head{display:flex;justify-content:space-between;gap:20px;padding:18px}
html body #content#content#content .qc-po-head :is(h3,p,small){text-align:left!important;font-weight:400!important}
html body #content#content#content .qc-po-head p{font-size:12px!important}
html body #content#content#content .qc-line-table :is(th,td):nth-child(11){text-align:left!important}
