/* Keep preview dismissal available while the contents scroll. */
.product-dialog .dialog-toolbar{position:sticky;top:0;z-index:3;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:8px 12px 8px 22px;background:#fff;border-bottom:1px solid var(--line);align-self:start}
.dialog-toolbar>p{margin:0;font-size:12px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
.product-dialog .dialog-toolbar .dialog-close{position:static;flex:0 0 44px;width:44px;height:44px;background:#fff;color:var(--ink);margin:0}
/* A browsing reference is distinct from the editable project-interest field. */
.enquiry-reference{margin:0 0 28px;padding:24px;border:1px solid var(--line);background:var(--surface)}
.enquiry-reference .eyebrow{margin-bottom:12px}
#enquiry-reference-name{font-size:20px;line-height:1.45;margin:0 0 8px;overflow-wrap:anywhere}
.enquiry-reference .small{font-size:14px;line-height:1.7;margin-bottom:14px;overflow-wrap:anywhere}
.reference-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px}
.reference-actions .text-link,.reference-remove{min-height:44px;font-size:14px;line-height:1.6}
.reference-remove{display:inline-flex;align-items:center;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:0;background:transparent;color:var(--ink);cursor:pointer}
.reference-remove:disabled{cursor:wait;opacity:.55}
#reference-status:empty{display:none}
#reference-status{font-size:14px;line-height:1.7;margin:0 0 24px}
@media(max-width:540px){.product-dialog .dialog-toolbar{min-height:58px;padding:7px 7px 7px 18px}.enquiry-reference{padding:20px;margin-bottom:26px}.reference-actions{align-items:flex-start;flex-direction:column;gap:10px}#enquiry-reference-name{font-size:19px}}