.production{--ink:#163840;--muted:#60767b;color:var(--ink);font-family:'Segoe UI','Microsoft YaHei',sans-serif;margin:0 0 28px;background:#fff;border:1px solid #cedbdf;border-radius:12px;overflow:hidden}
.production *{box-sizing:border-box}.production header{padding:24px 28px;background:#173d46;color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center}.production h2{font-size:25px;letter-spacing:-.5px;margin:3px 0 7px}.production p{line-height:1.6;font-size:13px;margin:5px 0}.production .eyebrow{font-size:11px;letter-spacing:2px;color:#afced0}.production .body{padding:24px 28px}.production button,.production select,.production input{font:inherit;font-size:13px;border:1px solid #b8cacf;border-radius:6px;padding:8px 11px;background:#fff;color:var(--ink)}.production button{cursor:pointer}.production button.primary{background:#176e7b;color:#fff;border-color:#176e7b}.production button:disabled{opacity:.45;cursor:default}.production label{font-size:12px;color:#425e66;display:grid;gap:6px}.production .controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.production .hint{color:var(--muted);font-size:12px}.production .notice{background:#f0f5f5;border-left:3px solid #448b91;padding:10px 14px;margin:14px 0;line-height:1.7;font-size:13px}.production .scroll{overflow:auto}.production table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.production th{background:#edf3f4;color:#48666e;text-align:left;font-weight:600}.production td,.production th{padding:12px 10px;border-bottom:1px solid #e1e9eb}.production td.num{font-variant-numeric:tabular-nums;text-align:right}.production .negative{color:#b24b34}.production .positive{color:#157065}.production .empty{padding:36px;text-align:center;color:#617b82;background:#f8fafb}.production summary{cursor:pointer;font-weight:600;padding:16px 0;font-size:14px}.production .split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.production .stat{font-size:26px;font-weight:650;display:block;margin:5px 0}.production a{color:#176e7b}.production .chart{height:240px;margin:20px 0}.production .upload{padding-bottom:20px;border-bottom:1px solid #dce7e9;margin-bottom:20px}.production .error{color:#aa382a}.production .pill{display:inline-block;font-size:11px;padding:5px 9px;border:1px solid #7ea4a9;border-radius:20px;color:#deeff0}.production [hidden]{display:none!important}@media(max-width:700px){.production header,.production .body{padding:18px}.production header{align-items:start;flex-direction:column;gap:10px}.production .split{grid-template-columns:1fr}.production .controls label{flex:1;min-width:130px}.production h2{font-size:21px}}

.container > [hidden]{display:none!important}

.production-detail{margin-bottom:24px;border:1px solid #dbe5e7;border-radius:8px;padding:16px}.production-detail-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;font-size:14px}.production-detail-head span{color:#60767b;font-size:12px}.production-detail-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;background:#f4f7f8;padding:12px;margin-bottom:16px}.production-detail-stats small{display:block;color:#60767b;margin-bottom:6px}.production-detail-stats strong{font-size:20px}.production-detail-note{font-size:12px;color:#60767b;margin-top:12px;line-height:1.6}.production-detail summary{cursor:pointer;min-width:220px}.production-record{border-bottom:1px solid #dbe5e7;padding:14px 0}.production-record>summary{display:flex;align-items:center;flex-wrap:wrap;gap:16px;cursor:pointer;font-size:12px}.production-record>summary>b{margin-left:auto;color:#176e7b}.production-record[open]{background:#f7fafb;padding:14px}.production-record p{font-size:12px;margin:12px 0}.production .chart{height:320px}@media(max-width:700px){.production-detail-stats{grid-template-columns:repeat(3,1fr)}}

.production-grid-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0}.production-grid-toolbar input{min-width:250px}.production-grid-toolbar input,.production-grid-toolbar select,.production-grid-toolbar button{padding:7px 10px;border:1px solid #bdced2;border-radius:5px;background:white;color:#163840}.production-grid-toolbar span{font-size:12px;color:#60767b}.tabulator{font-size:12px!important;border:1px solid #cedcdf!important;background:white!important}.tabulator .tabulator-header{background:#edf3f4!important;color:#254c56!important}.tabulator .tabulator-header .tabulator-col{background:#edf3f4!important}.tabulator-row.tabulator-row-even{background:#f6f9fa!important}.tabulator-row .tabulator-cell{padding:10px 8px!important}.tabulator-row:hover{background:#e1f0f2!important}.tabulator .tabulator-footer{background:#edf3f4!important}.production .tabulator input{width:100%;padding:5px!important}.production .tabulator button{padding:3px 7px!important}.production .tabulator{white-space:normal}.production .tabulator-table{width:auto}.production .tabulator-row .tabulator-cell{white-space:nowrap}.production-detail[hidden]{display:none!important}

.production-single #pSummary,.production-single #pTrendControls,.production-single #pChartWrap,.production-single #pDetail{display:none!important}.production header{padding:16px 24px}.production .body{padding:16px 24px}.production .upload{padding-bottom:8px;margin-bottom:12px}.production .upload summary{padding:4px 0 12px}.production-summary th,.production-summary td{white-space:nowrap!important;padding:12px 9px!important}.production-summary th:first-child{min-width:85px}.production .controls{gap:10px;margin-bottom:12px}button:disabled{cursor:not-allowed;opacity:.5}

/* Keep one primary filter bar; legacy controls remain available in legacy mode. */
.yield-import-mode .filter-bar> :not(.export-bar){display:none!important}.yield-import-mode .filter-bar .export-bar> :not(#btnExcel):not(#btnPPT){display:none!important}.yield-import-mode .filter-bar{padding:8px 12px;background:transparent;box-shadow:none;justify-content:flex-end;margin-bottom:8px}.yield-import-mode #stageCompare{display:none}#yieldSectionNav{display:flex;gap:24px;padding:2px 0 14px;margin-bottom:0;border-bottom:1px solid #d6e2e5}#yieldSectionNav a{color:#315e68;text-decoration:none;font-size:13px;font-weight:600}#yieldSectionNav a:hover{text-decoration:underline}.yield-import-mode .main-grid:first-of-type{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.yield-import-mode .card,.yield-import-mode .card-full{min-width:0}.yield-import-mode .card-title{flex-wrap:wrap;gap:12px;align-items:flex-start}.yield-import-mode .card-title>div{flex-wrap:wrap;gap:6px!important}.yield-import-mode .kpi{border-top:0;border-radius:6px;box-shadow:none;border:1px solid #dce6e8}.yield-import-mode .kpi-val{font-variant-numeric:tabular-nums}.yield-import-mode #btnSpy{display:none}.yield-import-mode [id^=title],#kpiRow{scroll-margin-top:76px}.production *:focus-visible,.yield-import-mode button:focus-visible{outline:2px solid #176e7b;outline-offset:2px}.production .notice{border-left:0;background:#edf4f5}.production ::selection{background:#bee0e5;color:#173d46}
@media(max-width:1000px){.yield-import-mode .main-grid:first-of-type{grid-template-columns:1fr}.yield-import-mode .card-title>div{max-width:100%}}@media(max-width:600px){.container{padding:12px!important}.production .body,.production header{padding:14px}.production .controls label{min-width:120px}.production-grid-toolbar input{min-width:0;width:100%}.production-grid-toolbar{gap:8px}.production table{max-width:none}.production .tabulator{max-width:100%}.yield-import-mode .main-grid{grid-template-columns:minmax(0,1fr)}#yieldSectionNav{gap:14px;flex-wrap:wrap}.production-summary th,.production-summary td{padding:8px 6px!important}.production .hint{font-size:12px;line-height:1.5}}

.production .controls label{min-width:0}.production .controls select,.production .controls input{min-width:0;max-width:100%}.production .metric-definition summary{padding:0;color:#526d75;font-weight:400;font-size:12px}.production-support{padding:12px 20px;margin-top:24px}.production .production-support{border:0;padding:0;margin:0}.production-support summary{padding:10px 0}.production-single .notice{margin-bottom:0}.production-single{margin-bottom:18px}@media(max-width:600px){.production .controls label{flex:1 1 140px;min-width:0}.production .controls select,.production .controls input{width:100%}.production .controls{align-items:end}.production .controls>button{min-height:36px}.production-support{padding:12px}.production .upload input[type=file]{max-width:100%;width:100%}}

.yield-import-mode #fDefectName{max-width:100%;min-width:0;width:280px}.yield-import-mode .card-title>div{min-width:0}

/* Comparison entry: one primary choice, shared axes, detailed tables on demand. */
.production .workspace-guide{display:grid;gap:6px;margin:4px 0 18px}.workspace-guide strong{font-size:17px}.workspace-guide span{font-size:13px;color:#60767b}.production .site-tabs{display:flex;gap:4px;background:#edf3f4;padding:4px;width:fit-content;border-radius:7px;margin-bottom:18px}.production .site-tabs button{border:0;background:transparent;padding:9px 24px;font-weight:600}.production .site-tabs button[aria-pressed=true]{background:#176e7b;color:white;box-shadow:0 1px 3px #16384020}.production .primary-filters label{min-width:170px}.production .primary-filters #pExport{margin-left:auto}.production #pTrendControls{margin-top:18px}.production #pTrendGroup{max-width:420px}.production #pChartWrap{height:350px;margin-top:10px}.production #pSummaryDetails{border-top:1px solid #dce7e9}.production-single #pSummaryDetails,.production-single #pTrendNote{display:none}.production #pUpload:not([open]){display:none}.production header #pUploadAction{border:1px solid #87b8bd;background:#fff;color:#173d46;font-weight:600}.production #pTrendNote{margin-top:10px}.production .primary-filters label[hidden]{display:none!important}@media(max-width:600px){.production .primary-filters label{min-width:0}.production .site-tabs{width:100%}.production .site-tabs button{flex:1;padding:9px 14px}.production #pChartWrap{height:300px}.production header{flex-direction:row;align-items:center}.production header h2{font-size:18px}.production header #pUploadAction{white-space:nowrap}.production #pTrendGroup{max-width:100%}}

.production #pQuality{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.production #pQuality>div,.production #pQuality>button{display:flex;gap:12px;align-items:center;text-align:left;padding:14px;background:#f5f8f8;border:1px solid #dde7e8;border-radius:6px}.production #pQuality strong{font-size:25px;font-variant-numeric:tabular-nums}.production #pQuality span{font-size:12px;color:#48666e}.production #pQuality>button{background:#fff8ed;border-color:#dfc9a5}.production #pQuality p{grid-column:1/-1;color:#60767b;font-size:12px}.production .paired-days{display:flex;align-items:center;gap:8px;font-size:12px;margin:14px 0}.production .paired-days input{width:16px;height:16px;flex:none}.production .detail-scope{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;color:#48666e;font-size:13px}.production #pIssues td{white-space:normal;min-width:100px;max-width:300px;overflow-wrap:anywhere}.production #pIssues td:nth-child(5){min-width:220px}.production-single .paired-days{display:none}.production #pStatus:empty{display:none}@media(max-width:600px){.production #pQuality>div,.production #pQuality>button{display:grid;gap:4px;padding:10px}.production #pQuality strong{font-size:22px}.production .detail-scope{align-items:start;flex-direction:column}}
.production .workspace-guide{margin:0 0 12px;gap:3px}.production .workspace-guide strong{font-size:15px}.production header{padding:12px 24px}.production .site-tabs{margin-bottom:12px}.production #pQuality{gap:8px;margin:10px 0}.production #pQuality>div,.production #pQuality>button{padding:8px 12px}.production #pQuality strong{font-size:22px}.production #pQuality p{margin:0;line-height:1.5}.production #pCoverage{margin:10px 0;padding:7px 12px}.production #pTrendControls{margin-top:10px}.production .paired-days{margin:10px 0}.production #pChartWrap{height:320px}

.production .gap-panel{border:1px solid #d8e3e5;padding:16px;margin:18px 0;border-radius:6px}.production .gap-panel h3{font-size:16px;margin:0 0 10px}.production .gap-result{font-size:17px;font-weight:600}.production .gap-panel table{margin:14px 0}.production .gap-panel td:first-child{white-space:normal;min-width:230px;max-width:360px}.production-single #pGap{display:none}.production .gap-panel:empty{display:none}

.production-single #pOperations { display:none; }
.production #pOverview{border-top:3px solid #176e7b;padding:18px 0;margin:20px 0 12px}.production .overview-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.production .overview-head h3{font-size:21px;margin:0 0 5px}.production .overview-head p{color:#60767b}.production .overview-lead{font-size:15px;padding:14px 16px;background:#edf5f5;margin:14px 0}.production #pOverview td:first-child{min-width:190px;white-space:normal}.production #pOverview th{font-size:12px}.production #pOverview td{padding:13px 10px}.production #pOverview td strong{color:#9d4b31}.production .classification-status{padding:10px 12px;background:#fff8ed;border-left:3px solid #b98949}.production #pOperationsSection{border-top:1px solid #d8e3e5}.production #pOperationsSection .gap-panel{border:0;margin:0;padding:0}.production #pFollowForm textarea{font:inherit;resize:vertical;padding:10px;border:1px solid #b8cacf;border-radius:5px;width:100%;margin-bottom:14px}.production #pFollowStatus{color:#9d4b31}.production #pTrendControls,.production #pIssueRecord{scroll-margin-top:75px}.production-single #pOperationsSection{display:none}@media(max-width:600px){.production .overview-head{align-items:start}.production .overview-head h3{font-size:18px}.production .overview-head button{max-width:120px}.production .overview-lead{font-size:13px}}
.production .comparison-check{background:#f3f7f7;padding:14px 16px;margin:18px 0}.production .comparison-check h4{margin:0 0 12px;font-size:16px}.production .comparison-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.production .comparison-facts strong,.production .comparison-facts span{display:block}.production .comparison-facts span{font-size:12px;color:#526b73;line-height:1.6;margin-top:5px}.production .defect-visual{min-width:0;border:1px solid #d8e3e5;border-radius:6px;padding:16px;margin:12px 0}.production .defect-visual h4{margin:0 0 8px;font-size:16px}.production .defect-visual p{color:#60767b;font-size:12px}.production .defect-chart{height:340px;margin-top:12px}.production .pareto-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}@media(max-width:850px){.production .pareto-pair{grid-template-columns:minmax(0,1fr)}.production .comparison-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.production .defect-visual{padding:10px}.production .defect-chart{height:310px}.production .comparison-facts{grid-template-columns:minmax(0,1fr)}}
/* Refined reporting layout: shared site colors and restrained section hierarchy. */
.production{font-family:'Segoe UI','Microsoft YaHei',sans-serif;border-radius:8px;box-shadow:0 2px 10px #173d4606}.production h2,.production h3,.production h4{font-family:inherit;letter-spacing:-.2px}.production header{background:#18343d;padding:20px 26px}.production header h2{font-size:26px}.production header p{color:#bed2d7}.production .body{padding:22px 26px}.production #pOverview{margin-top:22px}.production .overview-head h3{font-size:24px}.production .overview-lead{padding:17px 18px;border-radius:4px;line-height:1.8}.production #pOverview td{font-size:13px}.production #pOverview th{padding-top:14px;padding-bottom:14px}.production #pOverview tbody tr:hover{background:#f6fafb}.production #pGap{border:0;border-top:1px solid #d9e3e6;border-radius:0;padding:24px 0}.production #pGap>h3{font-size:21px}.production .gap-result{font-size:25px;letter-spacing:-.5px;margin:12px 0 20px}.production .comparison-check{border-radius:5px;background:#f1f5f6;padding:18px;margin:20px 0}.production .comparison-check h4{font-size:17px}.production .comparison-facts strong{font-size:12px;font-weight:500;color:#637780}.production .comparison-facts span{font-size:14px;color:#233f48}.production .defect-visual{border:0;border-top:2px solid #dbe6e8;border-radius:0;padding:20px 0;margin:14px 0}.production .pareto-pair{gap:28px}.production .pareto-pair [data-factory=DG]{border-top-color:#176e7b}.production .pareto-pair [data-factory=VN]{border-top-color:#c17641}.production .defect-visual h4{font-size:18px}.production .defect-chart{height:355px}.production .defect-names{margin-top:10px}.production .defect-names summary{font-size:12px;padding:10px 0;color:#526c74}.production .defect-names button{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid #e3ebed;border-radius:0;white-space:normal;overflow-wrap:anywhere;padding:10px 0;line-height:1.5}.production .classification-status{font-size:12px}.production #pTrendGroup{max-width:min(420px,100%)}.production #pHistory td:nth-child(3){max-width:330px;white-space:normal;overflow-wrap:anywhere}.production .gap-panel td:first-child{max-width:310px;min-width:160px;line-height:1.6}.production .gap-panel th{white-space:normal;min-width:95px}.production .gap-panel table{font-variant-numeric:tabular-nums}.production #pFollowRaw{overflow:auto}.production .production-detail{overflow-wrap:anywhere}.production .controls select{overflow:hidden;text-overflow:ellipsis}.production #pChartWrap{height:320px}.production #pDefectVisuals>p{color:#617680;font-size:12px}@media(max-width:700px){.production header,.production .body{padding:16px}.production header h2{font-size:20px}.production .gap-result{font-size:20px}.production #pGap>h3{font-size:18px}.production .overview-head h3{font-size:20px}.production .comparison-facts span{font-size:13px}.production .defect-chart{height:330px}.production .pareto-pair{gap:0}.production .defect-visual h4{font-size:17px}.production #pHistory td:nth-child(3){max-width:210px}}
/* Dashboard workspace patterns: persistent navigation, one filter scope, contextual detail. */
.production.yield-workspace{overflow:visible;border:0;background:transparent;box-shadow:none}.yield-workspace>header{background:#fff;color:#17343e;border:1px solid #dbe5e8;border-bottom:0;border-radius:9px 9px 0 0;padding:18px 24px}.yield-workspace>header h2{font-size:25px;letter-spacing:-.7px}.yield-workspace>header p{color:#6a7f87;font-size:12px}.yield-workspace>header #pUploadAction{background:#176e7b;color:#fff;border-color:#176e7b;padding:10px 16px}.production .workspace-nav{position:sticky;top:56px;z-index:25;display:flex;gap:22px;padding:0 24px;background:#fff;border:1px solid #dbe5e8;border-top:0;box-shadow:0 3px 6px #17343e05;overflow-x:auto;white-space:nowrap}.production .workspace-nav button{border:0;border-radius:0;border-bottom:3px solid transparent;background:none;padding:13px 0 11px;font-size:13px;color:#5d747d;font-weight:600}.production .workspace-nav button:hover,.production .workspace-nav button[aria-current=page]{border-bottom-color:#176e7b;color:#176e7b}.yield-workspace>.body{padding:20px 24px;background:#fff;border:1px solid #dbe5e8;border-top:0;border-radius:0 0 9px 9px}.production .site-tabs{background:#f0f4f5;margin-bottom:18px}.production .primary-filters{background:#f8fafb;border:1px solid #e1e9ec;border-radius:6px;padding:12px;align-items:end}.production .primary-filters label{min-width:150px}.production .primary-filters #pExport{order:5}.production #pFilterContext{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;padding:8px 0 14px;border-bottom:1px solid #e4ebed;margin-bottom:12px}.production #pFilterContext .filter-caption{color:#6f8289}.production #pFilterContext button[data-clear]{padding:4px 8px;background:#edf5f6;border:0;border-radius:4px;font-size:12px}.production .date-context{font-variant-numeric:tabular-nums;color:#435e68;padding-left:6px}.production .scope-tag{background:#f2f5ed;color:#526638;padding:4px 7px}.production #pResetScope{margin-left:auto;border:0;background:transparent;font-size:12px;color:#607780;padding:4px}.production #pQuality{margin:14px 0}.production #pQuality>div,.production #pQuality>button{border:0;border-radius:4px;background:#f4f7f8;padding:10px 13px}.production #pQuality>button{background:#fff4e6}.production #pQuality p{font-size:11px}.production #pOverview{padding-top:20px;margin-top:18px}.production .overview-head h3{font-size:22px}.production .overview-lead{border-left:3px solid #176e7b;background:#eff6f7;padding:14px 16px}.production .trend-context{font-size:14px;font-weight:600;background:#f5f8f9;padding:12px 14px;border-radius:4px;line-height:1.7}.production #pTrendControls{border-top:1px solid #dbe5e8;padding-top:22px;margin-top:24px}.production #pDetail,.production #pIssueDetails,.production #pSummaryDetails{scroll-margin-top:118px}.production #pTrendControls,.production #pGap,.production #pOverview{scroll-margin-top:118px}.production #pGap>h3{font-size:19px}.production #pGap>p.gap-result{font-size:23px}.yield-import-mode #yieldSectionNav{display:none!important}.yield-import-mode #kpiRow,.yield-import-mode #titleTrend,.yield-import-mode #titlePareto,.yield-import-mode #buildList{scroll-margin-top:118px}.yield-import-mode .card,.yield-import-mode .card-full{border:1px solid #dbe5e8;border-radius:7px;box-shadow:none}.yield-import-mode .card-title{font-size:15px;color:#24444f}.production #pOverview td:nth-child(3),.production #pOverview td:nth-child(4){font-variant-numeric:tabular-nums}.production th{font-size:12px;font-weight:600}.production td{font-size:12px}.production button:hover{filter:brightness(.98)}@media(max-width:700px){.production .workspace-nav{top:56px;padding:0 14px;gap:20px}.yield-workspace>header{padding:14px 16px}.yield-workspace>header h2{font-size:20px}.yield-workspace>.body{padding:14px}.production .primary-filters{padding:10px}.production .primary-filters label{min-width:0}.production #pFilterContext .date-context{width:100%;padding:3px 0}.production #pResetScope{margin-left:0}.production .overview-head h3{font-size:19px}.production .trend-context{font-size:12px}.production .workspace-nav button{font-size:12px}}

/* Keep the active comparison and defect names visible while reading wide tables. */
.production #pOverview tr.selected-group{background:#eaf4f5}
.production #pOverview tr.selected-group td:first-child{font-weight:600}
.production #pOverview [aria-pressed="true"]{background:#176e7b;color:#fff;border-color:#176e7b}
.production #pOverviewExpand{margin-top:10px;color:#176e7b}
.production .defect-table{max-height:560px;scrollbar-color:#8faab2 #f1f5f6;scrollbar-width:thin;position:relative}
.production .defect-table table{margin-top:0}
.production .defect-table th{position:sticky;top:0;z-index:2;background:#edf3f4}
.production .defect-table td:first-child,.production .defect-table th:first-child{position:sticky;left:0;background:#fff;box-shadow:1px 0 0 #dbe5e8;z-index:1;width:230px;min-width:180px;max-width:260px}
.production .defect-table th:first-child{background:#edf3f4;z-index:3}
.production .defect-table tbody tr:hover td{background:#f2f7f8}
.production .table-scroll-hint{display:block;position:sticky;left:0;font-size:12px;color:#526b73;padding:8px 0}
.production button:focus-visible,.production select:focus-visible,.production input:focus-visible,.production summary:focus-visible,.production .scroll:focus-visible{outline:2px solid #176e7b;outline-offset:3px}
.production ::selection{background:#cde7ea;color:#163840}
@media(max-width:700px){.production .defect-table td:first-child,.production .defect-table th:first-child{min-width:135px;max-width:150px}.production .defect-table{max-height:460px}.production .site-tabs button{min-height:42px}.production .workspace-nav button{min-height:44px}}

.yield-app-bar{height:56px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;background:#18343d;color:#fff;font-family:'Segoe UI','Microsoft YaHei',sans-serif}
.yield-app-bar strong{font-size:20px;letter-spacing:-.3px}.yield-app-bar>span{font-size:12px;color:#d0e0e4}
.production .workspace-nav{position:relative;top:auto}
.production .workspace-nav.is-docked{position:fixed;top:56px;z-index:45;box-shadow:0 3px 8px #17343e12}
.workspace-nav-slot{width:100%}
@media(max-width:700px){.yield-app-bar{padding:0 16px}.yield-app-bar strong{font-size:18px}}

.yield-back-top{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:46;display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 14px;border:1px solid #176e7b;border-radius:6px;background:#fff;color:#176e7b;font:600 13px 'Segoe UI','Microsoft YaHei',sans-serif;cursor:pointer;box-shadow:0 3px 12px #17343e15}
.yield-back-top[hidden]{display:none}.yield-back-top:hover{background:#edf5f6}.yield-back-top:focus-visible{outline:2px solid #176e7b;outline-offset:3px}
@media(max-width:700px){.yield-back-top{right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:10px 12px}}

.production .output-panel{border-top:1px solid #dbe5e8;margin-top:24px;padding-top:22px;scroll-margin-top:118px}
.production .output-panel h3{font-size:21px;margin:0 0 6px}.production .output-panel>.hint{margin:10px 0}
.production .output-table{max-height:400px}.production .output-table th{position:sticky;top:0;z-index:1;background:#edf3f4}.production .output-table td:first-child{min-width:170px;white-space:normal}.production .output-table small{display:block;color:#60767b;font-size:11px;margin-top:4px}.production .output-table tbody tr:hover{background:#f2f7f8}
@media(max-width:700px){.production .output-panel h3{font-size:19px}}

.production #pOutput th:nth-child(3),.production #pOutput th:nth-child(4),.production #pOutput th:nth-child(5){text-align:right}
.production #pOutput th:nth-child(6),.production #pOutput td:nth-child(6),.production #pOverview th:nth-child(6),.production #pOverview td:nth-child(6){text-align:center}
.production .production-days{display:block;white-space:nowrap;font-variant-numeric:tabular-nums}.production .production-days-note{display:block;color:#60767b;font-size:11px;margin-top:4px}

.production .defect-unmatched{padding:10px 0;color:#526b73;font-size:12px}.production #pFilterContext{margin-bottom:4px}.production .paired-days{margin:8px 0 16px}.production #titleCapacity,.yield-import-mode #titleCapacity{scroll-margin-top:118px}

/* Compact comparison controls and readable source-linked defect ranks. */
.production .defect-controls{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0;border-bottom:1px solid #dbe5e8}
.production .defect-controls label{display:flex;align-items:center;gap:8px;color:#435e68;font-size:12px}
.production .defect-controls select{min-height:36px;padding:6px 28px 6px 10px;border:1px solid #b7cbd0;border-radius:4px;background:#fff;color:#163840}
.production .defect-chart-caption{font-size:12px;line-height:1.6;color:#526b73;margin:12px 0}
.production .defect-rank-scroll{overflow:auto;max-height:360px}
.production .defect-rank{width:100%;margin:0;min-width:440px}
.production .defect-rank th{position:sticky;top:0;background:#edf3f4;z-index:1}
.production .defect-rank th:not(:first-child),.production .defect-rank td:not(:first-child){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.production .defect-rank td:first-child{min-width:180px;white-space:normal}
.production .defect-names .defect-rank button{display:inline;text-align:left;white-space:normal;line-height:1.6;border:0;background:transparent;color:#176e7b;padding:0;margin:0;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.production .defect-rank tbody tr:hover{background:#f2f7f8}
.production .defect-rank td,.production .defect-rank th{padding:10px 12px}
.production .defect-visual{min-width:0}
@media(max-width:700px){.production .defect-controls{gap:10px}.production .defect-controls label{flex:1 1 130px;align-items:stretch;flex-direction:column;gap:5px}.production .defect-controls select{width:100%;min-height:42px}.production .defect-rank-scroll{max-height:300px}}

.production .comparison-status{display:block;white-space:normal;color:#60767b;font-size:11px;line-height:1.5;margin-top:5px}
.production .comparison-condition{background:#f3f6f7;padding:12px 14px;color:#435e68;line-height:1.6;font-weight:600}
.production #pGap>p.gap-result{font-size:18px;font-weight:500}
.production #pImportSummary{margin:12px 0 18px}.production #pImportSummary h4{margin:0 0 10px}
.production #pImportSummary table{margin:0}.production #pImportSummary th,.production #pImportSummary td{white-space:nowrap}
.production #pImportSummary th:nth-child(n+4),.production #pImportSummary td:nth-child(n+4){text-align:right;font-variant-numeric:tabular-nums}
.production #pDetailBack{color:#176e7b;border-color:#176e7b}.production #pDefectVisuals{scroll-margin-top:118px}

.production .gap-process-overview{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #dbe5e8}
.production .gap-process-overview .scroll{max-height:380px}.production .gap-process-overview th{position:sticky;top:0;z-index:1;background:#edf3f4}
.production .gap-process-overview tr.is-selected{background:#eaf4f5}.production .gap-process-overview button[aria-pressed="true"]{background:#176e7b;color:#fff;border-color:#176e7b}
.production #pGapSelected{scroll-margin-top:118px}.production .gap-process-overview td:nth-child(3),.production .gap-process-overview td:nth-child(4),.production .gap-process-overview td:nth-child(5){white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.production .gap-process-overview th:nth-child(3),.production .gap-process-overview th:nth-child(4),.production .gap-process-overview th:nth-child(5){text-align:right}
/* Standards remain secondary; performance is the primary reading surface. */
.production header .yield-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;flex-shrink:0}
.production .standards-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(1180px,94vw);max-width:94vw;height:100dvh;max-height:100dvh;box-sizing:border-box;border:0;border-left:1px solid #cbdade;padding:24px;background:#fff;color:#18343d;overflow:auto;box-shadow:-8px 0 32px #18343d20}
.production .standards-drawer::backdrop{background:#18343d65}
.production .standards-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.production .standards-heading h2{font-size:24px;margin:0}
.production .standards-drawer p{font-size:13px;line-height:1.7;color:#526b73}
.production .standards-drawer table{min-width:1040px;border-collapse:collapse;width:100%;margin:16px 0}
.production .standards-drawer th,.production .standards-drawer td{padding:10px 8px;border-bottom:1px solid #dae5e7;text-align:left}
.production .standards-drawer th{background:#edf3f4;font-size:12px}
.production .standards-drawer input[type=number]{width:102px!important;padding:9px;border:1px solid #b8cbd0;border-radius:4px;font:inherit;color:inherit}
.production .standards-drawer input[type=checkbox]{width:18px;height:18px;accent-color:#176e7b}
.production .performance-panel{border-top:2px solid #176e7b;padding-top:22px;margin:20px 0 30px;scroll-margin-top:125px}
.production .performance-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.production .performance-heading h3{margin:0;font-size:24px}.production .performance-heading p{margin:8px 0 18px;color:#60767b}
.production .performance-panel h4{font-size:17px;margin:24px 0 10px}
.production .performance-panel small{display:block;margin-top:5px;color:#60767b;font-size:11px;line-height:1.6}
.production .performance-panel th{white-space:nowrap}.production .performance-panel td{min-width:100px;vertical-align:top;font-variant-numeric:tabular-nums}
.production .performance-panel td:first-child{min-width:160px}.production .performance-panel .standard-low{color:#aa472c}.production .performance-panel .standard-met{color:#176e7b}
.production .performance-panel .scroll{max-height:530px}.production .performance-panel th{position:sticky;top:0;background:#edf3f4}
@media(max-width:700px){.production>header{flex-wrap:wrap;gap:14px}.production header .yield-header-actions{width:100%;margin:0;justify-content:flex-start}.production .standards-drawer{width:100vw;max-width:100vw;padding:16px}.production .performance-heading{align-items:flex-start}.production .performance-heading h3{font-size:21px}.production .performance-heading button{white-space:nowrap}.production .performance-panel{margin-top:16px}}
.production .standards-drawer table{table-layout:fixed;min-width:1040px}
.production .standards-drawer th{white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.production .standards-drawer th:first-child,.production .standards-drawer td:first-child{position:sticky;left:0;width:98px;min-width:98px;background:#fff;z-index:1;white-space:normal}
.production .standards-drawer th:first-child{background:#edf3f4}
.production .standards-drawer th:nth-child(2){width:110px}
.production .standards-drawer th:nth-child(6){width:75px}
.production .standards-drawer td small{display:block;margin-top:4px;white-space:normal;overflow-wrap:anywhere;font-size:11px;color:#647b83}
.production .standards-drawer .scroll{max-width:100%;overflow:auto}
.production .management-panel{border-top:1px solid #ccdade;padding-top:22px}
.production .management-panel .management-summary{font-size:14px;color:#355760;margin:18px 0 12px}
.production .management-panel .management-table{max-height:620px;overflow:auto}
.production .management-panel .management-table table{min-width:1190px}
.production .management-panel .management-table th{z-index:1}
.production .management-panel .management-table td{min-width:128px;padding:14px 12px}
.production .management-panel .management-table td:first-child{min-width:168px}
.production .management-panel .management-table td:nth-last-child(2){min-width:215px}
.production .management-panel .management-table td:last-child{min-width:155px}
.production .management-panel .management-table button{display:block;width:100%;margin-top:8px}
.production .management-metric{display:grid;grid-template-columns:34px minmax(36px,1fr) 42px;gap:4px;align-items:baseline;white-space:nowrap;line-height:2;font-size:12px}
.production .management-metric strong{text-align:right;font-size:13px}
.production .management-metric span{color:#526b74}
.production .management-panel .management-check{display:flex;align-items:center;gap:8px;padding-bottom:8px}
.production .management-panel input[type=checkbox]{width:16px;min-height:16px}
.production .management-state{display:block;font-weight:600;font-size:13px}
.production .management-plans{margin-top:32px;padding-top:24px;border-top:1px solid #ccdade;scroll-margin-top:140px}
.production .management-plans h3{margin-bottom:10px}.production .management-action{white-space:pre-wrap;max-width:320px;overflow-wrap:anywhere}
.production .management-editor{margin-top:28px;padding:24px;background:#f3f7f7;border:1px solid #c8d7db;scroll-margin-top:130px}
.production .management-editor[hidden]{display:none}
.production .management-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}
.production .management-editor label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#294b55;margin-bottom:14px}
.production .management-editor input,.production .management-editor select,.production .management-editor textarea{width:100%;box-sizing:border-box;font:inherit;color:#173d46;padding:10px;border:1px solid #9fb6bd;border-radius:5px;background:white;min-height:42px}
.production .management-editor textarea{resize:vertical}
.production .plan-evidence{margin:20px 0 24px}
.production .plan-evidence fieldset{min-width:0;margin:0;padding:14px;border:1px solid #c8d7db}
.production .plan-evidence legend{padding:0 6px;font-weight:600;color:#163840}
.production [data-selected-count]{margin-left:8px;font-size:12px;font-weight:400}
.production .plan-defect-search{display:flex;align-items:end;gap:10px;margin:12px 0}
.production .plan-defect-search label{flex:1;min-width:0;margin:0}
.production .plan-defect-search button{min-height:42px}
.production .plan-selected-defects{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.production .plan-selected-defects:empty{display:none}
.production .plan-selected-defects button{background:#edf5f6;border-color:#b7cbd0;max-width:100%;overflow-wrap:anywhere;text-align:left}
.production .plan-defect-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;max-height:230px;overflow:auto;background:white;padding:6px}
.production .management-editor .plan-defect-option{display:flex;flex-direction:row;gap:10px;align-items:center;margin:0;padding:8px;min-height:44px;cursor:pointer}
.production .plan-defect-option:hover{background:#edf5f6}
.production .management-editor .plan-defect-option input{width:18px;min-height:18px;height:18px;flex:none;margin:0;padding:0;accent-color:#176e7b}
.production .plan-defect-option span{overflow-wrap:anywhere}
.production .plan-defect-option small{display:block;color:#526b73;font-size:11px;font-weight:400}
.production .plan-photo-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.production .management-editor .plan-photo-upload{position:relative;display:inline-flex;justify-content:center;min-height:42px;padding:8px 12px;background:white;border:1px solid #9fb6bd;border-radius:5px;cursor:pointer}
.production .management-editor .plan-photo-upload input{position:absolute;width:1px;height:1px;min-height:0;padding:0;opacity:0;overflow:hidden;clip-path:inset(50%)}
.production .plan-photo-upload:focus-within{outline:2px solid #176e7b;outline-offset:2px}
.production .plan-photo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.production .plan-photo-list>.hint{grid-column:1/-1}
.production .plan-photo{min-width:0}
.production .plan-photo [data-photo-preview]{padding:0;display:block;width:100%;height:140px;background:#fff;overflow:hidden}
.production .plan-photo img{width:100%;height:100%;object-fit:contain}
.production .plan-photo-name{display:block;overflow-wrap:anywhere;font-size:12px;margin:6px 0}
.production .management-editor .plan-photo label{margin-bottom:6px;font-size:12px}
.production .plan-photo-viewer{margin:auto;width:min(920px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:18px;border:1px solid #b8cacf;border-radius:6px;color:#163840}
.production .plan-photo-viewer::backdrop{background:#16384099}
.production .plan-photo-viewer img{display:block;width:100%;max-height:68vh;object-fit:contain;margin-top:12px}
.production .plan-photo-viewer p{overflow-wrap:anywhere}
.production .plan-photo-viewer a{display:inline-block;padding:10px 0}
.production .plan-history-photo{display:block;margin-top:6px;white-space:normal;text-align:left}
.production .plan-evidence :is(input,button,a):focus-visible{outline:2px solid #176e7b;outline-offset:2px}
@media(max-width:700px){
 .production .plan-photo-groups,.production .plan-defect-options{grid-template-columns:minmax(0,1fr)}
 .production .plan-defect-search{align-items:stretch;flex-direction:column}
 .production .plan-photo-list{grid-template-columns:minmax(0,1fr)}
}
.production .management-editor h4{margin:24px 0 12px}
.production .management-editor button:disabled{opacity:.6;cursor:not-allowed}
.production .management-editor [role=status]{color:#934021;min-height:24px;margin-top:12px}
.production .management-panel :focus-visible{outline:2px solid #176e7b;outline-offset:3px}
@media(max-width:700px){.production .management-fields{grid-template-columns:1fr}.production .management-editor{padding:14px}.production .management-panel .performance-heading{flex-wrap:wrap}.production .management-panel .management-check{flex-direction:row;width:100%}}
.production .management-panel>.management-table table{table-layout:fixed;min-width:1280px}
.production .management-panel>.management-table th{white-space:normal;overflow-wrap:anywhere}
.production .management-panel>.management-table th:first-child{width:150px}
.production .management-panel>.management-table th:nth-child(n+2):nth-child(-n+6){width:140px}
.production .management-panel>.management-table th:nth-child(7){width:210px}
.production .management-panel>.management-table th:last-child{width:160px}
.production .management-panel>.management-table td{min-width:0;white-space:normal;overflow-wrap:anywhere}
.production .management-panel>.management-table td small{white-space:normal}

/* Six independent workspace views; intrinsic empty/closed states remain intact. */
.production .workspace-page-hidden{display:none!important}
.production[data-page=overview] [data-management-page=plans],
.production[data-page=plans] [data-management-page=overview],
.production[data-page=plans] [data-overview-control]{display:none!important}
.production[data-page=plans] .management-plans{margin-top:12px;padding-top:12px;border-top:0}
.production [data-plan-create]{float:right;margin-bottom:12px}
.production .management-panel>.management-table table{min-width:1100px}
.production .management-panel>.management-table th:nth-child(n+2):nth-child(-n+6){width:112px}
.production .management-panel>.management-table :is(th,td):nth-child(n+2):nth-child(-n+6){text-align:right;padding-left:12px;padding-right:12px}
.production .management-panel>.management-table th:nth-child(7){width:180px}
.production .management-metric{display:flex;justify-content:flex-end;gap:6px;font-variant-numeric:tabular-nums}
.production .workspace-nav{scroll-margin-top:56px}
.production .workspace-nav button:focus-visible{outline:2px solid #176e7b;outline-offset:-3px}
@media(max-width:700px){.production [data-plan-create]{float:none}.production .workspace-nav button{min-height:44px}}

.production #pRankingDetails{border-top:1px solid #dce7e9}
#projBanner[hidden]{display:none}
@media(max-width:700px){
  .production .primary-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .production .primary-filters #pExport{grid-column:1/-1;justify-self:start;margin-left:0}
  .production #pFilterContext .date-context{width:auto}
  .production #pFilterContext{padding-bottom:10px;margin-bottom:8px}
  .production .management-panel .performance-heading{align-items:center}
}

.production [data-overall-comparison] .scroll{max-height:560px;overflow:auto}
.production [data-overall-comparison] table{min-width:940px}
.production [data-overall-comparison] td{white-space:normal;min-width:115px}
.production [data-overall-comparison] td:first-child{min-width:190px}
.production [data-overall-comparison] td:last-child{min-width:270px}
.production .standards-drawer input[data-site=COMMON]{width:130px;max-width:100%;box-sizing:border-box}

/* Shared identity layout in overall and process performance tables. */
.production #pPerformance td.performance-identity{width:220px;min-width:220px;padding:12px 10px;vertical-align:top}
.production #pPerformance .performance-identity-title{display:block;font-size:12px;font-weight:400;line-height:1.6;color:#163840;white-space:nowrap}
.production #pPerformance .performance-identity small{margin-top:5px;font-size:11px;font-weight:400;line-height:1.6;color:#60767b}

.production .controls label[hidden]{display:none!important}
.production .single-site-pareto{grid-template-columns:minmax(0,1fr);max-width:100%}
.production .single-site-pareto .defect-chart{height:350px}
.production[data-factory=DG] #pPerformance,.production[data-factory=VN] #pPerformance{border-top:0;padding-top:0;margin-top:0}

/* One yield summary and one metric workbench share the same filters. */
.production .overview-modes{display:flex;gap:6px;margin:8px 0 10px;border-bottom:1px solid #dce7e9}
.production .overview-modes button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:10px 14px;background:transparent;color:#526b73;min-height:44px}
.production .overview-modes button[aria-pressed=true]{color:#176e7b;border-bottom-color:#176e7b;font-weight:600}
.production .full-yield-panel h3{font-size:21px;margin:0 0 5px}
.production .full-yield-panel .performance-heading{margin-bottom:8px}
.production .full-yield-panel .performance-heading p{margin:6px 0;color:#60767b}
.production .full-yield-panel .standard-low{color:#aa472c}
.production .full-yield-panel .standard-met{color:#176e7b}
.production[data-page] [data-management-standards]{display:none}
.production[data-invalid-range=true] #pFullYield,.production[data-invalid-range=true] #pManagement,.production[data-invalid-range=true] #pPerformanceDetails,
.production[data-invalid-range=true] #pRankingDetails,.production[data-invalid-range=true] #pOutput,.production[data-invalid-range=true] #pTrendControls,
.production[data-invalid-range=true] #pTrendNote,.production[data-invalid-range=true] #pChartWrap,.production[data-invalid-range=true] #pOperationsSection,
.production[data-invalid-range=true] #pGap,.production[data-invalid-range=true] #pSummaryDetails,.production[data-invalid-range=true] #pDetail,.production[data-invalid-range=true] #pCoverage{display:none!important}
.production .full-yield-panel>.hint{margin:10px 0 14px;max-width:1050px}
.production .yield-overview-table{max-height:620px;border:1px solid #dce7e9;scrollbar-color:#8faab2 #f1f5f6}
.production .yield-overview-table table{min-width:1080px;white-space:normal;font-variant-numeric:tabular-nums}
.production[data-factory=DG] .yield-overview-table table,.production[data-factory=VN] .yield-overview-table table{min-width:720px}
.production .yield-overview-table thead th{position:sticky;top:0;z-index:2;background:#eaf1f3;white-space:nowrap}
.production .yield-overview-table td,.production .yield-overview-table th{padding:10px 12px;vertical-align:top}
.production .yield-overview-table tbody th{background:white;font-weight:400;min-width:105px}
.production .yield-overview-table tbody td{min-width:100px}
.production .yield-overview-table td.yield-scope{width:195px;min-width:195px;background:#fff;border-right:1px solid #e1e9eb}
.production .yield-overview-table small{display:block;color:#60767b;font-size:11px;font-weight:400;line-height:1.5;margin-top:4px}
.production .yield-overview-table .yield-overall{border-top:2px solid #cbdcdf;background:#f0f6f6}
.production .yield-overview-table .yield-overall th{background:#f0f6f6;font-weight:600}
.production .yield-overview-table summary{padding:0;font-size:12px;font-weight:400;color:#42656e;white-space:nowrap}
.production .yield-overview-table details small{max-width:210px;min-width:130px}
.production .yield-overview-table button{white-space:nowrap;font-size:12px;padding:6px 9px}
.production .yield-scroll-hint{display:none}
.production #pUpload[open]~#pStatus{display:none}
.production .gap-related-groups{margin-bottom:16px;border-bottom:1px solid #dce7e9}
.production .primary-filters.compact-filters{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr)) minmax(290px,1.6fr);gap:14px;align-items:end}
.production .primary-filters.compact-filters label{min-width:0}
.production .compact-filters select,.production .compact-filters #pDateRangeAction{width:100%;min-height:42px}
.production #pDateRangeAction{display:flex;align-items:center;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums;text-align:left}
.production #pDateRangeAction svg{flex:none}
.production .compact-filters :is(select,button):focus-visible{outline:2px solid #176e7b;outline-offset:2px}
.production header .yield-header-actions{flex-wrap:wrap}
.production .date-filters{padding:0 12px 12px;margin:0;gap:8px}
.production .date-filters input{min-height:38px}
.production .date-range-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:22px;border:1px solid #b8cacf;border-radius:9px;color:#163840;box-shadow:0 15px 60px #16384030}
.production .date-range-dialog::backdrop{background:#16384066}
.production .date-range-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.production .date-range-heading h3{margin:0;font-size:19px}
.production .calendar-navigation{display:flex;gap:12px;align-items:end;justify-content:space-between;margin:16px 0}
.production .calendar-navigation label{flex:1;max-width:210px}
.production .calendar-months{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.production .calendar-month h4{text-align:center;margin:5px 0 12px;font-size:15px}
.production .calendar-week,.production .calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.production .calendar-week span{text-align:center;padding:6px 0;color:#60767b;font-size:12px}
.production .calendar-days button{padding:0;min-height:42px;border:1px solid transparent;border-radius:4px;font-variant-numeric:tabular-nums}
.production .calendar-days button:hover{background:#edf4f5;border-color:#98bdc2}
.production .calendar-days .in-range{background:#e7f3f4;border-radius:0}
.production .calendar-days .range-edge{background:#176e7b;color:#fff;font-weight:600}
.production .calendar-days .range-edge:hover{background:#176e7b}
.production .calendar-selection{margin:18px 0;padding:10px;background:#f0f6f6;font-variant-numeric:tabular-nums;min-height:40px}
.production .calendar-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.production .calendar-actions button{min-height:42px}
@media(max-width:700px){
 .production .date-filters{padding:0 0 8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .production .date-filters>button{min-height:42px}
 .production .date-range-dialog{padding:14px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
 .production .calendar-months{grid-template-columns:1fr;gap:0}
 .production .calendar-month:nth-child(2){display:none}
 .production .calendar-navigation{gap:7px}
 .production .calendar-navigation button{padding:8px}
 .production .calendar-days button{min-height:44px}
 .production .full-yield-panel h3{font-size:19px}
 .production .yield-overview-table{max-height:550px}
 .production .yield-scroll-hint{display:block;color:#526b73;font-size:12px;margin:8px 0}
 .production .full-yield-panel .performance-heading{align-items:start;flex-wrap:wrap;gap:10px}
}
@media(max-width:900px){
 .production .primary-filters.compact-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
 .production .compact-filters .date-range-field{grid-column:1/-1}
}
@media(max-width:480px){
 .production .primary-filters.compact-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .production .compact-filters label:has(#pProject){grid-column:1/-1}
}


/* Shared navigation and filters. */
.production .comparison-display{margin:10px 0 14px;min-width:0}
.production .comparison-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.production .comparison-toolbar [role=group],.production .comparison-pages{display:flex;align-items:center;gap:6px}
.production .comparison-toolbar button{min-height:36px}
.production .comparison-toolbar button[aria-pressed=true]{background:#176e7b;color:white;border-color:#176e7b}
.production .comparison-pages span{font-size:12px;font-variant-numeric:tabular-nums}
.production .comparison-plot{overflow:auto;max-width:100%}
.production .comparison-canvas{position:relative;min-width:640px;width:100%}
.production .plan-verification-scope{font-size:12px;color:#526b73;margin:8px 0 14px}
@media(max-width:700px){.production .comparison-toolbar button{min-height:44px}.production .comparison-toolbar{gap:8px}.production .comparison-canvas{min-width:580px}}
.production .workspace-nav{align-items:center;gap:20px;overflow:visible}
.production .workspace-links{display:flex;align-items:center;gap:22px;min-width:0;overflow-x:auto;white-space:nowrap}
.production .workspace-nav .site-tabs{flex:none;margin:0 0 0 auto;padding:3px;width:auto}
.production .workspace-nav .site-tabs button{padding:7px 16px;min-height:34px;border:0;border-radius:5px;font-size:12px}
.production .workspace-nav .site-tabs button[aria-pressed=true]{background:#176e7b;color:#fff}
.production .paired-state{display:none!important}
.production .primary-filters.compact-filters{grid-template-columns:1fr 1fr 1fr 1.6fr auto}
.production .primary-filters #pFilterContext{margin:0;padding:0;border:0;align-self:end}
.production .primary-filters #pResetScope{margin:0;min-height:40px;white-space:nowrap}
.production .metric-help-dialog{width:min(760px,calc(100vw - 32px));max-height:85vh;overflow:auto;padding:24px;border:1px solid #ccdade;border-radius:6px;color:#163840}
.production .metric-help-dialog::backdrop{background:#16384066}
.production .metric-help-dialog dl{display:grid;grid-template-columns:85px minmax(0,1fr);gap:12px 14px;margin:18px 0 0;font-size:13px;line-height:1.7}
.production .metric-help-dialog dt{font-weight:600}
.production .metric-help-dialog dd{margin:0;color:#526b73}
.production .calendar-paired{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:13px}
.production .calendar-paired input{width:16px;height:16px}
.production .calendar-paired[hidden]{display:none}
.production .plan-rules{margin:6px 0 12px}
.production .plan-rules summary{padding:6px 0;font-size:12px;color:#526b73;font-weight:400}
.production .management-plans h3{margin:0 0 10px}
.production[data-page=plans] .management-plans{margin-top:8px;padding-top:0}
.production .management-editor [data-evidence-message]:empty{display:none}
@media(max-width:1100px){
 .production .workspace-nav{flex-wrap:wrap;gap:0;padding-top:4px}
 .production .workspace-links{flex:1 1 100%}
 .production .workspace-nav .site-tabs{margin:2px 0 8px auto}
}
@media(max-width:900px){
 .production .primary-filters.compact-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
 .production .compact-filters .date-range-field{grid-column:1/3}
 .production .primary-filters #pFilterContext{justify-self:end}
}
@media(max-width:700px){
 .production .workspace-links{gap:20px}
 .production .workspace-nav .site-tabs button{min-height:42px}
 .production .metric-help-dialog{padding:16px}
 .production .metric-help-dialog dl{grid-template-columns:1fr;gap:4px}
 .production .metric-help-dialog dd{margin-bottom:8px}
}
@media(max-width:480px){
 .production .primary-filters.compact-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .production .compact-filters .date-range-field{grid-column:1/-1}
 .production .primary-filters #pFilterContext{grid-column:1/-1}
}
/* Single-factory process dashboard. */
.ss-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.ss-card{min-width:0;background:#fff;padding:0;margin:16px 0}
.ss-grid>.ss-card+ .ss-card{border-left:1px solid #e1e9eb;padding-left:24px}
#productionPanel .ss-card h3{font-size:18px;font-weight:600;line-height:1.5;margin:0 0 14px}
#productionPanel .ss-heading{min-height:44px;margin-bottom:12px}
#productionPanel .ss-heading h3{margin:0}
#productionPanel .ss-table tbody th{background:transparent}
#productionPanel .ss-table thead th{font-size:12px}
#pGap>.ss-card+ .ss-card{border-top:1px solid #e1e9eb;padding-top:20px}
.ss-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ss-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.ss-controls label{font-size:12px;color:#60727a;display:flex;flex-direction:column;gap:4px;max-width:100%}
.ss-controls select{max-width:100%;min-width:100px;font-size:13px;padding:7px 10px}
.ss-chart{height:340px;position:relative;margin-top:14px}
#productionPanel .ss-table{width:100%;min-width:580px;font-size:13px}
#productionPanel .ss-table th,#productionPanel .ss-table td{padding:12px 9px;text-align:right;vertical-align:middle;white-space:nowrap}
#productionPanel .ss-table th:first-child,#productionPanel .ss-table td:first-child{text-align:left}
.ss-badge{display:inline-block;background:transparent;color:var(--ink);border-left:3px solid var(--process-color);border-radius:0;padding:2px 8px;font-size:13px;font-weight:600;white-space:nowrap}
.ss-quantity{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-variant-numeric:tabular-nums}
.ss-bar{display:inline-block;min-width:48px;width:64px;height:7px;border-radius:2px;background:#f0f3f5;overflow:hidden}
.ss-bar i{display:block;height:100%;border-radius:2px}
.ss-target{display:inline-block;padding:3px 5px;border-radius:3px;background:#f2f4f5}
.ss-target.met{background:#e8f4eb;color:#237441}.ss-target.miss{background:#fbeceb;color:#b63e30}
.ss-overall{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 9px;background:#f5f8f8;border-top:1px solid #ccdade}
.ss-overall small{flex-basis:100%;color:#687b83}
.ss-process-details{margin:16px 0;border-top:1px solid #e3e9ec;padding-top:14px}
.ss-process-details summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer}
.ss-process-details summary span:last-child{font-size:13px;font-weight:400;color:#657880;margin-left:auto}
#productionPanel .ss-process-details{margin:8px 0;padding:8px 0}
#productionPanel .ss-process-details>summary{padding:8px 0}
.ss-process-details>summary::before{content:'▸';color:#657880}
.ss-process-details[open]>summary::before{content:'▾'}
.ss-defect-picker{margin:10px 0}.ss-defect-picker>div{display:flex;flex-wrap:wrap;gap:8px 18px;padding:12px;background:#f7f9fa}
.ss-defect-picker label{display:flex;align-items:center;gap:5px;font-size:13px}
@media(max-width:1250px){.ss-grid{grid-template-columns:1fr;gap:8px}.ss-grid>.ss-card+ .ss-card{border-left:0;border-top:1px solid #e1e9eb;padding:18px 0 0}}
@media(max-width:600px){.ss-chart{height:280px}.ss-controls{width:100%}.ss-process-details summary span:last-child{margin-left:0}.ss-controls select{width:100%}.ss-controls label{width:100%}}

/* Shared hierarchy across the six workspace pages. */
#productionPanel.production h3{font-size:18px;line-height:1.5;font-weight:600}
#productionPanel.production h4{font-size:14px;line-height:1.5;font-weight:600}
#productionPanel td{font-variant-numeric:tabular-nums}
#productionPanel .trend-context{font-size:13px;font-weight:400;background:transparent;padding:8px 0}
#productionPanel .ss-table{font-size:12px}
#productionPanel .ss-table td{font-size:12px}
#productionPanel .ss-overall strong{font-size:14px}
#productionPanel .ss-grid>.ss-card>h3{min-height:56px;display:flex;align-items:center;margin-bottom:12px}
#productionPanel .ss-grid .ss-heading{min-height:56px}
#productionPanel .ss-table .ss-no-report{text-align:center;color:var(--muted);font-size:12px;font-weight:400}
#productionPanel .ss-no-report small{display:block;font-size:11px;margin-top:3px}
.production .output-capacity table{min-width:1180px}
.production .output-capacity th:nth-child(n+3):nth-child(-n+7){text-align:right}
.production .output-capacity td{padding:6px 10px;line-height:1.35;vertical-align:middle}
.production .output-capacity td.capacity-site{min-width:56px;white-space:nowrap}
.production .output-capacity td.capacity-identity{min-width:170px;border-bottom:1px solid #cbdade}
.production .output-capacity small{margin-top:2px;line-height:1.3}
.production .output-capacity .capacity-VN td{border-bottom:1px solid #cbdade}
.production .output-capacity button{padding:5px 9px;min-height:30px}
.production .output-capacity .capacity-secondary{color:#60767b}
.production .yield-supplement{margin-top:5px;white-space:normal;min-width:125px}
.production .yield-supplement>summary{display:inline-block;padding:3px 7px;font-size:11px;font-weight:600;line-height:1.4;color:#815514;background:#fff5df;border:1px solid #e7ce9e;border-radius:4px;cursor:pointer}
.production .yield-supplement>summary::before{content:'ⓘ ';font-weight:400}
.production .yield-supplement>summary:focus-visible{outline:2px solid #176e7b;outline-offset:2px}
.production .yield-supplement-body{min-width:190px;max-width:290px;margin-top:7px;padding:8px 10px;background:#fff;border:1px solid #e7ce9e;border-radius:4px;color:#344f58}
.production .yield-supplement-body>div{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:5px 0;border-bottom:1px solid #edf1f2}
.production .yield-supplement-body small{grid-column:1/-1;margin:0;font-size:11px}
.production .yield-supplement-body p{font-size:11px;margin-top:6px}

/* Stage shares the existing compact filter row. */
@media(min-width:1100px){.production .primary-filters.compact-filters{grid-template-columns:minmax(140px,1fr) minmax(130px,1fr) minmax(105px,.7fr) minmax(110px,.8fr) minmax(270px,1.6fr) auto}}

/* MIL: compact issue ledger with a continuous follow-up record. */
.mil-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:14px 0}
.mil-toolbar label,.mil-definition label,.mil-goal label,.mil-followup label{display:flex;flex-direction:column;gap:5px;color:#435e68;font-size:13px}
.mil-toolbar input{min-width:220px}.mil-toolbar select{max-width:100%}.mil-toolbar span{margin-left:auto;color:#60767b}
.mil-definition{display:grid;grid-template-columns:minmax(0,3fr) minmax(100px,1fr);gap:14px;margin:18px 0}.mil-wide{grid-column:1/-1}
.mil-goal{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:20px 0;padding:16px 0;border-top:1px solid #ccdade;border-bottom:1px solid #ccdade}.mil-goal p{max-width:400px;font-size:12px;color:#60767b}
.mil-followup{margin:24px 0;padding:18px 0;border-top:1px solid #ccdade}.mil-followup label{margin:10px 0}.mil-followup small{margin-left:12px;color:#60767b}
.mil-result{display:flex;gap:18px;flex-wrap:wrap;background:#edf3f4;padding:14px;margin:16px 0;font-variant-numeric:tabular-nums}.mil-result small{flex-basis:100%;color:#60767b}
.production .mil-title{border:0;background:transparent;color:#176e7b;padding:0;text-align:left;font-weight:600;white-space:normal}
.production .management-plans .management-table{max-height:600px}.production .management-plans td{vertical-align:top;padding:12px}.production .management-plans th:first-child{width:28%}
@media(max-width:700px){.mil-toolbar>*{width:100%}.mil-toolbar input{min-width:0}.mil-definition{grid-template-columns:1fr}.mil-definition label{grid-column:1}.mil-goal>*{width:100%}.mil-followup small{display:block;margin:8px 0}}

/* Readable MIL entry: problem and action on the left, verification on the right. */
.production .management-editor .mil-context{display:flex;flex-wrap:wrap;gap:10px 24px;margin:8px 0 4px;font-size:13px}
.mil-context span{display:flex;align-items:baseline;gap:7px}.mil-context small{color:#60767b;font-size:12px}
.production .mil-readable-form{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px 28px;margin-top:22px;align-items:start}
.production .mil-form-section{min-width:0;border:0;padding:0;margin:0}
.production .mil-form-section legend{font-size:15px;font-weight:650;color:#163840;padding:0;margin-bottom:14px}
.production .mil-problem-section{grid-column:1;grid-row:1}.production .mil-action-section{grid-column:1;grid-row:2}
.production .mil-verify-section{grid-column:2;grid-row:1/3;border-left:1px solid #ccdade;padding-left:24px}
.production .mil-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}
.production .mil-problem-section .mil-field-grid{grid-template-columns:minmax(0,1fr) 130px}
.production .mil-form-section label{margin:0;gap:5px;font-size:12px}
.production .mil-form-section input,.production .mil-form-section select{min-height:38px;padding:7px 10px}
.production .mil-form-section textarea{min-height:68px;padding:9px 10px;line-height:1.5}
.production .mil-form-section [data-field=problem],.production .mil-form-section [data-field=cause],.production .mil-form-section [data-field=action],.production .mil-form-section [data-field=update]{grid-column:1/-1}
.production .mil-form-section [data-field=action] textarea{min-height:80px}
.production .mil-verify-section .mil-field-grid{grid-template-columns:1fr}
.production .mil-verify-section .mil-goal{display:grid;grid-template-columns:1fr;gap:12px;border:0;padding:0;margin:0 0 14px}
.production .mil-verify-section .mil-goal p,.production .mil-form-hint{font-size:12px;color:#526c74;margin:0;line-height:1.6}
.production .mil-form-hint{margin-top:14px}.production .mil-verify-section .plan-rules{margin:12px 0;font-size:12px}
.production .mil-evidence-group{margin-top:12px;font-size:12px}.production .mil-evidence-group>summary{padding:8px 0;color:#176e7b}
.production .mil-form-footer{grid-column:1/-1;display:flex;align-items:center;gap:16px;border-top:1px solid #ccdade;padding-top:16px}
.production .mil-form-footer span{font-size:12px;color:#526c74}
@media(max-width:1000px){.production .mil-readable-form{grid-template-columns:1fr}.production .mil-problem-section,.production .mil-action-section,.production .mil-verify-section{grid-column:1;grid-row:auto}.production .mil-verify-section{border-left:0;border-top:1px solid #ccdade;padding:18px 0 0}.production .mil-verify-section .mil-field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.production .mil-verify-section .mil-goal{grid-template-columns:1fr 1fr}.production .mil-verify-section .mil-goal p{grid-column:1/-1}}
@media(max-width:600px){.production .mil-field-grid,.production .mil-verify-section .mil-field-grid,.production .mil-verify-section .mil-goal{grid-template-columns:1fr}.production .mil-problem-section .mil-field-grid{grid-template-columns:1fr}.production .mil-readable-form{gap:22px}.production .mil-form-footer{align-items:stretch;flex-direction:column;gap:8px}.production .management-editor .mil-context{gap:8px 16px}}

/* Primary tasks stay visible; secondary tools share one menu. */
.hopchi-client select{font:inherit;font-size:14px;font-weight:600;color:#163840;border:0;background:transparent;padding:6px 4px;max-width:160px;cursor:pointer}
.hopchi-client select:focus-visible{outline:2px solid #176e7b;outline-offset:2px}
.production .catalog-dialog{width:min(700px,calc(100vw - 24px));max-height:85vh;overflow:auto;margin:auto;padding:22px;border:1px solid #cedbdf;border-radius:6px;color:#163840}
.catalog-dialog::backdrop{background:#16384066}
.catalog-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.catalog-form[hidden],#pCatalogAction[hidden]{display:none!important}
.catalog-processes{grid-column:1/-1;border:1px solid #cedbdf;padding:12px;display:flex;flex-wrap:wrap;gap:10px 18px}
.production .catalog-processes label{display:flex;align-items:center;gap:6px}.catalog-processes legend{font-size:13px}
.catalog-form>button{justify-self:start}.catalog-list{overflow:auto;margin-top:12px}.catalog-dialog>details form{display:flex;align-items:end;gap:12px}
@media(max-width:600px){.catalog-form{grid-template-columns:1fr}.hopchi-client select{font-size:12px;max-width:90px}.hopchi-client .client-label{display:none}}
.yield-app-bar.hopchi-app-bar{background:#fff;color:#163840;border-bottom:1px solid #cedbdf}
.hopchi-brand{display:flex;align-items:center;gap:22px;min-width:0}
.hopchi-brand .hopchi-knowledge-link{font-size:14px;font-weight:500;color:#526b73;text-decoration:none;padding:7px 8px;white-space:nowrap;border-radius:4px}.hopchi-brand .hopchi-knowledge-link:hover{color:#176e7b;background:#f3f5f6}.defect-knowledge-link{text-align:right;margin:0 0 8px}.defect-knowledge-link a{font-size:13px;color:#526b73;text-underline-offset:3px}.defect-knowledge-link a:hover{color:#176e7b}@media(max-width:600px){.hopchi-app-bar{flex-wrap:wrap}.hopchi-brand .hopchi-knowledge-link{font-size:13px;padding:6px 3px}.hopchi-brand{gap:10px}}
.hopchi-logo{display:block;position:relative;overflow:hidden;width:132px;height:36px;flex:none}
.hopchi-logo img{position:absolute;width:380px;max-width:none;height:auto;left:-43px;top:-11px}
.yield-app-bar .hopchi-brand strong{font-size:18px;font-weight:600;letter-spacing:0;line-height:24px;white-space:nowrap}
.yield-app-bar>.hopchi-client{display:flex;align-items:center;gap:8px;color:#526b73;font-size:12px;white-space:nowrap}
.hopchi-client b{color:#163840;font-size:14px;font-weight:600}.hopchi-client .client-sites{border-left:1px solid #cedbdf;padding-left:14px;margin-left:6px}
@media(max-width:600px){.hopchi-brand{gap:14px}.yield-app-bar .hopchi-brand strong{font-size:16px}.yield-app-bar>.hopchi-client .client-sites{display:none}.hopchi-logo{width:111px;height:32px}.hopchi-logo img{width:320px;left:-36px;top:-8px}.yield-app-bar.hopchi-app-bar{gap:10px;padding:0 12px}.yield-app-bar>.hopchi-client{gap:5px}.hopchi-client b{font-size:13px}}
.production .yield-reading-scope{position:fixed;z-index:24;display:flex;align-items:center;gap:12px;padding:6px 24px;background:#f4f8f8;border:1px solid #cedbdf;font-size:12px;line-height:1.5;color:#163840}
.production .yield-reading-scope[hidden]{display:none}
.production .yield-reading-scope>span{flex:1;min-width:0;overflow-wrap:anywhere}
.production .yield-reading-scope>button{flex:none;border:0;background:transparent;padding:3px 0;font-size:12px;color:#176e7b}
.production .defect-detail-scope{margin:16px 0 3px}.production .defect-detail-scope span{font-weight:400;color:#526b73;margin-left:10px}
.production.yield-workspace>.body{padding-top:14px}
.production .primary-filters.compact-filters{margin-bottom:12px;padding:10px 12px;gap:10px}
.production #pTrendControls{margin-top:12px;padding-top:12px;margin-bottom:8px}
.production .performance-panel{margin:12px 0 18px;padding-top:12px}
.production .comparison-toolbar{margin-bottom:8px}
.production .detail-scope{gap:10px;flex-wrap:wrap;margin-bottom:10px}
.production .detail-scope>span{flex:1;min-width:220px}
.production #pRecordTools{margin-top:16px;border-top:1px solid #dbe5e8}
.production[data-page=records] #pDetail>summary{padding:8px 0}
#productionPanel .ss-grid>.ss-card>h3,#productionPanel .ss-grid .ss-heading{min-height:40px;margin-bottom:8px}
@media(max-width:700px){.production .yield-reading-scope{padding:6px 12px;font-size:11px}.production .yield-reading-scope>button{min-height:40px}.production .detail-scope>span{flex-basis:100%}}
@media(max-width:480px){.production .compact-filters label:has(#pProject){grid-column:auto}.production .compact-filters #pFilterContext{grid-column:1/-1;justify-self:end}.production .compact-filters #pResetScope{min-height:32px}}
.production .yield-more-actions{position:relative;color:#163840}
.production .yield-more-actions>summary{list-style:none;cursor:pointer;border:1px solid #b7cbd0;border-radius:5px;padding:8px 12px;min-height:36px;box-sizing:border-box;font-size:13px;background:white}
.production .yield-more-actions>div{position:absolute;right:0;top:calc(100% + 6px);z-index:120;background:white;border:1px solid #ccdade;border-radius:5px;padding:6px;min-width:150px}
.production .yield-more-actions>div button{display:block;width:100%;border:0;text-align:left;min-height:40px}
.production .yield-more-actions summary:focus-visible{outline:2px solid #176e7b;outline-offset:2px}
.production #pManagement [data-management-export]{display:none}
.production .workspace-links button{font-size:14px}
@media(max-width:700px){.production .workspace-nav{display:flex;flex-direction:column;gap:10px;padding-top:8px;padding-bottom:10px}.production .workspace-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:0;overflow:visible;white-space:normal}.production .workspace-links button{min-height:44px;font-size:13px;padding:8px 4px}.production .workspace-nav .site-tabs{width:100%;display:flex;margin:0;box-sizing:border-box}.production .workspace-nav .site-tabs button{flex:1;min-height:40px}.production header .yield-header-actions{gap:8px}.production .management-editor{scroll-margin-top:75px}}

/* Shared return path to the main workspace. */
.hopchi-header-links{display:flex;align-items:center;gap:16px}.hopchi-app-bar a.hopchi-hub-link{display:inline-flex;align-items:center;min-height:32px;padding:0 8px;margin-left:8px;border:0;border-radius:4px;color:#526b73;font-size:12px;font-weight:400;white-space:nowrap;text-decoration:none}.hopchi-app-bar a.hopchi-hub-link:hover{background:#f0f5f5;color:#163840;text-decoration:none}.hopchi-hub-link:focus-visible{outline:2px solid #176e7b;outline-offset:3px;border-radius:3px}@media(max-width:480px){.hopchi-app-bar .hopchi-brand strong{display:none}.hopchi-app-bar a.hopchi-hub-link{padding:0 6px;margin-left:2px;font-size:12px}.hopchi-header-links{gap:8px}}

/* Keep unknown inspection bases visible without treating them as a target result. */
.ss-yield-note{display:block;color:#60767b;font-size:11px;font-weight:400;margin-top:3px}.ss-pending{color:#60767b;font-size:12px;font-weight:400}#productionPanel .ss-table .ss-quantity .ss-bar{max-width:64px}