.document-view{width:min(1100px,calc(100% - 32px));height:min(900px,calc(100dvh - 32px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #CBD8D1;border-radius:12px;background:#FFFDF8;color:#1E2B1A}
.document-view[open]{display:flex;flex-direction:column}.document-view::backdrop{background:#1E2B1A88}
.document-view header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #CBD8D1}
.document-view h2{font:800 22px/1.3 Nunito,Inter,sans-serif;overflow-wrap:anywhere;min-width:0}
.document-view header>div{display:flex;gap:8px;flex:none}.document-view .opbtn{display:inline-flex;align-items:center;justify-content:center;font:600 14px/1.4 Inter,sans-serif;min-height:44px;padding:10px 14px;text-decoration:none;color:#155F55;border:1px solid #CBD8D1;border-radius:8px;background:white}
.document-view [hidden]{display:none!important}.document-view .document-view-status{padding:8px 20px;font-size:14px;color:#335B56}
.document-view-content{flex:1;min-height:0;overflow:auto;background:#e7e9e7;text-align:center}
.document-pages{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 20px;border-bottom:1px solid #CBD8D1;font-size:14px}
.document-pages label{margin-left:auto;display:flex;gap:6px;align-items:center}.document-pages select{font:inherit;padding:8px;border:1px solid #CBD8D1;border-radius:8px;background:white;height:44px;min-height:44px}
.document-pages button:disabled{opacity:.5;cursor:default}.document-view-content canvas{display:block;margin:16px auto;background:white}
.document-page-text{margin:16px;text-align:left;background:white;padding:12px;border-radius:8px}.document-page-text summary{cursor:pointer;min-height:44px}.document-page-text p{white-space:pre-wrap;font-size:16px;line-height:1.6}
.document-view-content img{display:block;max-width:100%;height:auto;margin:auto}
.document-view footer{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 20px;font-size:13px;color:#335B56}
.document-view :focus-visible{outline:3px solid #1A7A6E;outline-offset:3px}
@media(max-width:550px){.document-view{width:calc(100% - 16px);height:calc(100dvh - 16px)}.document-view header{padding:12px;align-items:flex-start;flex-wrap:wrap;gap:8px}.document-view h2{font-size:20px;width:100%}.document-view .document-view-status,.document-view footer{padding:8px 12px}}
@media(max-width:550px){.document-pages{padding:8px 12px}.document-pages label{margin-left:0;width:100%}.document-pages select{font-size:16px}}
.document-docx{display:block;width:100%;height:100%;border:0;background:#e7e9e7}