.workshop-report-ui{background:#f8fafc!important;color:#172b4d;border-radius:16px!important;box-shadow:0 20px 64px #0f172a38;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;line-height:1.5}
.workshop-report-ui *{box-sizing:border-box}
.workshop-report-ui [class$="-progress-title"]{gap:12px;padding-bottom:14px;border-bottom:1px solid #e2e8f0}
.workshop-report-ui [class$="-progress-title"] h3{font-size:18px;line-height:1.4}
.workshop-report-ui button{min-height:44px!important;border-radius:9px!important;padding:9px 16px!important;font-size:14px}
.workshop-report-ui [class$="-progress-basic"]{margin:14px 0;font-size:14px;color:#64748b}
.workshop-report-ui [class$="-progress-basic"] b{display:block;font-size:20px;color:#172b4d;margin-bottom:4px;letter-spacing:.2px}
.workshop-report-ui [class$="-progress-summary"]{padding:0;background:transparent;margin:12px 0}
.workshop-report-ui summary{cursor:pointer;min-height:44px;padding:11px 12px;font-size:14px;font-weight:600;color:#334155}
.workshop-report-ui summary span{font-size:12px;color:#64748b;font-weight:400;margin-left:8px}
.workshop-report-ui details{border:1px solid #e2e8f0;border-radius:10px;background:#fff;overflow:hidden}
.workshop-report-ui .wp-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:8px;padding:0 12px 12px}
.workshop-report-ui .wp-stage{border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:9px 10px;display:grid;gap:3px;font-size:12px;line-height:1.5;color:#64748b}
.workshop-report-ui .wp-stage strong{font-size:14px;color:#172b4d}.workshop-report-ui .wp-stage b{color:#334155}.workshop-report-ui .wp-pending,.workshop-report-ui .wp-pending b{color:#c2410c}
.workshop-report-ui [class$="-progress-form"]{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:14px}
.workshop-report-ui [class$="-buffer-context"]{padding:12px 14px;border:1px solid #d9e7fb;background:#eff6ff;border-radius:10px;font-size:12px;color:#526580}
.workshop-report-ui .wp-stock-heading{font-weight:600;font-size:14px;color:#1e40af;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.workshop-report-ui .wp-stock-heading span{font-weight:400;font-size:12px}
.workshop-report-ui .wp-stock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 8px}
.workshop-report-ui .wp-stock-grid>div{min-width:0;border-right:1px solid #d7e4f6}.workshop-report-ui .wp-stock-grid>div:last-child{border:0}.workshop-report-ui .wp-stock-grid span{display:block}.workshop-report-ui .wp-stock-grid strong{display:block;color:#1d4ed8;font-size:20px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.workshop-report-ui [class$="-buffer-context"] p{margin:5px 0 0;line-height:1.6}
.workshop-report-ui .wp-section{min-width:0;margin:0;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px 14px;background:#fff}
.workshop-report-ui .wp-section legend{font-size:14px;font-weight:650;padding:0 6px;color:#334155}
.workshop-report-ui .wp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;align-items:start}
.workshop-report-ui .wp-production .wp-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.workshop-report-ui .wp-remarks .wp-fields{grid-template-columns:minmax(0,1fr)}
.workshop-report-ui .wp-fields label{display:flex;flex-direction:column;gap:7px;min-width:0;grid-column:auto!important;font-size:13px;color:#475569;line-height:1.5}
.workshop-report-ui .wp-fields input,.workshop-report-ui .wp-fields select,.workshop-report-ui .wp-fields textarea{width:100%;min-width:0;max-width:100%;min-height:46px;margin:0;border:1px solid #cbd5e1;border-radius:8px;padding:10px 11px;font-size:16px;line-height:1.5;background:#fff;color:#172b4d;box-shadow:0 1px 2px #0f172a05}
.workshop-report-ui .wp-fields input[type=date]{display:block;appearance:none;-webkit-appearance:none;min-height:46px}.workshop-report-ui input::-webkit-date-and-time-value{text-align:left}
.workshop-report-ui .wp-fields input:read-only{background:#f1f5f9;color:#64748b}.workshop-report-ui .wp-fields textarea{min-height:84px;resize:vertical}.workshop-report-ui .wp-fields small{font-size:12px;color:#64748b}
.workshop-report-ui :is(input,select,textarea,button,summary):focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.workshop-report-ui [class$="-progress-submit"]{width:100%;min-height:50px!important;background:#365de7!important;border-color:#365de7!important;color:#fff!important;font-size:16px;font-weight:600;box-shadow:0 3px 8px #365de729}
.workshop-report-ui [class$="-progress-note"]{margin:12px 0;color:#64748b;font-size:12px;line-height:1.7}
.workshop-report-ui .wp-history{margin-top:10px}.workshop-report-ui [class$="-progress-scroll"]{max-width:100%;padding:0 10px 10px}
.workshop-report-ui [class$="-progress-message"]{position:sticky;bottom:0;margin:0;padding:10px 0;background:#f8fafc;font-size:14px;overflow-wrap:anywhere}.workshop-report-ui [class$="-progress-message"]:empty{display:none}
@media(max-width:640px){
 .workshop-report-ui.modal-box{width:100%!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px);padding:16px 12px!important;border-radius:14px!important}
 .workshop-report-ui [class$="-progress-title"]{align-items:center}.workshop-report-ui [class$="-progress-title"] h3{font-size:17px}.workshop-report-ui [class$="-progress-title"] button{flex-shrink:0;padding:8px 12px!important}
 .workshop-report-ui summary span{display:block;margin:2px 0 0}.workshop-report-ui .wp-production .wp-fields{grid-template-columns:minmax(0,1fr)}
 .workshop-report-ui .wp-section{padding:10px 12px 12px}.workshop-report-ui .wp-fields{gap:12px}.workshop-report-ui .wp-location .wp-fields{grid-template-columns:minmax(0,1fr)}
 .workshop-report-ui .wp-stock-grid strong{font-size:19px}.workshop-report-ui .wp-stages{grid-template-columns:repeat(2,minmax(0,1fr))}
}