.dd-activity-dialog {
  position: fixed;
  padding: 0;
  overflow: hidden;
  color: var(--text, #e6e6e6);
  background: var(--surface, #101315);
  border: 1px solid var(--border, #2a3035);
  border-radius: 3px;
  font: 14px/1.5 "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
}

.dd-activity-dialog[data-presentation="inspector"] {
  inset: 12px 12px 12px auto;
  width: min(380px, calc(100vw - 24px));
  height: calc(100dvh - 24px);
  max-width: none;
  max-height: none;
  margin: 0;
  z-index: 1000;
}

.dd-activity-dialog[data-presentation="sheet"] {
  inset: auto 0 0;
  width: min(600px, 100%);
  max-width: 100%;
  height: min(72dvh, 680px);
  max-height: 100dvh;
  margin: auto auto 0;
  border-radius: 4px 4px 0 0;
}

.dd-activity-dialog::backdrop { background: rgb(0 0 0 / 68%); }
.dd-activity-panel { display: flex; flex-direction: column; height: 100%; min-height: 0; overflow: auto; }
.dd-activity-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; border-bottom: 1px solid var(--border, #2a3035); }
.dd-activity-header h2 { margin: 0; font-size: 14px; }
.dd-activity-label { margin: 8px 12px 0; font-weight: 700; overflow-wrap: anywhere; }
.dd-activity-progress, .dd-activity-message, .dd-activity-empty, .dd-activity-help { margin: 0; padding: 4px 12px; }
.dd-activity-progress, .dd-activity-help { color: var(--text-muted, #8a9299); font-size: 12px; }
/* Reserve two compact rows; long summaries scroll with the panel instead of hiding focused steps. */
.dd-activity-list { flex: 1 0 76px; min-height: 76px; overflow: auto; margin: 8px 0 0; padding: 0; list-style: none; }
.dd-activity-row { padding: 8px 12px; border-top: 1px solid var(--border, #2a3035); border-left: 3px solid transparent; overflow-wrap: anywhere; }
.dd-activity-cell { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; }
.dd-activity-state { font-size: 12px; color: var(--text-muted, #8a9299); }
.dd-activity-row[aria-current="true"] { border-left-color: var(--interaction, #ffc857); }
.dd-activity-row[data-state="applied"] .dd-activity-state { color: var(--success, #7cff6b); }
.dd-activity-row[data-state="failed"] .dd-activity-state { color: var(--danger, #ff6b6b); }
.dd-activity-row[data-state="current"] .dd-activity-state,
.dd-activity-row[data-state="unsaved"] .dd-activity-state { color: var(--interaction, #ffc857); }
.dd-activity-detail { grid-column: 1 / -1; margin: 4px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text-muted, #8a9299); font: inherit; font-size: 12px; }
.dd-activity-controls { display: flex; flex-wrap: wrap; gap: 8px; padding: 8px 12px; border-top: 1px solid var(--border, #2a3035); }
.dd-activity-dialog button { padding: 4px 8px; color: inherit; background: var(--surface, #101315); border: 1px solid var(--border, #2a3035); border-radius: 3px; font: inherit; cursor: pointer; }
.dd-activity-dialog button:disabled { color: var(--text-muted, #8a9299); cursor: default; }
.dd-activity-dialog button:focus-visible, .dd-activity-row:focus-visible { outline: 2px solid var(--focus-ring, #b7ffb0); outline-offset: -2px; }
.dd-activity-help { border-top: 1px solid var(--border, #2a3035); padding-block: 8px; }
.dd-activity-panel [hidden] { display: none; }
@media (max-width: 600px), (pointer: coarse) {
  .dd-activity-dialog button { min-height: 44px; }
}