.attachments-section{border-top:1px solid #d7e0dd;margin-top:16px;padding-top:16px}
.attachments-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.attachments-head h3{margin:0;font-size:14px;color:#17352f}
.attachments-head p{margin:4px 0 0;color:#65736f;font-size:12px}
.attachment-picker{display:inline-flex;align-items:center;white-space:nowrap}
.attachment-picker input{display:none}
.attachment-list{display:grid;gap:8px;margin-top:12px}
.attachment-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border:1px solid #d7e0dd;border-radius:8px;background:#f8faf9;padding:10px 12px}
.attachment-card{grid-template-columns:72px 1fr auto}
.attachment-preview-button{width:64px;height:52px;border:1px solid #c7d6d2;border-radius:8px;background:#fff;padding:0;overflow:hidden;cursor:pointer}
.attachment-preview-button img{width:100%;height:100%;object-fit:cover;display:block}
.attachment-file-icon{width:64px;height:52px;border:1px solid #d7e0dd;border-radius:8px;background:#edf4f1;display:grid;place-items:center;font-size:24px}
.attachment-item strong,.attachment-item small{display:block}
.attachment-item strong{overflow-wrap:anywhere}
.attachment-item small,.attachment-limit{color:#65736f}
.attachment-actions{display:flex;gap:6px}
.attachment-actions button{border:1px solid #c7d6d2;border-radius:6px;background:#fff;color:#147565;padding:6px 9px;cursor:pointer;font-weight:700}
.attachment-actions button[data-attachment-remove]{color:#a43a35}
.attachment-empty{color:#65736f;border:1px dashed #c7d6d2;border-radius:8px;padding:14px;text-align:center}
.attachment-limit{display:block;margin-top:8px}
@media(max-width:620px){.attachments-head{align-items:stretch;flex-direction:column}.attachment-item,.attachment-card{grid-template-columns:1fr}.attachment-actions{justify-content:flex-start}}