work-attachments { display:block; margin:14px 0; padding:14px; border:1px solid #d4dfe5; border-radius:10px; background:#fff; min-width:0; }
work-attachments .attachments-header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
work-attachments h3 { margin:0; font-size:.95rem; color:#243b47; }
work-attachments .attachments-header>span { font-size:.75rem; color:#71848e; }
work-attachments ul { list-style:none; padding:0; margin:0 0 12px; }
work-attachments li { font-size:.82rem; color:#647680; padding:7px 0; }
work-attachments .attachment-row { display:flex; align-items:center; gap:10px; padding:9px; margin:6px 0; border-radius:7px; background:#f5f8fa; }
work-attachments .attachment-type { display:flex; align-items:center; justify-content:center; width:34px; height:36px; flex:0 0 34px; border-radius:5px; background:#e5efee; color:#087d73; font-size:10px; font-weight:650; }
work-attachments .attachment-details { min-width:0; flex:1; }
work-attachments .attachment-details>a { display:block; overflow-wrap:anywhere; color:#243b47; font-weight:600; text-decoration:none; }
work-attachments .attachment-details>a:hover { text-decoration:underline; color:#087d73; }
work-attachments small { display:block; color:#71848e; font-size:.7rem; margin-top:4px; }
work-attachments .attachment-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
work-attachments .attachment-actions a { color:#087d73; font-size:.75rem; white-space:nowrap; }
work-attachments .attachment-remove { border:0; background:none; color:#687b86; padding:4px 0; cursor:pointer; font:inherit; font-size:.75rem; }
work-attachments .attachment-remove:hover { color:#a53c38; }
work-attachments .attachment-dropzone { display:flex; align-items:center; flex-direction:column; gap:6px; padding:16px 10px; border:1px dashed #a8c7c3; border-radius:8px; background:#fafcfc; text-align:center; }
work-attachments .attachment-dropzone strong { font-size:.85rem; color:#243b47; }
work-attachments .attachment-dropzone>span { font-size:.75rem; color:#71848e; }
work-attachments .attachment-dropzone .primary-button { margin:4px 0; padding:7px 12px; font-size:.8rem; }
work-attachments .attachment-dropzone.is-dragging { border-color:#007f78; background:#e5f4f1; box-shadow:inset 0 0 0 1px #007f78; }
work-attachments .attachment-upload-status { margin:9px 0 0; color:#71848e; font-size:.72rem; }
work-attachments input[hidden] { display:none; }
work-attachments button:focus-visible,work-attachments a:focus-visible { outline:2px solid #087d73; outline-offset:3px; }
@media(max-width:480px) { work-attachments .attachment-row { flex-wrap:wrap; } work-attachments .attachment-actions { margin-left:44px; } }