.document-gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:12px 0;display:grid}.document-tile{background:#fff;border:1px solid #cbdde2;border-radius:12px;overflow:hidden}.document-thumbnail{cursor:zoom-in;background:#eef3f5;border:0;width:100%;height:220px;padding:10px 10px 32px;display:block;position:relative}.document-thumbnail .image-thumb{object-fit:contain;width:100%;height:100%}.pdf-thumb{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.pdf-thumb canvas{object-fit:contain;max-width:100%;max-height:100%}.preview-loading{color:#53727e;pointer-events:none;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.pdf-page-count{color:#305969;background:#fff;border-radius:5px;padding:3px 6px;font-size:12px;position:absolute;top:0;right:0}.document-open{color:#17677d;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex;position:absolute;bottom:8px;left:0;right:0}.document-open svg{width:16px;height:16px}.document-tile-caption{padding:10px}.document-tile-caption strong,.document-tile-caption small{overflow-wrap:anywhere;font-size:14px;display:block}.document-tile-caption small{color:#607c88;margin-top:4px}.document-tile-caption button{color:#315360;background:#eef3f5;border:0;border-radius:7px;margin-top:8px;padding:6px 9px}.document-tile-caption button svg{width:14px;height:14px}.document-dialog{color:#183f4d;background:#f3f7f8;border:1px solid #b7cdd4;border-radius:14px;width:min(1100px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;padding:0;overflow:hidden}.document-dialog::backdrop{background:#0b2637b3}.document-dialog[open]{flex-direction:column;display:flex}.document-dialog>header{background:#fff;border-bottom:1px solid #d5e3e8;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.document-dialog>header p{overflow-wrap:anywhere;margin:5px 0 0;font-size:14px}.document-dialog>header strong{font-size:18px}.document-dialog button,.document-dialog select,.document-dialog a{color:#175b70;background:#fff;border:1px solid #bad0d8;border-radius:8px;padding:8px;font-family:inherit;font-size:14px;text-decoration:none}.document-dialog button:disabled{opacity:.4}.document-dialog svg{vertical-align:middle;width:18px;height:18px}.document-view-controls{background:#eaf2f5;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.document-view-controls label{align-items:center;gap:8px;font-size:14px;display:flex}.file-pagination,.pdf-pagination{align-items:center;gap:10px;font-size:14px;display:flex}.document-canvas-area{text-align:center;flex:1;min-height:0;padding:16px;overflow:auto}.image-page{max-width:100%;height:auto;max-height:none;margin:auto;display:block}.pdf-pages{max-width:100%;margin:auto;position:relative}.pdf-pages canvas{background:#fff;max-width:100%;height:auto;margin:auto;display:block;box-shadow:0 2px 8px #173b4b26}.pdf-pagination{background:#eaf2f5f2;border-radius:10px;justify-content:center;max-width:340px;margin:12px auto 0;padding:10px;position:sticky;bottom:0}.document-canvas-area.is-zoomed>.image-page,.document-canvas-area.is-zoomed .pdf-pages{width:150%;max-width:none}.document-canvas-area.is-zoomed .pdf-pages canvas{width:100%;max-width:none}@media (max-width:600px){.document-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.document-thumbnail{height:180px}.document-view-controls{gap:8px;padding:8px}.document-dialog>header{padding:12px}.document-canvas-area{padding:8px}.document-dialog{width:98vw;max-width:98vw}.document-view-controls label{flex-wrap:wrap}}.document-order-help{color:#315f70;font-size:14px;line-height:1.5}.document-order-toolbar{background:#e2eef2;border-bottom:1px solid #bfd5de;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.document-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;color:#245b70;align-items:center;font-size:14px;display:flex}.document-drag-handle:active{cursor:grabbing}.document-drag-handle svg{width:18px;height:18px}.document-order-toolbar label{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.document-order-toolbar select{color:#173b4b;background:#fff;border:1px solid #a9c7d2;border-radius:7px;min-width:55px;padding:6px;font-size:16px}.document-move-buttons{gap:6px;display:flex}.document-move-buttons button{white-space:nowrap;flex:1}.document-move-buttons button:disabled{opacity:.35;cursor:default}.document-tile.is-dragging{opacity:.5}.document-tile.is-drop-target{outline-offset:2px;outline:3px solid #197991}.document-gallery{align-items:start}