.externalReadOverview .productionHero{border-left:4px solid #487b98}.externalReadHero .eyebrow{color:#375f75}.externalSourceTag{display:block;color:#7a8f9b;font-size:9px;margin-top:2px}.externalKpiOk{background:#eef9f2!important}.externalKpiOk b,.externalConformCount b,.okText{color:#177945!important}.externalKpiNc{background:#fff1ef!important}.externalKpiNc b,.externalNcCount b,.ncText{color:#b82f25!important}.externalReadProgress{height:5px;background:#e6edf0;border-radius:999px;overflow:hidden;margin-top:5px;min-width:75px}.externalReadProgress i{display:block;height:100%;background:#2b8651}.externalReadProgress.large{height:9px;margin:8px 0}.externalReadBtn{min-width:48px}.externalAutoOp{background:#f6fafc;border:1px solid #d9e7ed}.externalAutoOpGrid,.externalShiftGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.externalAutoOpGrid>div,.externalShiftGrid>div{padding:10px;border:1px solid #dbe6eb;border-radius:10px;background:#fff;display:flex;flex-direction:column;gap:3px}.externalAutoOpGrid small,.externalShiftGrid small{font-size:10px;color:#6c8390;font-weight:800}.externalOrderProgressHead{display:flex;justify-content:space-between;margin-top:12px}.externalDetailNc{margin-top:12px;border:1px solid #efbbb5;background:#fff5f3;border-radius:12px;padding:12px}.externalDetailNc h4{margin-top:0;color:#9c2d25}.externalDetailNc article{padding:8px 0;border-top:1px solid #f1d7d4;display:flex;flex-direction:column}.externalDetailNc span{font-size:12px;color:#9a342c}.externalDetailOk{margin-top:12px;padding:12px;border-radius:10px;background:#eef9f2;color:#267047;font-weight:700}.externalHistoryTable td,.externalHistoryTable th{white-space:nowrap}.productionQualityCard{width:min(1560px,97vw)!important}.productionQualityTable{min-width:1450px}.productionQualityTable input{min-width:100px}.productionQualityTable input[data-quality="productCode"]{min-width:145px}.productionQualityTable input[data-quality="markingColor"],.productionQualityTable input[data-quality="warpColor"],.productionQualityTable input[data-quality="weftColor"]{min-width:120px}
@media(max-width:800px){.externalAutoOpGrid,.externalShiftGrid{grid-template-columns:1fr 1fr}.externalReadTable{min-width:1250px}}