button.chat-job-chip {
  cursor: pointer;
  font: inherit;
}
button.chat-job-chip[aria-expanded="true"] {
  filter: brightness(1.25);
}
.chat-artifact-chip {
  color: inherit;
  background: transparent;
  border: 1px solid var(--border, var(--host-line, #444));
  border-radius: 999px;
  padding: .25rem .55rem;
}
.chat-artifact-chip:hover { filter: brightness(1.15); }
.chat-artifact-chip svg { width: 1rem; height: 1rem; flex: 0 0 auto; }
.chat-work-panel {
  margin-top: .45rem;
  border: 1px solid var(--border, var(--host-line, #333));
  border-radius: 12px;
  background: #12141a;
  color: #e7e5e4;
  overflow: hidden;
}
.chat-work-head {
  display: flex;
  align-items: center;
  gap: .45rem;
  padding: .4rem .65rem;
  border-bottom: 1px solid var(--border, var(--host-line, #333));
  font-size: .78rem;
}
.chat-work-head strong {
  margin-right: auto;
  font-weight: 650;
}
.chat-work-head button {
  font: inherit;
  font-size: .75rem;
  color: inherit;
  background: transparent;
  border: 1px solid var(--border, var(--host-line, #444));
  border-radius: 999px;
  padding: .1rem .45rem;
  cursor: pointer;
}
.chat-work-code {
  margin: 0;
  padding: .7rem .8rem 1rem;
  max-height: 24rem;
  overflow: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .78rem;
  line-height: 1.45;
  white-space: pre;
}
.chat-work-file {
  margin: 0;
  padding: .7rem .8rem;
  font-size: .82rem;
}
.chat-image-progress { display:grid; gap:.45rem; max-width:min(100%,28rem); margin:.7rem 0; color:inherit; font-size:.9rem; }
.chat-image-progress img { display:block; width:100%; max-height:25rem; object-fit:contain; border-radius:.8rem; background:#181a20; }
.chat-image-progress img[hidden] { display:none; }

.chat-job-chip { display:inline-flex; align-items:center; gap:.35rem; max-width:100%; }
.chat-job-chip svg { width:1rem; height:1rem; flex:0 0 auto; }
.chat-job-chip span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }