.cert-preview-modal{position:fixed;inset:0;z-index:1000001;display:flex;align-items:center;justify-content:center;padding:1.25rem;}.cert-preview-modal[hidden]{display:none !important;}.cert-preview-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.88);backdrop-filter:blur(8px);}.cert-preview-dialog{position:relative;z-index:1;width:min(920px,100%);height:min(88vh,820px);max-height:calc(100vh - 2.5rem);display:flex;flex-direction:column;background:var(--bg-primary,#0a0a0a);overflow:hidden;border-radius:16px;border:1px solid var(--border-color,rgba(255,255,255,0.12));box-shadow:0 24px 64px rgba(0,0,0,0.55);}.cert-preview-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary,#111);border-bottom:1px solid var(--border-color,rgba(255,255,255,0.1));flex-shrink:0;}.cert-preview-title{margin:0;font-family:'Outfit',sans-serif;font-size:1rem;font-weight:700;color:var(--text-primary,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.cert-preview-close{flex-shrink:0;width:42px;height:42px;border:1px solid var(--border-color,rgba(255,255,255,0.15));border-radius:10px;background:var(--bg-tertiary,#1a1a1a);color:var(--text-primary,#fff);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:background 0.2s,border-color 0.2s;}.cert-preview-close:hover{background:var(--primary,#c0392b);border-color:var(--primary,#c0392b);}.cert-preview-body{flex:1;min-height:0;position:relative;background:#1a1a1a;display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none;}.cert-preview-iframe{width:100%;height:100%;border:none;background:#2a2a2a;display:block;}.cert-preview-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;pointer-events:none;}.cert-preview-loading[hidden],.cert-preview-error[hidden]{display:none !important;}.cert-preview-loading{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;color:var(--text-secondary,#aaa);font-size:0.95rem;background:rgba(0,0,0,0.4);}.cert-preview-error{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;padding:1.5rem;text-align:center;color:#f5a5a5;font-size:0.95rem;background:rgba(0,0,0,0.55);}.cert-preview-error i{font-size:2rem;}body.cert-preview-open{overflow:hidden !important;}button.certificate-link.cert-preview-btn{background:none;border:none;padding:0;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:0.35rem;}@media (max-width:768px){.cert-preview-modal{padding:0.75rem;}.cert-preview-dialog{width:100%;height:calc(100vh - 1.5rem);max-height:calc(100vh - 1.5rem);border-radius:12px;}.cert-preview-header{padding:0.85rem 1rem;}.cert-preview-title{font-size:0.9rem;}.cert-preview-close{width:38px;height:38px;}}