/* Shared viewing controls. The QR remains an unfiltered, high-contrast image. */
.asset-download{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;background:#18233b;color:#fff;font-size:13px;text-decoration:none;border-radius:2px}
.asset-download[hidden]{display:none}
.asset-download:hover{background:#30416a}
.asset-download:focus-visible{outline:2px solid #4f66e8;outline-offset:3px}
.asset-dialog.asset-preview-qr{width:min(560px,calc(100vw - 32px))}
.asset-preview-qr .asset-viewer{padding:24px;background:#fff;max-height:calc(100svh - 252px);text-align:center}
.asset-preview-qr .asset-viewer img{display:block;width:var(--asset-zoom,100%);max-width:none;height:auto;margin:0 auto}
.asset-preview-qr .asset-zoom-controls>span{display:none}
.asset-preview-qr .asset-dialog-header h2{font-size:23px}
.asset-preview-qr .asset-dialog-header p{font-size:13px;line-height:1.7}
.asset-preview-qr>p{font-size:13px;line-height:1.8}
.contact-title-mobile-break{display:none}
.client-project-overline>span:first-child{white-space:nowrap;flex:0 0 auto}
@media(max-width:560px){
  .contact-title-mobile-break{display:block}
  .asset-dialog.asset-preview-qr{width:calc(100vw - 24px);max-width:none}
  .asset-preview-qr .asset-viewer{padding:12px}
  .asset-preview-qr .asset-zoom-controls{gap:4px;padding:8px 10px}
  .asset-preview-qr .asset-zoom-controls button{font-size:12px;padding:6px 7px;min-width:36px}
  .asset-preview-qr .asset-zoom-controls output{width:42px}
  .asset-download{padding:7px 9px;font-size:12px}
  .asset-preview-qr .asset-zoom-controls [data-zoom],.asset-preview-qr #asset-zoom-level{display:none}
  .asset-preview-qr .asset-download{margin-left:0;width:100%;justify-content:center;white-space:nowrap}
}