.qr-tag.workshop{background:#dcecff;color:#235a91}.workshop-qr{border-color:#b7d3ef}.qr .secondary{margin-top:12px}.workshop-head{padding:20px;border-radius:18px;background:#123b57;color:#fff;display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}.workshop-head h1{margin:5px 0;font-size:29px}.workshop-head p{margin:0;opacity:.8}.workshop-product-wrap{width:180px;height:150px;border-radius:12px;overflow:hidden;background:#fff}.workshop-product-photo{width:100%;height:100%;object-fit:contain;display:block}.workshop-photo-empty{height:100%;display:grid;place-items:center;color:#78909a}.workshop-form{max-width:620px;margin:20px auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.workshop-form label{font-size:16px}.workshop-form select,.workshop-form input,.workshop-form textarea{font-size:16px;min-height:48px}.workshop-submit{min-height:54px;font-size:17px}.workshop-form details{background:#f4f8f8;padding:12px;border-radius:10px}.workshop-recent{max-width:620px;margin:25px auto}.workshop-record{padding:16px 0;border-bottom:1px solid var(--line)}.workshop-record-title{display:flex;justify-content:space-between;gap:10px}.workshop-record-title span,.workshop-record small{font-size:12px;color:#78909a}.workshop-record p{margin:6px 0}.workshop-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.workshop-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#eef4f3}@media(max-width:620px){.workshop-head{grid-template-columns:110px 1fr}.workshop-product-wrap{width:110px;height:100px}.workshop-head h1{font-size:24px}.workshop-thumbs{grid-template-columns:repeat(3,1fr)}}
.upload-block,.file-upload{padding:14px;border:1px solid var(--line);border-radius:12px}.upload-block>b,.file-upload>b{font-size:16px}.upload-block p,.file-upload p{margin:3px 0 10px;color:#78909a;font-size:12px}.internal-upload{background:#f7f9fa}.customer-upload{background:#f1faf6;border-color:#b7ddcd}.customer-upload .photo-upload span{border-color:#79bea0;background:#fff}.file-upload{background:#fff9ed;border-color:#ecd6a5}.file-upload input{padding:9px;background:#fff}.record-files{display:grid;gap:6px;margin-top:12px}.record-files a{color:#087f8c;text-decoration:none;background:#f2f7f7;padding:8px;border-radius:7px}.photos figure{margin:0;position:relative;display:grid;gap:7px;align-content:start}.photos figure img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:8px}.photo-image-wrap{position:relative}.photos figcaption{position:absolute;left:4px;bottom:4px;background:#102f43cc;color:#fff;padding:2px 6px;border-radius:5px;font-size:10px}.photo-actions{display:grid;gap:6px;margin-top:0;position:relative;z-index:2}.photo-actions form{display:grid;gap:5px}.photo-actions input,.photo-actions select{padding:6px;font-size:12px;min-height:0}.photo-actions button{padding:7px 9px;font-size:12px}.photo-actions .danger{background:#fff0ed;color:#a52a23}
.selected-photo-preview{margin-top:10px}.selected-count{display:block;color:#087f8c;margin-bottom:8px}.selected-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.selected-photo-item{position:relative;aspect-ratio:1;border-radius:9px;overflow:hidden;background:#eaf1f1}.selected-photo-item img{width:100%;height:100%;object-fit:cover}.selected-photo-item button{position:absolute;right:4px;top:4px;width:28px;height:28px;border:0;border-radius:50%;background:#b52d2ddd;color:#fff;font-size:20px;line-height:24px;padding:0}
.workshop-wait{max-width:620px;margin:22px auto;padding:30px;text-align:center;background:#fff0cf;border:1px solid #e8bd70;border-radius:16px}.workshop-wait b{font-size:22px}.workshop-items{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.workshop-item{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:10px}.workshop-item img{width:72px;height:58px;object-fit:contain;background:#fff}.workshop-item span{display:flex;align-items:center;gap:6px}.workshop-item small{display:block;color:#78909a}.whole-order{margin-top:8px;padding:8px;background:#fff0cf;border-radius:8px}.actual-specs{padding:14px;background:#fff8e9;border:1px solid #eacb91;border-radius:12px}.actual-specs .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actual-specs small{color:#78909a}.exception-toggle{padding:10px;background:#f5f5f5;border-radius:9px}@media(max-width:520px){.workshop-items,.actual-specs .two{grid-template-columns:1fr}}
.workshop-item[hidden]{display:none}.workshop-item .no-photo{width:72px;height:58px;display:grid;place-items:center;background:#f2f2f2;color:#999;border-radius:7px}.workshop-item>span:last-child{display:grid;grid-template-columns:auto 1fr}.workshop-item>span:last-child small{grid-column:2}
.workshop-item>span:only-child{grid-column:1/-1}
.workshop-thumbs figure{margin:0}.workshop-thumbs figcaption{font-size:11px;color:#78909a;line-height:1.25;margin-top:3px}.quality-upload{display:grid;gap:12px;padding:14px;border:1px solid #f1c56e;border-radius:12px;background:#fffaf0}.quality-upload[hidden]{display:none}.quality-upload>b{font-size:17px}.quality-upload p{margin:0;color:#8a5b00;font-size:12px}.quality-upload section{display:grid;gap:8px;padding:10px;background:#fff;border-radius:10px;border:1px solid #f3dfb6}.quality-upload h3{margin:0;color:#a86400}.quality-photo-field span{border-color:#f0c26b;background:#fffdf8}