.certificate-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:20px;border:0;background:rgba(6,18,33,.88);color:#fff;box-sizing:border-box;overflow:auto}
.certificate-viewer[open]{display:flex;align-items:center;justify-content:center}
.certificate-viewer::backdrop{background:transparent}
.certificate-viewer-panel{width:min(1100px,100%);display:flex;flex-direction:column;align-items:center;gap:16px;max-height:100%}
.certificate-viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;flex:none}
.certificate-viewer-toolbar h2{font-size:18px;margin:0;color:#fff;overflow-wrap:anywhere}
.certificate-viewer-toolbar button{background:#fff;color:#142b46;min-width:88px;min-height:44px;padding:10px 18px;border:0;border-radius:8px;font:inherit;font-weight:600;cursor:pointer;flex-shrink:0}
.certificate-viewer-toolbar button:focus-visible{outline:3px solid #74b7ff;outline-offset:4px}
.certificate-viewer-image{display:block;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);width:auto;height:auto;object-fit:contain;min-height:0;background:#fff;border-radius:8px!important}
@media(max-width:640px){.certificate-viewer{padding:16px}.certificate-viewer-toolbar h2{font-size:16px}}