.wqi-overlay{position:fixed;inset:0;z-index:3100;background:rgba(61,43,31,.55);display:none;align-items:center;justify-content:center;padding:18px}
.wqi-overlay.open{display:flex}
.wqi-modal{width:min(1180px,100%);height:min(92vh,1000px);background:#FFF9F2;border-radius:20px;box-shadow:0 20px 70px rgba(61,43,31,.3);display:flex;flex-direction:column;overflow:hidden;color:#3D2B1F}
.wqi-header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border-bottom:1px solid #F3E4D3}
.wqi-header h3{font-size:17px;flex:1;min-width:0}.wqi-header small{display:block;font-size:12px;color:#8A7360;font-weight:500;margin-top:2px}
.wqi-close{width:36px;height:36px;border-radius:10px;background:#FFF3E4;color:#8A7360;font-size:20px}
.wqi-body{padding:18px;overflow:auto;flex:1}.wqi-footer{display:flex;gap:10px;align-items:center;padding:12px 18px;background:#fff;border-top:1px solid #F3E4D3;flex-wrap:wrap}
.wqi-footer .spacer{flex:1}.wqi-btn{border-radius:11px;padding:10px 15px;font-weight:750;font-size:13px;background:linear-gradient(135deg,#F5842B,#E84B1C);color:#fff}
.wqi-btn.secondary{background:#fff;color:#D9681C;border:1.5px solid #F3D7BD}.wqi-btn.muted{background:#F5F0EA;color:#6E5B4B}.wqi-btn.danger{background:#FFF0EC;color:#C83D22}.wqi-btn:disabled{opacity:.45;cursor:not-allowed}
.wqi-card{background:#fff;border:1px solid #F3E4D3;border-radius:15px;padding:15px;margin-bottom:14px;box-shadow:0 3px 12px rgba(232,75,28,.04)}
.wqi-drop{border:2px dashed #F0C9A5;border-radius:16px;padding:30px 18px;text-align:center;background:#FFFCF8}.wqi-drop input{display:none}.wqi-drop label{display:inline-block;cursor:pointer}
.wqi-help{font-size:12px;color:#8A7360;line-height:1.7}.wqi-status{padding:10px 12px;border-radius:10px;background:#FFF3E4;color:#805331;font-size:13px;margin-bottom:12px;white-space:pre-wrap}
.wqi-progress{height:8px;background:#F4E9DC;border-radius:10px;overflow:hidden;margin:10px 0}.wqi-progress i{display:block;height:100%;background:linear-gradient(90deg,#F5B32B,#E84B1C);border-radius:10px;transition:width .2s}
.wqi-job{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #F3E4D3;border-radius:12px;margin-top:9px;background:#fff;cursor:pointer}.wqi-job:hover{border-color:#F5842B}.wqi-job-main{flex:1;min-width:0}.wqi-job-title{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wqi-job-meta{font-size:12px;color:#8A7360;margin-top:3px}
.wqi-badge{display:inline-block;padding:3px 8px;border-radius:20px;background:#FFF0DF;color:#B65B1B;font-size:11px;font-weight:750;margin:2px 4px 2px 0}.wqi-badge.ok{background:#E9F7EC;color:#27813B}.wqi-badge.warn{background:#FFF4D8;color:#946B00}.wqi-badge.err{background:#FDEBE7;color:#BD3B26}.wqi-badge.gray{background:#EEEAE5;color:#76685D}
.wqi-pages{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.wqi-page-dot{width:27px;height:27px;border-radius:8px;background:#EEEAE5;color:#76685D;font-size:11px;display:grid;place-items:center}.wqi-page-dot.uploaded{background:#FFF0DF;color:#B65B1B}.wqi-page-dot.success,.wqi-page-dot.manual{background:#DFF3E4;color:#27813B}.wqi-page-dot.failed{background:#FDEBE7;color:#BD3B26}
.wqi-item{border:1px solid #F3E4D3;border-radius:16px;background:#fff;margin-bottom:16px;overflow:hidden}.wqi-item-head{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid #F3E4D3;background:#FFFCF8;flex-wrap:wrap}.wqi-item-head strong{flex:1}.wqi-item-grid{display:grid;grid-template-columns:minmax(250px,42%) 1fr;gap:16px;padding:14px}.wqi-images img{display:block;width:100%;max-height:620px;object-fit:contain;border:1px solid #EADDCF;border-radius:10px;margin-bottom:8px;background:#F6F2ED}.wqi-field{margin-bottom:10px}.wqi-field label{display:block;font-size:12px;font-weight:750;color:#8A7360;margin-bottom:4px}.wqi-field input,.wqi-field textarea,.wqi-field select,.wqi-child-select{width:100%;border:1.5px solid #EADDCF;border-radius:9px;padding:9px 10px;background:#fff;color:#3D2B1F;font-size:14px}.wqi-field textarea{resize:vertical;line-height:1.55}.wqi-sub{border:1px solid #EFE2D4;border-radius:11px;padding:10px;margin:10px 0;background:#FFFCF9;position:relative}.wqi-sub-title{font-size:12px;font-weight:800;color:#B65B1B;margin-bottom:7px}.wqi-sub-remove{position:absolute;right:8px;top:8px;color:#C83D22;background:transparent;font-size:16px}.wqi-item-actions{display:flex;gap:8px;padding:0 14px 14px;flex-wrap:wrap}.wqi-form2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wqi-empty{text-align:center;padding:38px 12px;color:#8A7360}.wqi-statline{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
@media(max-width:760px){.wqi-overlay{padding:0}.wqi-modal{height:100%;border-radius:0}.wqi-body{padding:12px}.wqi-item-grid{grid-template-columns:1fr}.wqi-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.wqi-images img{max-height:300px;margin:0}.wqi-header{padding:12px}.wqi-header h3{font-size:15px}.wqi-form2{grid-template-columns:1fr}.wqi-footer{padding:10px 12px}.wqi-footer .spacer{display:none}.wqi-btn{padding:10px 12px}}