/* SQ-07: metadata first; whole-word wrapping, scalable controls and no thumbnail grid. */
.incident-photos{margin-block:1.5rem;padding-block:1rem;border-block:1px solid var(--dawnby-line,var(--line));min-width:0}
.incident-photos h3,.incident-photos h4{margin-block:.5rem}
.incident-photo-entry{padding-block:1rem;border-block-end:1px solid var(--dawnby-line,var(--line));margin-block-end:1rem}
.incident-photos p,.incident-photo-entry p{overflow-wrap:anywhere}
.incident-photos .button-row{display:flex;flex-wrap:wrap;gap:.75rem}
.incident-photos button,.incident-photo-capture button{min-height:48px;white-space:normal;height:auto}
.incident-photos textarea{width:100%;min-height:8rem;box-sizing:border-box;font:inherit}
.incident-photos figure{margin:1rem 0;min-width:0}
.incident-photos img,.incident-photo-capture img,.incident-photo-capture video{display:block;max-width:100%;width:100%;height:auto;max-height:22rem;object-fit:contain;border-radius:.5rem}
.incident-photos [hidden],.incident-photo-capture [hidden]{display:none!important}
.incident-photos figcaption{margin-block:.75rem;overflow-wrap:anywhere}
.incident-photo-capture{display:grid;gap:1rem;min-width:0}
/* Photo review remains scrollable when large text makes the incident actions several rows tall. */
#sheet:has(.incident-photos,.incident-photo-capture) .form-actions{position:static;bottom:auto}
#sheet:has(.incident-photos,.incident-photo-capture) #close-sheet{min-width:48px;min-height:48px;flex-shrink:0}
/* The shared notice background changes in dark mode; pair its ink on these photo screens. */
body:has(#sheet .incident-photos,#sheet .incident-photo-capture) #toast{background:var(--dawnby-ink);color:var(--dawnby-surface)}
#sheet:has(.incident-photo-capture) .checkbox-field{color:var(--dawnby-ink);min-height:48px;align-items:center}

.incident-photo-access-log{min-width:0;overflow-wrap:anywhere}
.incident-photo-access-log ol{padding-inline-start:1.5rem}
.incident-photo-access-log li{padding-block:.75rem;border-block-end:1px solid var(--dawnby-line,var(--line))}

/* The lost-capture recovery surface must fit 200% type inside the usable viewport. */
.incident-photo-recovery{min-width:0;max-width:100%}
.incident-photo-recovery .button-row{display:flex;flex-wrap:wrap;gap:.75rem}
.incident-photo-recovery button{white-space:normal;height:auto;min-height:48px;max-width:100%}