.sf-attachments{margin-top:14px;background:#fff;border:1px solid var(--green);border-radius:10px;overflow:hidden}.sf-attachment-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;background:color-mix(in srgb,var(--green) 7%,#fff)}.sf-attachment-head h2{margin:2px 0;font:600 1.15rem Georgia}.sf-attachment-head p{margin:2px 0;color:var(--muted);font-size:.7rem}.sf-upload{position:relative;overflow:hidden;background:var(--green);color:#fff;border-radius:7px;padding:8px 11px;font-size:.7rem;font-weight:800;cursor:pointer;white-space:nowrap}.sf-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.sf-attachment-row{display:grid;grid-template-columns:42px 1fr auto auto;gap:10px;align-items:center;padding:9px 14px;border-top:1px solid var(--line);font-size:.7rem}.sf-attachment-row:first-child{border-top:0}.sf-attachment-row span:nth-child(2){display:flex;flex-direction:column}.sf-attachment-row small{color:var(--muted);margin-top:2px}.sf-file-icon{width:36px;height:30px;display:grid;place-items:center;border-radius:5px;background:var(--green);color:#fff;font-size:.58rem;font-weight:900}.sf-attachment-row a,.sf-attachment-row button{border:1px solid #b9c8c0;background:#fff;color:var(--green);border-radius:5px;padding:5px 8px;text-decoration:none;font-size:.65rem}.sf-attachment-row button{color:#9b3935;border-color:#dfc0bd}.sf-attachment-empty{padding:14px;color:var(--muted);font-size:.72rem}.sf-upload-status{padding:0 14px 8px;color:var(--muted);font-size:.68rem}@media(max-width:700px){.sf-attachment-head{align-items:flex-start;flex-direction:column}.sf-attachment-row{grid-template-columns:36px 1fr}.sf-attachment-row a,.sf-attachment-row button{justify-self:start}}