/* Shared image preview controls, loaded after page-family styles. */
html body :is(.product-lightbox,.app-lightbox) .ax-preview-close{position:absolute!important;top:8px!important;right:10px!important;display:grid!important;place-items:center;width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#171c40!important;cursor:pointer;z-index:10}
html body .ax-preview-close svg{display:block!important;width:30px;height:30px;fill:none;stroke:#171c40;stroke-width:1.2;stroke-linecap:butt;pointer-events:none}
html body .ax-preview-close:focus-visible{outline:2px solid #2d356e;outline-offset:2px}
html body :is(.product-lightbox,.app-lightbox)::backdrop{background:rgba(0,0,0,.45)!important}

/* Approved dashboard preview surround, sampled from the supplied reference. */
html body .ala-lightbox-image,
html body :is(.product-lightbox,.app-lightbox)>img{background:#7c8385!important;border-radius:12px}
html body :is(.product-lightbox,.app-lightbox)>img{display:block;object-fit:contain}

/* Match dashboard surrounds and keep white close controls visible. */
html body :is(.product-lightbox,.app-lightbox) .ax-preview-close,
html body .ala-lightbox-close{color:#fff!important;background:#7c8385!important;border:0!important;border-radius:50%!important}
html body .ax-preview-close svg{stroke:#fff!important}
html body .ala-lightbox-close span{background:#fff!important}
html body :is(.ax-preview-close,.ala-lightbox-close):focus-visible{outline:2px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px #2d356e!important}

/* Preserve uploaded receivables screenshot pixels within the shared grey presentation. */
html body .ala-receivable-frame{box-sizing:border-box;padding:6%;background:#7c8385;overflow:hidden}
html body .ala-receivable-frame img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:14px!important;box-shadow:0 8px 12px #0006!important;background:#fff}
html body .ala-lightbox-image:has(img[src*="D058-desktop-accounts-receivable"]){box-sizing:border-box;padding:clamp(18px,4vw,70px)}
html body .ala-lightbox-image img[src*="D058-desktop-accounts-receivable"]{width:auto;max-width:100%;max-height:65vh;margin:auto;border-radius:14px;box-shadow:0 8px 12px #0006}