.m7-attachments{display:grid;gap:7px;margin-top:7px}.m7-attachment{display:flex;align-items:center;gap:9px;min-width:220px;max-width:100%;padding:8px 9px;border:1px solid rgba(148,163,184,.28);border-radius:12px;background:rgba(255,255,255,.11);color:inherit;text-decoration:none;overflow:hidden}.theirs .m7-attachment,.m3-row.theirs .m7-attachment,.m4-row.theirs .m7-attachment,.m5-row.theirs .m7-attachment{background:#fff;border-color:#dde5ee}.m7-attachment>i{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(249,115,22,.14);color:#f97316;font-size:15px}.m7-attachment-text{min-width:0;flex:1}.m7-attachment-text b,.m7-attachment-text small{display:block}.m7-attachment-text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.m7-attachment-text small{margin-top:2px;opacity:.72;font-size:7px}.m7-image{display:block;max-width:min(300px,100%);max-height:240px;object-fit:cover;border-radius:10px;margin-bottom:6px;background:#eef2f6}.m7-attach-button{position:relative}.m7-attach-button.uploading{opacity:.55;pointer-events:none}.m7-attach-button.uploading i{animation:m7spin .8s linear infinite}@keyframes m7spin{to{transform:rotate(360deg)}}.m7-file-input{display:none!important}.m7-upload-note{display:none;position:fixed;z-index:999999;left:50%;bottom:26px;transform:translateX(-50%);max-width:min(520px,calc(100vw - 24px));padding:9px 13px;border-radius:12px;background:#172033;color:#fff;font:800 9px/1.45 Inter,"Segoe UI",Tahoma,Arial,sans-serif;box-shadow:0 12px 30px rgba(15,23,42,.2)}.m7-upload-note.show{display:block}.m7-upload-note.error{background:#a5261e}@media(max-width:720px){.m7-attachment{min-width:0}.m7-image{max-width:100%;max-height:210px}.m7-attach-button{min-width:44px!important;min-height:44px!important}.m7-upload-note{bottom:calc(14px + env(safe-area-inset-bottom));font-size:10px}}
/* M7 composer integration: preserve each existing chat layout while adding one paperclip control. */
#customer-product-form.azm-compose{grid-template-columns:42px 42px minmax(0,1fr) 44px!important}
#m3-compose.m3-compose{grid-template-columns:42px 42px minmax(0,1fr) 44px!important}
#m4-compose.m4-compose{grid-template-columns:44px minmax(0,1fr) 48px!important}
#m5-compose.m5-compose{grid-template-columns:44px minmax(0,1fr) 48px!important}
@media(max-width:720px){
 #customer-product-form.azm-compose{grid-template-columns:44px 44px minmax(0,1fr) 48px!important}
 #m3-compose.m3-compose{grid-template-columns:44px 44px minmax(0,1fr) 48px!important}
 #m4-compose.m4-compose,#m5-compose.m5-compose{grid-template-columns:44px minmax(0,1fr) 48px!important}
}