/* Inquiry attachments (21 Sep 2026) */
.sf-attach { margin: 0 0 18px; }
.sf-attach__drop { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1.5px dashed #cfd3d8; border-radius: 8px; background: #fafafa; cursor: pointer; transition: border-color .15s, background .15s; }
.sf-attach__drop:hover, .sf-attach__drop.is-over { border-color: #c8102e; background: #fdf4f5; }
.sf-attach__drop:focus-within { outline: 2px solid #c8102e; outline-offset: 2px; }
.sf-attach__input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; clip: rect(0 0 0 0); }
.sf-attach__icon { flex: 0 0 34px; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: #fff; border: 1px solid #e4e4e4; color: #c8102e; }
.sf-attach__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sf-attach__text b { font: 600 14px/1.3 "Hanken Grotesk", sans-serif; color: #1f2328; }
.sf-attach__text small { font-size: 12px; line-height: 1.35; color: #8b9096; }
.sf-attach__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.sf-attach__list:not(:empty) { margin-top: 8px; }
.sf-attach__list li { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 5px 8px 5px 10px; border-radius: 999px; background: #eef1f4; color: #1f2328; font-size: 12.5px; line-height: 1.2; }
.sf-attach__list li.is-uploading { color: #5f6368; }
.sf-attach__list li.is-error { background: #fbe9ec; color: #9d1024; }
.sf-attach__list li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px; }
.sf-attach__list li em { font-style: normal; color: #8b9096; }
.sf-attach__list li button { border: 0; background: transparent; color: inherit; font-size: 15px; line-height: 1; padding: 0 2px; cursor: pointer; opacity: .65; }
.sf-attach__list li button:hover { opacity: 1; }
.sf-attach__note { margin-top: 8px; font-size: 12.5px; color: #9d1024; }