.delivery-fields { margin: 14px 0; padding: 12px; border: 1px solid #d9dedd; border-radius: 8px; min-width: 0; }
.delivery-fields legend { font-weight: 700; }
.delivery-fields p { margin: 0 0 8px; }
.delivery-options { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.delivery-options label { display: flex; align-items: center; gap: 4px; }
.delivery-field { display: block; margin-top: 10px; }
.delivery-field[hidden] { display: none; }
.delivery-field input { display: block; width: 100%; padding: 8px; margin-top: 4px; }
.chat-photo-field { display: block; font-size: 13px; margin: 6px 0; min-width: 0; }
.chat-photo-field span { font-size: 12px; opacity: .8; }
.chat-photo-field input { display: block; max-width: 100%; margin-top: 4px; }
.chat-photo-open { display: block; padding: 0; border: 0; background: transparent; margin: 6px 0; max-width: 100%; }
.chat-photo-open img { display: block; width: auto; height: auto; max-width: min(240px, 100%); max-height: 260px; border-radius: 6px; }
.chat-photo-dialog { max-width: 94vw; padding: 12px; border: 0; border-radius: 8px; }
.chat-photo-dialog::backdrop { background: #000a; }
.chat-photo-dialog img { display: block; max-width: 87vw; max-height: 78vh; object-fit: contain; }
.chat-photo-dialog button { display: block; margin: 8px auto 0; }
.chat-compose.with-photo { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.chat-compose.with-photo .chat-photo-field { grid-column: 1 / -1; }