/* This workspace belongs only to the plating/painting incoming inspection screen. */
body #platingInspection{--pi-navy:#173d67;--pi-border:#dbe4ef;--pi-muted:#60748c}
body #platingInspection .warn{color:#a46305;font-weight:700}
body #platingInspection body #platingInspectionEntry{padding:14px 18px;border-color:#cbd9e9}
body #platingInspection .entry-body>.pi-basics{margin-top:0;border:0}
body #platingInspection .pi-basics .form{grid-template-columns:.85fr 1.3fr 1fr .95fr 1fr 1.15fr!important;gap:10px}
body #platingInspection label{font-size:12px;margin-bottom:5px}
body #platingInspection input,body #platingInspection select{font-size:14px;min-height:37px}
body #platingInspection .pi-import{border:1px solid var(--pi-border);border-radius:11px;background:#f6f9fd;margin:12px 0 16px}
body #platingInspection .pi-import>summary{padding:12px 14px;cursor:pointer;font-size:15px;color:var(--pi-navy)}
body #platingInspection .pi-import>summary small{font-size:12px;font-weight:400;color:var(--pi-muted);margin-left:16px}
body #platingInspection .pi-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 14px 14px}
body #platingInspection .pi-import-card{min-width:0;border:1px solid var(--pi-border);background:#fff;border-radius:9px;padding:13px}
body #platingInspection .pi-import-card .head{margin-bottom:10px}
body #platingInspection .pi-import-card h3{font-size:15px}
body #platingInspection .pi-import-card .form{grid-template-columns:1fr}
body #platingInspection .pi-import-card input[type=file]{max-width:100%;font-size:12px}
body #platingInspection :is(#pmptNasFileList,#ourNasFileList,#pmptFileList,#ourDocFileList){max-height:190px;overflow:auto}
body #platingInspection .pi-inspect>.head{gap:12px;flex-wrap:wrap}
body #platingInspection .pi-workspace{display:grid;grid-template-columns:265px minmax(0,1fr);gap:18px;align-items:start}
body #platingInspection .pi-item-panel{position:sticky;top:12px;min-width:0;border:1px solid var(--pi-border);border-radius:11px;background:#f7f9fc;padding:10px}
body #platingInspection .pi-list-head{display:flex;align-items:center;justify-content:space-between;padding:4px 5px 12px;color:var(--pi-navy)}
body #platingInspection .pi-list-head span{font-size:12px;color:var(--pi-muted)}
body #platingInspection .pi-item-list{max-height:610px;overflow:auto;overscroll-behavior:contain;display:grid;gap:8px}
body #platingInspection button.pi-item-button{display:block;width:100%;margin:0;text-align:left;white-space:normal;border:1px solid var(--pi-border);border-radius:8px;padding:11px;background:#fff;color:#223b58;cursor:pointer;font:inherit}
body #platingInspection button.pi-item-button:hover{border-color:#7ba7d5;background:#f0f6ff}
body #platingInspection button.pi-item-button.is-active{border:2px solid #2572c3;background:#eaf3ff;padding:10px;box-shadow:0 1px 4px #1d64aa14}
body #platingInspection .pi-item-top{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.4}
body #platingInspection .pi-item-top strong{overflow-wrap:anywhere}
body #platingInspection .pi-item-no{flex:0 0 21px;text-align:center;font-size:11px;line-height:21px;border-radius:5px;background:#eaf0f7;color:#426489}
body #platingInspection .pi-item-part{display:block;padding:5px 0 7px 29px;font-size:12px;color:var(--pi-muted);overflow-wrap:anywhere}
body #platingInspection .pi-item-status{display:flex;align-items:center;justify-content:space-between;padding-left:29px;font-size:12px;gap:7px}
body #platingInspection .pi-item-status small{font-size:11px;color:var(--pi-muted)}
body #platingInspection .pi-item-panel>p{margin:12px 4px 2px;line-height:1.6}
body #platingInspection .pi-detail-panel{min-width:0}
body #platingInspection .pi-detail-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding-bottom:12px;border-bottom:2px solid #dbe7f4}
body #platingInspection .pi-detail-head small{font-size:12px;color:var(--pi-muted)}
body #platingInspection .pi-detail-head h3{font-size:21px;color:var(--pi-navy);margin:5px 0;overflow-wrap:anywhere}
body #platingInspection .pi-detail-head p{margin:0;font-size:14px;color:#5a708a}
body #platingInspection .pi-final{font-size:17px;padding:8px 13px;background:#f2f6fb;border-radius:8px;white-space:nowrap}
body #platingInspection .pi-selected-card .pi-product-fields{grid-template-columns:1fr 1fr 1fr!important;gap:10px;margin-bottom:12px}
body #platingInspection .pi-selected-card .pi-product-fields .full{grid-column:1/-1}
body #platingInspection .pi-selected-card .pi-product-fields small{display:block;font-size:11px;color:var(--pi-muted);line-height:1.5;margin-top:5px}
body #platingInspection .pi-selected-card .pi-product-fields input[readonly]{background:#f6f9fc;border-color:#e1e7ef;color:#274664}
body #platingInspection .pi-measure-wrap{overflow:auto;border:1px solid var(--pi-border);border-radius:9px}
body #platingInspection .pi-measure-table{table-layout:fixed;min-width:460px;font-size:14px}
body #platingInspection .pi-measure-table th,body #platingInspection .pi-measure-table td{text-align:center;vertical-align:middle;padding:5px 8px;height:40px}
body #platingInspection .pi-measure-table th{background:#edf4fc;color:#355576;font-size:12px}
body #platingInspection .pi-measure-table th:first-child{width:48px}
body #platingInspection .pi-measure-table input.pmpt-manual-input{width:100%;max-width:115px;min-height:31px;padding:4px 6px;text-align:center;font-size:15px;font-variant-numeric:tabular-nums;border-radius:5px}
body #platingInspection .pi-measure-table .pi-value-ng{color:#bd3030;border-color:#e3a2a2;background:#fff8f8}
body #platingInspection .pi-stats{margin-top:12px;border:1px solid var(--pi-border);border-radius:8px;font-size:13px}
body #platingInspection .pi-stats th,body #platingInspection .pi-stats td{text-align:center;padding:8px;white-space:nowrap}
body #platingInspection .pi-stats thead th{background:#f0f5fb;color:#476582;font-size:12px}
body #platingInspection .pi-stats tbody th{color:#385674;background:#fafcff}
body #platingInspection .pi-source-files{margin-top:12px;font-size:12px;color:var(--pi-muted)}
body #platingInspection .pi-source-files>summary,body #platingInspection .pi-match-details>summary{cursor:pointer;padding:8px 0}
body #platingInspection .pi-source-files dl{display:grid;grid-template-columns:55px 1fr;gap:7px;margin:6px 0}
body #platingInspection .pi-source-files dd{margin:0;overflow-wrap:anywhere}
body #platingInspection .pi-match-details{margin-top:14px;border-top:1px solid var(--pi-border);font-size:12px;color:var(--pi-muted)}
body #platingInspection #matchTable{overflow:auto}
body #platingInspection .pi-save-bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;background:#fff;border:1px solid #cbd9e9;border-radius:11px;box-shadow:0 -5px 18px #1e3c5e0c}
body #platingInspection .pi-overall{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;line-height:1.5}
body #platingInspection .pi-overall strong{font-size:15px;color:var(--pi-navy)}
body #platingInspection .pi-overall-final{font-size:14px}
body #platingInspection .pi-save-actions{display:flex;gap:8px;flex-shrink:0}
body #platingInspection #piBatchSave{padding:12px 19px;font-size:15px;font-weight:700;min-height:43px}
body #platingInspection .pi-empty{padding:45px 20px;text-align:center;color:var(--pi-muted);border:1px dashed #cbd9e9;border-radius:10px;background:#f8fafc}
body #platingInspection .pi-history{margin-top:16px}
body #platingInspection .pi-history>summary{cursor:pointer;display:flex;justify-content:space-between;gap:14px;padding:7px 0;color:#355576}
body #platingInspection .pi-history #piHistory{overflow:auto;margin-top:15px}
body #platingInspection :focus-visible{outline:3px solid #9fc8f2;outline-offset:2px}
@media(max-width:1200px){body #platingInspection .pi-basics .form{grid-template-columns:repeat(3,minmax(0,1fr))!important}body #platingInspection .pi-workspace{grid-template-columns:225px minmax(0,1fr)}body #platingInspection .pi-save-bar{flex-wrap:wrap}}
@media(max-width:760px){body #platingInspection .pi-upload-grid{grid-template-columns:1fr}body #platingInspection .pi-workspace{grid-template-columns:1fr}body #platingInspection .pi-item-panel{position:static}body #platingInspection .pi-item-list{max-height:220px;grid-template-columns:repeat(2,minmax(0,1fr))!important}body #platingInspection .pi-selected-card .pi-product-fields,body #platingInspection .pi-basics .form{grid-template-columns:repeat(2,minmax(0,1fr))!important}body #platingInspection .pi-import>summary small{display:block;margin:5px 0 0}body #platingInspection .pi-save-bar{position:static}body #platingInspection .pi-save-actions{width:100%;flex-wrap:wrap}}

body #platingInspection .pi-import-card .form{grid-template-columns:1fr!important}body #platingInspection .pi-selected-card .pi-product-fields .full{max-width:none}body #platingInspection .pi-import>summary{padding:12px 14px!important;min-height:44px}body #platingInspection.page h1{font-size:24px}

body #platingInspection .pi-auto-import{border:1px solid #bfd5ed;background:#edf5ff;border-radius:10px;padding:15px;margin:12px 0}
body #platingInspection .pi-auto-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
body #platingInspection .pi-auto-heading strong{font-size:16px;color:#1d4e7f}
body #platingInspection .pi-auto-heading p{font-size:12px;color:#5c7692;margin:7px 0}
body #platingInspection #piAutoImportButton{font-size:15px;min-height:44px;padding:11px 18px;font-weight:700}
body #platingInspection .pi-auto-status{font-size:12px;line-height:1.6;white-space:pre-wrap;color:#4b6580;padding-top:9px;overflow-wrap:anywhere}
body #platingInspection .pi-auto-status[data-state="done"]{color:#197347;font-weight:700}
body #platingInspection .pi-auto-status[data-state="warn"]{color:#986208}
body #platingInspection .pi-auto-status[data-state="error"]{color:#b52626}
@media(max-width:760px){body #platingInspection #piAutoImportButton{width:100%}}