.incident-documents-dialog { box-sizing: border-box; width: min(720px, calc(100vw - 28px)); max-height: 85dvh; overflow: auto; padding: 24px; border: 1px solid #cbd8cb; border-radius: 16px; color: #243b27; background: white; font: 14px/1.5 sans-serif; }
.incident-documents-dialog::backdrop { background: #16251e80; }
.incident-documents-head, .incident-documents-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.incident-documents-head h2 { margin:0; font-size:22px; }
.incident-documents-dialog button, .incident-attachments button { cursor:pointer; border:1px solid #b8cbb9; border-radius:8px; padding:9px 13px; background:#edf4eb; color:#244d27; font:inherit; }
.incident-documents-dialog button:disabled { opacity:.55; cursor:wait; }
.incident-documents-dialog :focus-visible, .incident-attachments :focus-visible { outline:3px solid #d2a942; outline-offset:2px; }
.incident-document-row { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid #e0e7df; }
.incident-document-row span { flex:1; min-width:0; overflow-wrap:anywhere; }
.incident-document-row strong, .incident-document-row small { display:block; }
.incident-document-row a { color:#28562d; }
.incident-documents-upload { display:grid; gap:8px; padding:16px 0; }
.incident-documents-footer { justify-content:flex-end; flex-wrap:wrap; }
.incident-attachments { grid-column:1/-1; display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:12px 0; }