.attachment-preview-button{padding:0;border:0;background:none;flex:none;border-radius:7px;overflow:hidden;cursor:zoom-in}
.attachment-chip .attachment-preview-button>img{display:block;width:50px;height:42px;object-fit:cover}
.reference-receipt{display:flex;gap:22px;align-items:center;margin-top:20px;padding:6px 0 0;text-align:left}
.initial-snapshot-host>.reference-receipt,.approved-intake>.reference-receipt{padding:20px;border-radius:21px;background:var(--surface);box-shadow:var(--authoring-surface-shadow,0 2px 6px #0000000d,0 13px 37px #00000020)}
.reference-receipt-copy{min-width:0;flex:1}
.reference-receipt-confirmation{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin-bottom:8px}
.reference-receipt-confirmation>span{display:grid;place-items:center;width:17px;height:17px;background:#efefef;border-radius:50%;font-size:11px;color:#333;flex:none}
.reference-receipt h3{font:500 18px/1.35 var(--sans);letter-spacing:-.2px;text-wrap:balance}
.reference-receipt p{font-size:12px;line-height:1.7;color:var(--muted);margin:7px 0 0;text-wrap:pretty}
.reference-receipt .reference-receipt-view{margin-top:5px;font-size:11px;min-height:32px;gap:8px}
.reference-receipt-images{display:flex;flex-wrap:wrap;gap:8px;flex:0 0 180px;max-width:44%}
.reference-receipt-image{position:relative;display:block;width:180px;height:162px;max-width:100%;border:0;padding:0;overflow:hidden;border-radius:11px;background:#e9ebe5;cursor:zoom-in}
.reference-receipt-images:has(>:nth-child(2)){flex-basis:180px}
.reference-receipt-images:has(>:nth-child(2))>.reference-receipt-image{width:86px;height:80px}
.reference-receipt-image img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;filter:none}
.reference-receipt-image>span{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fffffff2;color:#222;font-size:17px;box-shadow:0 2px 8px #00000017;transition:transform .16s}
.reference-receipt-image:is(:hover,:focus-visible)>span{transform:scale(1.07)}
.attachment-inspect-modal .inspect-image{background:#eee}
.attachment-inspect-modal .inspect-image img{width:100%;max-height:74dvh;object-fit:contain;filter:none}
body .composer.reference-composer>.reference-card{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0;scrollbar-gutter:auto;max-height:min(48dvh,510px)}
.reference-card>.reference-scroll-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}
body .reference-card>.reference-tools{position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;margin:0;padding:12px 0 3px;background:var(--surface);min-height:59px}
.reference-card>.reference-tools>.button{flex:none;white-space:nowrap}
.handoff-detail-footer{display:flex;justify-content:flex-end;padding-top:24px}
@media(max-width:640px){
 body.authoring .composer.reference-composer>.reference-card{max-height:min(40dvh,calc(var(--mobile-viewport-height,100dvh) - 240px));min-height:85px}
 .reference-receipt{gap:13px;align-items:center}
 .initial-snapshot-host>.reference-receipt,.approved-intake>.reference-receipt{padding:14px;border-radius:17px}
 .reference-receipt h3{font-size:15px}
 .reference-receipt-confirmation{font-size:9px}
 .reference-receipt p{font-size:11px}
 .reference-receipt-images,.reference-receipt-images:has(>:nth-child(2)){flex-basis:95px;max-width:36%}
 .reference-receipt-image{width:95px;height:142px}
 .reference-receipt-images:has(>:nth-child(2))>.reference-receipt-image{width:95px;height:66px}
 .reference-receipt .reference-receipt-view{font-size:10px}
 body .reference-card>.reference-tools{gap:7px;min-height:56px;padding-top:9px}
 .reference-tools .carousel-controls{gap:3px}
 .reference-tools .carousel-controls .icon-button{width:28px;height:36px}
 .reference-card>.reference-tools>.button{font-size:11px;min-height:44px;padding-inline:11px}
}

/* Compact, inspectable receipts for links supplied in the project request. */
.link-review-receipt{margin-top:18px;font-size:13px;line-height:1.5;color:var(--muted,#626262)}
.link-review-receipt summary{cursor:pointer;display:list-item;width:fit-content;color:var(--text,#222);font-weight:500}
.link-review-receipt ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:14px}
.link-review-receipt li{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 12px;min-width:0}
.link-review-receipt a{color:var(--text,#222);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.link-review-status{font-size:11px;color:var(--muted,#626262)}
.link-review-receipt p{flex-basis:100%;margin:0;font-size:12px;line-height:1.5;max-width:72ch}
.link-review-note{font-size:12px;color:var(--muted,#626262);margin:12px 0 0}