[data-certification-preview] { display:block; width:100%; min-width:0; text-align:center; }
.certification-preview-status { margin:8px 0 12px; color:#64748b; font:500 13px/1.5 system-ui,sans-serif; white-space:normal; }
.certification-preview-pages { display:grid; gap:14px; width:100%; min-width:0; }
.certification-preview-page { display:block; width:100%; min-width:0; padding:0; border:1px solid #dce2e8; border-radius:10px; overflow:hidden; background:#fff; cursor:zoom-in; }
[data-certification-preview] .certification-preview-page img { display:block; width:100% !important; height:auto !important; max-height:none !important; aspect-ratio:auto !important; object-fit:contain !important; }
.certification-preview-page:focus-visible, .certification-preview-retry:focus-visible { outline:3px solid #b7862d; outline-offset:3px; }
.certification-preview-retry { justify-self:center; padding:9px 18px; border:1px solid #c9ad6d; border-radius:8px; background:#fffaf0; color:#293442; cursor:pointer; }
.mobile-modal[data-modal="vehicle-manage"] .certificate-photo-box .sub-photo-empty:has([data-certification-preview]) { display:block !important; min-width:0; height:auto !important; max-height:none !important; overflow:visible !important; padding:10px; }
.mobile-modal[data-modal="vehicle-manage"] .certificate-photo-box.has-certification-link:not(.mobile-link-editor-open) .certificate-link-editor { display:none !important; }
.shared-certificate-section [data-certification-preview] { max-width:850px; margin:16px auto 0; }
.certification-image-viewer { width:min(1050px,96vw); max-width:96vw; height:92dvh; max-height:92dvh; padding:0; border:0; border-radius:12px; background:#f1f3f5; color:#182432; overflow:hidden; }
.certification-image-viewer::backdrop { background:rgba(5,13,25,.82); }
.certification-image-viewer > header { display:flex; align-items:center; justify-content:space-between; gap:12px; height:56px; box-sizing:border-box; padding:8px 16px; background:#fff; }
.certification-image-viewer > header button { padding:8px 16px; border:1px solid #d1d8df; border-radius:8px; background:#fff; font:600 15px system-ui,sans-serif; cursor:pointer; }
.certification-viewer-pages { height:calc(100% - 56px); overflow:auto; padding:12px; box-sizing:border-box; overscroll-behavior:contain; }
.certification-viewer-pages img { display:block; width:100%; height:auto; max-height:none; margin:0 auto 16px; object-fit:contain; }
@media(max-width:600px) { .certification-image-viewer { width:98vw; max-width:98vw; height:94dvh; max-height:94dvh; } .certification-viewer-pages { padding:5px; } }