.production-view{max-width:1280px;margin:auto}.production-view .section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.production-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.production-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0}.production-toolbar label{flex:1;min-width:150px}.pq-highlights{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pq-highlights article{display:flex;flex-direction:column;gap:8px;background:#edf4fa;border:1px solid #cfdde9;border-radius:14px;padding:22px}.pq-highlights .pq-current{background:#e7f5f0;border-color:#9ed2c1}.pq-highlights strong{font-size:28px;color:#123e45}.pq-highlights small{font-size:14px;color:#4e6474}.pq-task{display:grid;grid-template-columns:165px minmax(0,1fr);gap:22px;padding:22px;background:white;border:1px solid #dbe3eb;border-radius:14px;margin:14px 0;box-shadow:0 3px 12px #18344a06}.pq-task.pq-running{border-left:5px solid #12856b}.pq-task>a img{width:165px;height:165px;object-fit:contain;background:#f6f8fa;border-radius:10px}.pq-task-title{display:flex;gap:12px;align-items:center;justify-content:space-between}.pq-task-title h3{margin:0;font-size:20px;overflow-wrap:anywhere}.pq-status{background:#edf2f6;padding:5px 10px;border-radius:8px;font-size:13px;white-space:nowrap}.pq-running .pq-status{background:#d9f0e8;color:#14644f}.pq-numbers{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0;font-size:14px}.pq-numbers b{font-size:20px}.pq-task progress{width:100%;height:8px;accent-color:#12856b}.pq-note,.pq-pause{white-space:pre-wrap;overflow-wrap:anywhere}.pq-pause{color:#9b5c0b;background:#fff5df;padding:10px;border-radius:8px}.pq-report{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:16px 0;padding:14px;background:#f1f7f5;border-radius:10px}.pq-report label{flex:1;min-width:100px}.pq-report .pq-report-note{flex:2;min-width:200px}.pq-report input{width:100%}.pq-report button{min-height:42px}.pq-legacy,.pq-product{display:block!important;width:100%;text-align:left!important;white-space:normal!important;padding:14px!important;margin:8px 0}.pq-product small{display:block;color:#5a6c7a;margin-top:5px}.pq-preview{width:180px;height:160px;object-fit:contain;background:#f5f7f9;border-radius:10px}.pq-order-line{padding:16px;border:1px solid #dbe3eb;border-radius:10px;margin:14px 0}.pq-order-line img{max-width:180px;max-height:180px;object-fit:contain}.pq-order-line input[type=checkbox]{width:20px;vertical-align:middle}.production-empty{padding:36px;background:#f3f6f9;border-radius:12px}.production-dialog{width:min(850px,94vw);max-height:88vh;overflow:auto;border:0;border-radius:16px;padding:24px;color:#172a40}.production-dialog::backdrop{background:#10203099}.production-dialog .section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.production-dialog label{display:block;margin:12px 0}.production-dialog input:not([type=checkbox]),.production-dialog select{width:100%;padding:10px}.production-dialog button{margin:4px 0}.production-dialog p{overflow-wrap:anywhere}.production-dialog .production-actions{margin:12px 0}#pqError,#pqDialogError{color:#b3261e}#pqUpdated{color:#60717e;font-size:13px}#pqDialog h4{font-size:20px}.production-view button:disabled{opacity:.45;cursor:not-allowed}.production-view input,.production-view select{max-width:100%}@media(max-width:700px){.pq-highlights{grid-template-columns:1fr;gap:10px}.pq-highlights article{padding:16px}.pq-highlights strong{font-size:24px}.pq-task{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:14px}.pq-task>a img{width:80px;height:100px}.pq-task-title{align-items:start;flex-direction:column;gap:6px}.pq-task-title h3{font-size:17px}.pq-task .production-actions,.pq-report{margin-left:-92px}.pq-task .production-actions button{flex:1 0 86px;min-width:86px;min-height:42px;white-space:nowrap}.pq-report{padding:10px}.pq-numbers{gap:8px}.pq-numbers span{min-width:80px}.production-view .section-head{align-items:start;flex-direction:column}.production-dialog{padding:16px}.production-toolbar{gap:8px}.pq-preview{width:150px;height:140px}}
