.modal.document-modal{width:min(1200px,96vw);height:92dvh;max-height:92dvh;display:flex;flex-direction:column;overflow:hidden}.document-modal .modal-head{flex-shrink:0;margin-bottom:12px}.document-modal .modal-head h2{font-size:22px;overflow-wrap:anywhere}.document-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;flex-shrink:0}.document-toolbar span{color:var(--muted);font-size:13px}.document-viewer{min-height:0;flex:1;overflow:auto;background:#e6e2dc;border-radius:12px;padding:16px;overscroll-behavior:contain}.document-controls{position:sticky;top:-16px;z-index:1;background:#f7f4ef;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;margin:-16px -16px 16px}.document-controls span{font-size:13px}.document-controls .btn{padding:9px 14px;min-height:40px}.document-pdf-stage{width:max-content;min-width:100%;text-align:center}.document-pdf-stage canvas{display:block;margin:0 auto;background:white;box-shadow:0 2px 14px #0002}.document-image{display:block;max-width:100%;height:auto;margin:auto;background:white}.document-word{background:white;padding:clamp(18px,4vw,48px);line-height:1.65;color:#222}.document-word table,.document-sheet table{border-collapse:collapse;background:white;width:100%}.document-word td,.document-word th,.document-sheet td{border:1px solid #ddd;padding:8px 12px}.document-sheet{overflow:auto;margin-top:12px}.document-sheet td{white-space:pre-wrap;min-width:90px;font-size:14px}.document-plain,.document-text pre{white-space:pre-wrap;overflow-wrap:anywhere;background:white;padding:20px;font-size:14px;line-height:1.6}.document-note,.document-error{background:white;padding:20px;border-radius:8px;overflow-wrap:anywhere}.document-text{margin-top:18px}.document-text summary{cursor:pointer;padding:12px;background:white}.document-viewer select{max-width:100%;padding:12px;background:white}.document-modal .btn:disabled{opacity:.45}
@media(max-width:700px){.modal.document-modal{width:100%;height:96dvh;max-height:96dvh;border-radius:16px 16px 0 0;padding:16px}.document-modal .modal-head{position:static;padding:0}.document-toolbar{align-items:flex-start}.document-viewer{padding:10px}.document-controls{top:-10px;margin:-10px -10px 10px;padding:8px;gap:6px}.document-controls span{order:-1;width:100%}.document-controls .btn{padding:8px 12px}.document-toolbar .btn{font-size:12px;padding:10px}}