#attachments[hidden]{display:none}
.attachment-drop{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:94px;margin-top:12px;padding:16px 10px;border:1px dashed #99b099;border-radius:10px;color:var(--green);background:#f5f9f3;text-align:center}
.attachment-drop>span{font-size:15px;font-weight:600}
.attachment-drop>small{margin:0;font-size:12px;color:#6c806a;line-height:1.6}
.attachment-drop.is-dragging{border-style:solid;border-color:#2f6240;background:#e5f2e2}
.attachment-choose{min-height:40px;padding:8px 0;border:0;color:var(--green);background:transparent;text-decoration:underline;font-size:13px}
.attachment-field .attachment-status{margin:2px 0 10px;color:var(--green);font-size:13px}
.attachment-field .attachment-status:empty{display:none}
.attachment-field ul{display:grid;gap:9px}
.attachment-field li.attachment-card{display:flex;align-items:center;width:100%;max-width:100%;padding:0;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.attachment-main{display:flex;align-items:center;gap:11px;flex:1;min-width:0;padding:10px;border:0;background:transparent;text-align:left;color:#263b2b}
.attachment-thumb{width:64px;height:54px;flex:0 0 64px;object-fit:contain;border-radius:6px;background:#f2f5ef}
.attachment-file-icon{display:grid;place-items:center;width:64px;height:54px;flex:0 0 64px;border-radius:6px;color:var(--green);background:#eef5eb;font-size:12px;font-weight:600}
.attachment-info{display:flex;flex-direction:column;gap:5px;min-width:0}
.attachment-name{font-size:13px;overflow-wrap:anywhere;line-height:1.5}
.attachment-meta{font-size:11px;color:#7b8576;line-height:1.5}
.attachment-remove{width:44px;min-height:44px;padding:0;border:0;background:transparent;color:#7c8979;font-size:23px;flex:0 0 44px}
.attachment-dialog{max-height:85vh;overflow:auto}
.attachment-dialog .dialog-heading{gap:10px}
.attachment-dialog .dialog-heading h2{font-size:16px;overflow-wrap:anywhere}
.attachment-dialog .dialog-heading button{flex:0 0 44px}
.attachment-content{margin-top:12px}
.attachment-content img{display:block;max-width:100%;max-height:65vh;margin:0 auto;object-fit:contain}
.attachment-content pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;padding:14px;border-radius:8px;background:#f4f7f0;color:#253521;font-size:13px;line-height:1.8;tab-size:5}
.attachment-content p{color:#798473;font-size:12px}
@media(max-width:520px){.attachment-drop>span{font-size:14px}.attachment-drop>small{font-size:11px}.attachment-main{gap:9px;padding:9px}.attachment-thumb,.attachment-file-icon{width:52px;height:48px;flex-basis:52px}}