.document-preview-open{overflow:hidden}
.document-panel{position:fixed;inset:0;width:min(1060px,92vw);height:90vh;height:90dvh;max-height:none;max-width:none;margin:auto;padding:0;border:0;border-radius:18px;background:#eef4f8;color:#072d54;box-shadow:0 20px 70px #00172b50;overflow:hidden}
.document-panel[open]{display:flex;flex-direction:column;animation:document-slide-in .22s ease-out}
.document-panel::backdrop{background:#00172a8c}
.document-panel-header{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:24px;background:white;border-bottom:1px solid #d6e5ef}
.document-panel-header h2{font-size:22px;line-height:1.35;letter-spacing:-.02em;margin:0}
#document-close{min-height:42px;padding:10px 15px;border:1px solid #ccdfec;border-radius:9px;background:#eef6fb;color:#07517e;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.document-panel-actions{display:flex;gap:12px 22px;flex-wrap:wrap;grid-column:1/-1}
.document-panel-actions a{font-size:13px;font-weight:650;color:#0077ae;text-decoration:underline;text-underline-offset:4px;min-height:32px;display:inline-flex;align-items:center}
.document-viewer-note{font-size:12px;line-height:1.6;color:#527085;margin:0;padding:12px 24px}
#document-frame{display:block;width:100%;min-height:0;flex:1;border:0;background:#dfe7ed}
@keyframes document-slide-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:740px){.document-panel{width:100vw;height:100vh;height:100dvh;margin:0;border-radius:0}.document-panel-header{padding:18px;gap:14px}.document-panel-header h2{font-size:18px}.document-viewer-note{padding:10px 18px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.document-panel[open]{animation:none}}