.document-attachments{box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:1px solid #a9c8c5;border-radius:14px;padding:20px;color:#173d3a;background:#fff}.document-attachments::backdrop{background:#102e37aa}.document-attachments *{box-sizing:border-box;min-width:0}.document-attachments h2{margin:0;flex:1}.document-attachments label{display:grid;gap:5px;margin:12px 0}.document-attachments input,.document-attachments select{width:100%;padding:10px}.document-attachments input[type=checkbox]{width:auto;justify-self:start}.attachment-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.document-attachments button,.document-attachments a{white-space:normal;overflow-wrap:anywhere}.attachment-list{display:grid;gap:12px}.attachment-card{border:1px solid #d3e1df;border-radius:10px;padding:12px;display:grid;gap:6px;overflow-wrap:anywhere}.attachment-card img{width:120px;height:90px;object-fit:contain}.attachment-notice{color:#92331e;overflow-wrap:anywhere}.attachment-hint{font-size:.9rem;color:#536766}.attachment-drop{border:2px dashed #8faaa7;padding:20px;margin:12px 0;border-radius:8px}.attachment-drop.dragging{background:#e1f3ed}.document-attachments li{overflow-wrap:anywhere}.attachment-preview img{display:block;max-width:100%;max-height:72dvh;object-fit:contain;margin:auto}.attachment-preview iframe{width:100%;height:70dvh;border:0}.document-attachments[aria-busy=true]{cursor:progress}@media(max-width:480px){.document-attachments{padding:12px}.attachment-actions>*{max-width:100%}}