.certificate-qr-card{max-width:520px;margin:24px auto;padding:24px;border:1px solid #d9dde0;border-radius:14px;background:#fff;text-align:center;box-shadow:0 14px 36px rgba(6,43,70,.08)}
.certificate-qr-card h3{margin:0 0 18px;color:#062b46;font-size:20px}
.certificate-qr-code{display:flex;min-height:220px;align-items:center;justify-content:center;margin:0 auto 18px}
.certificate-qr-code canvas,.certificate-qr-code img{display:block!important;width:220px!important;height:220px!important;max-width:100%;padding:10px;border:1px solid #e1e5e7;background:#fff}
.certificate-link-label{display:block;margin-bottom:6px;color:#59666f;font-size:12px;text-align:start}
.certificate-link-input{width:100%;min-height:42px;padding:9px 11px;border:1px solid #d9dde0;border-radius:6px;background:#f8fafb;color:#263b49;font-size:12px}
.certificate-qr-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:14px}
.certificate-qr-button{min-height:40px;padding:8px 15px;border:1px solid #062b46;border-radius:6px;background:#062b46;color:#fff;cursor:pointer;font:inherit;font-size:13px;font-weight:700}
.certificate-qr-button:hover,.certificate-qr-button:focus{background:#0a466c}
.certificate-qr-download{border-color:#b98b36;background:#b98b36}
.certificate-qr-download:hover,.certificate-qr-download:focus{background:#977026}
.certificate-qr-button:disabled{border-color:#aeb7bc;background:#aeb7bc;color:#f7f8f8;cursor:not-allowed;opacity:.72}
@media(max-width:480px){.certificate-qr-card{padding:18px}.certificate-qr-actions{display:grid}.certificate-qr-button{width:100%}}