.document-viewer{width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:none;max-height:none;padding:0;border:1px solid #becbd5;border-radius:12px;background:#e5ebf0;color:#15364e;box-shadow:0 24px 90px #071c3655;overflow:hidden}
.document-viewer::backdrop{background:#071b32ce;backdrop-filter:blur(3px)}
.document-viewer[open]{display:flex;flex-direction:column}
.document-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-bottom:1px solid #cbd6df;padding:12px 16px;flex:none}
.document-heading{min-width:0;display:flex;flex-direction:column;gap:3px}.document-heading strong{font-size:16px;line-height:1.35;overflow-wrap:anywhere}.document-position{font-size:12px;color:#587087}
.document-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.document-controls button{min-width:44px;min-height:44px;border:1px solid #bacbd7;border-radius:5px;background:#fff;color:#15364e;font:inherit;font-size:22px;line-height:1;cursor:pointer;padding:7px 10px}.document-controls button[data-action=fit]{font-size:14px;white-space:nowrap}.document-controls button[data-action=close]{margin-left:8px;font-size:28px;background:#15364e;color:#fff}.document-controls button:disabled{opacity:.35;cursor:default}.document-controls button:hover:not(:disabled){border-color:#94703b}.document-controls button:focus-visible,.document-stage:focus-visible{outline:3px solid #b78c41;outline-offset:-3px}.document-scale{font-size:13px;min-width:48px;text-align:center;font-variant-numeric:tabular-nums}
.document-stage{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:none;cursor:grab}.document-stage:active{cursor:grabbing}.document-canvas{position:relative;min-width:100%;min-height:100%}.document-canvas img{position:absolute;display:block;max-width:none!important;max-height:none!important;object-fit:contain;background:white;box-shadow:0 3px 18px #142c4233;user-select:none;-webkit-user-drag:none}.document-error{position:absolute;top:40%;left:10%;right:10%;text-align:center}.document-help{flex:none;margin:0;padding:8px 16px;background:#fff;color:#496174;font-size:12px;line-height:1.4;text-align:center}
a[data-document-image]{cursor:zoom-in}
@media(max-width:650px){.document-viewer{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border:0}.document-toolbar{flex-wrap:wrap;gap:8px;padding:10px}.document-heading{width:100%}.document-heading strong{font-size:14px}.document-controls{width:100%;gap:4px}.document-controls button{min-width:40px;padding:6px}.document-controls button[data-action=fit]{font-size:12px;flex:1}.document-controls button[data-action=close]{margin-left:auto}.document-scale{min-width:42px;font-size:12px}.document-help{padding:6px 10px}}
.approval-maker{margin-top:42px}.approval-maker>h3{font-size:26px;margin-bottom:12px}.approval-issuer{margin:0 0 20px;color:#536b7e}.approval-document h4{font-size:18px;line-height:1.55;margin:16px 0;overflow-wrap:anywhere}.approval-kind{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;color:#705527;font-size:14px;font-weight:700}.approval-archive{padding:3px 8px;background:#edf1f4;border:1px solid #d2dce3;border-radius:4px;color:#4c6273;font-size:12px}.approval-dates{display:grid;grid-template-columns:auto 1fr;gap:7px 12px;font-size:13px;line-height:1.6;margin:0 0 20px}.approval-dates dt{color:#587185}.approval-dates dd{margin:0;overflow-wrap:anywhere}.approval-document>a:last-child{display:inline-block;margin-top:auto}.approval-document{display:flex;flex-direction:column}.approval-grid .approval-document img{width:100%;height:320px;object-fit:contain}.approval-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1000px){.approval-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.approval-grid{grid-template-columns:1fr}.document-controls{flex-wrap:wrap}.approval-maker>h3{font-size:23px}}
.document-stage{scrollbar-gutter:stable both-edges}
@media(max-width:650px){.document-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.document-controls button[data-action=fit]{grid-row:2;grid-column:1/-1;white-space:normal}.document-controls button[data-action=close]{grid-row:1;grid-column:6;margin:0}.document-scale{min-width:0}}