.drop.preview-active{box-sizing:border-box;width:100%;height:820px;background:#eef3ef;display:block;overflow:auto;text-align:center;overscroll-behavior:contain;contain:layout paint}
.drop.preview-active input{display:none}
.drop canvas{display:block;margin:auto;max-width:none;max-height:none}
.drop img{max-width:100%;max-height:100%;object-fit:contain}
.open-document{display:block;margin:10px 0 4px;text-align:center;color:#245b3d;font-weight:700;font-size:13px}
.choose-again{display:block;margin:10px 0 4px;text-align:center;color:#245b3d;font-weight:700;font-size:13px;cursor:pointer}
.image-tools{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:10px}.image-tools button{padding:9px 11px;font-size:12px}.image-tools button:nth-child(3){background:#397b57}
.zoom-tools{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.zoom-tools button{min-width:42px;padding:8px 12px;font-size:14px}.zoom-tools strong{min-width:62px;text-align:center;color:#315b45;font-size:13px}.zoom-tools #zoomFit{font-size:12px;background:#637169}
.crop-help{text-align:center;color:#59685e;font-size:12px;background:#eef5f0;padding:8px;border-radius:7px}.drop canvas{touch-action:none;cursor:crosshair}.drop canvas.pan-mode{cursor:grab}.drop canvas.pan-mode.grabbing{cursor:grabbing}.image-tools #panMode.active{background:#b57917;color:#fff}
.field-scanner{display:grid;grid-template-columns:minmax(170px,1fr) minmax(220px,1.4fr);gap:10px;align-items:end;margin-top:12px;padding:12px;background:#fff7df;border:1px solid #edd38b;border-radius:9px}.field-scanner label{font-size:12px;font-weight:700;color:#4f554f}.field-scanner select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #b9c4bc;border-radius:7px;background:white}.field-scanner button{height:42px;font-size:12px}
.view-document{display:inline-block;padding:6px 10px;border-radius:8px;background:#e4f1e8;color:#245b3d;text-decoration:none;font-weight:700;font-size:12px}
.no-document{color:#9aa29d}
.table-search{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:6px 14px;align-items:center;margin:0 18px 14px;padding:12px 14px;background:#eef5f0;border-radius:9px}.table-search label{grid-column:1/-1;font-size:12px;font-weight:800;color:#315b45}.table-search input{width:100%;padding:11px 12px;border:1px solid #b8c6bc;border-radius:8px;background:white;font-size:14px}.table-search span{font-size:12px;color:#657169;white-space:nowrap}
@media(max-width:650px){.drop.preview-active{height:560px}.field-scanner{grid-template-columns:1fr}.table-search{grid-template-columns:1fr}.table-search span{white-space:normal}}