.instruction-report-attachments { min-width: 0; margin: 16px 0; }
.instruction-report-attachments input { max-width: 100%; min-width: 0; }
.instruction-report-attachments input::file-selector-button { min-height: 44px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--ink); }
.instruction-report-count { margin: 8px 0; font-size: 14px; color: var(--muted); overflow-wrap: anywhere; }
.instruction-report-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 145px), 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.instruction-report-grid li { min-width: 0; }
.instruction-report-grid img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: #fff; border: 1px solid var(--line); border-radius: 6px; }
.instruction-report-grid li > div { display: flex; align-items: center; gap: 6px; padding-top: 6px; }
.instruction-report-grid span { min-width: 0; flex: 1; overflow-wrap: anywhere; font-size: 12px; }
.instruction-report-grid button { flex: none; min-height: 44px; }
.instruction-report-grid[hidden], .instruction-report-diagnostics[hidden] { display: none; }
.instruction-report-grid li > .instruction-report-placeholder { display: grid; place-items: center; padding: 0; aspect-ratio: 4 / 3; background: #eef3f6; color: var(--muted); border: 1px solid var(--line); border-radius: 6px; }
.instruction-report-diagnostics { margin-top: 12px; min-width: 0; font-size: 12px; color: var(--muted); }
.instruction-report-diagnostics summary { cursor: pointer; padding: 8px 0; }
.instruction-report-diagnostics pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; max-width: 100%; max-height: 18rem; overflow: auto; }
.instruction-report-diagnostics small { display: block; margin: 6px 0; }
@media (max-width: 600px) {
  .instruction-report-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .instruction-report-grid li > div { flex-wrap: wrap; }
  .instruction-report-grid span { flex-basis: 100%; }
}
