.attachment-section{margin:20px 0;padding-top:18px;border-top:1px solid var(--line)}.attachment-section .section-head{margin-bottom:12px}.attachment-grid{display:flex;flex-wrap:wrap;gap:10px}.attachment-thumb{position:relative;width:96px;flex-shrink:0}.attachment-open{display:block;border:1px solid var(--line);border-radius:6px;overflow:hidden;padding:0;background:#f4f6f8;width:96px;height:88px;cursor:zoom-in}.attachment-open img{display:block;width:100%;height:100%;object-fit:contain}.attachment-remove{position:absolute;right:-6px;top:-6px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #dce1e7;color:#be433a}.attachment-help{font-size:11px;color:var(--muted);margin-top:10px}.attachment-empty{padding:15px 0;color:var(--muted);font-size:12px}.image-viewer{max-width:1200px;width:calc(100% - 28px);max-height:96dvh;background:#f5f6f8}.image-viewer .dialog-head{padding:14px 18px;gap:12px}.image-viewer h2{font-size:14px;min-width:0;overflow-wrap:anywhere}.image-viewer>img{display:block;width:100%;max-height:calc(96dvh - 80px);object-fit:contain}.image-viewer .actions{flex-shrink:0}.attachment-file{display:none}@media(max-width:620px){.attachment-thumb,.attachment-open{width:84px}.attachment-open{height:78px}.attachment-section .btn{font-size:12px;padding:0 10px}.image-viewer .dialog-head{padding:12px}.image-viewer .btn{padding:0 10px;font-size:12px}}
.record-body>.attachment-grid,.activity>.attachment-grid{padding:16px 0 12px}