.image-job-history {
  width: min(780px, calc(100vw - 24px));
  max-height: 85dvh;
  box-sizing: border-box;
  padding: 24px;
  border: 1px solid #8886;
  border-radius: 18px;
  color: var(--gpt-ink, #202124);
  background: var(--gpt-bg, #fff);
  overflow-y: auto;
}
.image-job-history::backdrop { background: #0008; }
.image-job-history header { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.image-job-history h3 { margin: 0; }
.image-job-history p { font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; margin: 8px 0; }
.image-job-history-controls { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0; }
.image-job-history-controls label { display: flex; align-items: center; gap: 8px; }
.image-job-history select, .image-job-history input, .image-job-history button {
  font: inherit; font-size: 14px; padding: 8px 10px; border: 1px solid #8886;
  border-radius: 8px; color: inherit; background: transparent; min-height: 40px;
}
.image-job-history input { width: 100%; box-sizing: border-box; }
.image-job-history button { cursor: pointer; }
.image-job-history button:disabled { opacity: .5; cursor: wait; }
.image-job-history-item { border-top: 1px solid #8884; padding: 16px 0; }
.image-job-history-item h4 { margin: 0 0 8px; font-size: 15px; overflow-wrap: anywhere; }
.image-job-history-item strong { font-size: 14px; }
.image-job-history :focus-visible { outline: 2px solid #2684ff; outline-offset: 2px; }
@media (max-width: 540px) { .image-job-history { padding: 16px; } }