#subtab-doc-opt .docopt-panel{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:22px;min-width:0}
.dark #subtab-doc-opt .docopt-panel{background:#0f172a;border-color:#334155}
#subtab-doc-opt{font-family:Cairo,Tahoma,Arial,sans-serif;color:#334155;align-items:start}
.dark #subtab-doc-opt{color:#e2e8f0}
#subtab-doc-opt .docopt-heading{font-weight:800;font-size:15px;margin:0 0 16px}
#subtab-doc-opt .docopt-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}
#subtab-doc-opt .docopt-button{padding:10px 14px;border-radius:12px;border:1px solid #cbd5e1;background:#f8fafc;color:inherit;font-weight:700;font-size:12px;min-height:42px}
.dark #subtab-doc-opt .docopt-button{background:#1e293b;border-color:#475569}
#subtab-doc-opt .docopt-primary{background:#059669;color:#fff;border-color:#059669}
.dark #subtab-doc-opt .docopt-primary{background:#059669;color:#fff;border-color:#059669}
#subtab-doc-opt button:disabled{opacity:.45;cursor:default}
#subtab-doc-opt .docopt-full{width:100%;margin-top:10px}
#subtab-doc-opt .docopt-upload{border:1px dashed #059669;background:#ecfdf5;padding:20px;text-align:center;border-radius:15px;margin-bottom:16px}
.dark #subtab-doc-opt .docopt-upload{background:#063d32}
#subtab-doc-opt .docopt-upload.dragover{outline:3px solid #10b981}
#subtab-doc-opt .docopt-small{font-size:12px;color:#64748b;overflow-wrap:anywhere}
.dark #subtab-doc-opt .docopt-small{color:#94a3b8}
#subtab-doc-opt .docopt-field{display:grid;gap:8px;font-size:12px;font-weight:700;margin-bottom:16px}
#subtab-doc-opt select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:10px;color:inherit;background:transparent}
.dark #subtab-doc-opt select{border-color:#475569;background:#1e293b}
#subtab-doc-opt .docopt-check{display:flex;gap:10px;align-items:center;font-size:12px;min-height:37px}
#subtab-doc-opt input{accent-color:#059669}
#subtab-doc-opt input[type=range]{width:100%}
#subtab-doc-opt .docopt-section{border-top:1px solid #e2e8f0;padding-top:16px;margin-top:16px}
.dark #subtab-doc-opt .docopt-section{border-color:#334155}
#docopt-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:16px 0;max-height:350px;overflow:auto;padding:3px}
#subtab-doc-opt .docopt-page{border:1px solid #e2e8f0;border-radius:12px;padding:9px;min-width:0;background:#f8fafc}
.dark #subtab-doc-opt .docopt-page{background:#1e293b;border-color:#475569}
#subtab-doc-opt .docopt-page.active{border:2px solid #059669;padding:8px}
#subtab-doc-opt .docopt-thumb{display:block;width:100%;border:0;background:transparent;padding:0;color:inherit;text-align:center}
#subtab-doc-opt .docopt-thumb img{display:block;width:100%;height:95px;object-fit:contain;margin-bottom:7px}
#subtab-doc-opt .docopt-filename{display:block;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#subtab-doc-opt .docopt-state{font-size:11px;margin-top:6px;overflow-wrap:anywhere}
#subtab-doc-opt .docopt-state.error{color:#dc2626}
#subtab-doc-opt .docopt-state.done{color:#059669}
#subtab-doc-opt .docopt-work{background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:16px;padding:18px}
.dark #subtab-doc-opt .docopt-work{background:#020617;border-color:#334155}
#subtab-doc-opt .docopt-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0}
#subtab-doc-opt figure{min-width:0;margin:0;text-align:center;padding:0 16px}
#subtab-doc-opt figcaption{font-size:12px;margin-bottom:10px}
#subtab-doc-opt .docopt-source{position:relative;max-width:400px;margin:auto;touch-action:none;direction:ltr}
#subtab-doc-opt .docopt-source canvas,#docopt-dest-canvas{display:block;width:100%;height:auto;max-width:400px;margin:auto;background:#fff}
#docopt-crop-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#docopt-crop-polygon{stroke:#059669;stroke-width:.6;fill:#10b9810c}
#subtab-doc-opt .docopt-point{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%);border:2px solid #fff;background:#059669;border-radius:50%;color:#fff;font-size:11px;padding:0;touch-action:none;direction:ltr}
#subtab-doc-opt .docopt-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
#docopt-empty{padding:50px 15px;text-align:center;color:#64748b}
#docopt-progress{width:100%;accent-color:#059669;margin-top:12px}
@media(max-width:640px){#subtab-doc-opt .docopt-panel{padding:16px}#subtab-doc-opt .docopt-compare{grid-template-columns:1fr}#subtab-doc-opt .docopt-work{padding:12px}}