.ho-attach-dialog {margin:auto;inset:0;width:min(calc(100% - var(--space-8)),800px);max-height:calc(100dvh - var(--space-8));padding:var(--space-6);border:var(--border);border-radius:var(--radius-standard);background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-interface);}
.ho-attach-dialog::backdrop {background:color-mix(in srgb,var(--color-ink) 50%,transparent);}
.ho-attach-header,.ho-attach-actions,.ho-attach-line {display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);}
.ho-attach-header h2 {margin:0;font-size:var(--text-commerce);}
.ho-attach-header button {width:var(--touch-target);height:var(--touch-target);background:transparent;border:var(--border);border-radius:var(--radius-standard);}
.ho-attach-offer {display:grid;grid-template-columns:80px minmax(0,1fr);gap:var(--space-4);padding:var(--space-4) 0;border-bottom:var(--border);}
.ho-attach-offer img {width:80px;height:80px;object-fit:contain;background:var(--color-white);}
.ho-attach-offer h4,.ho-attach-offer p {margin:0 0 var(--space-2);}
.ho-attach-details {margin-bottom:var(--space-3);}
.ho-attach-details p {margin-top:var(--space-2);font-size:var(--text-small);}
.ho-attach-line {padding:var(--space-3) 0;border-bottom:var(--border);}
.ho-attach-line span {min-width:0;overflow-wrap:anywhere;}
.ho-attach-line strong {white-space:nowrap;}
.ho-attach-actions {padding-top:var(--space-4);}
.ho-attach-actions a {flex:1;text-align:center;}
@media(max-width:767px){.ho-attach-dialog {padding:var(--space-4);}.ho-attach-line {align-items:flex-start;}.ho-attach-actions {flex-wrap:wrap;}}

.ho-attach-dialog [data-attach-body]>h3 {margin:var(--space-6) 0 var(--space-4);font-size:var(--text-card);}
.ho-attach-dialog[open] {display:flex;flex-direction:column;}
.ho-attach-dialog [data-attach-body] {overflow-y:auto;min-height:0;}
.ho-attach-header,.ho-attach-actions,.ho-attach-dialog [data-attach-status] {flex-shrink:0;}
