/* [project]/src/app/agent/ActionLog.module.css [app-client] (css) */
.ActionLog-module__gTZH2a__container {
  width: 100%;
  margin-top: 1rem;
}

.ActionLog-module__gTZH2a__stepList {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.ActionLog-module__gTZH2a__stepItem {
  background-color: #f5f5f5;
  border-radius: 1rem;
  align-items: flex-start;
  width: 100%;
  font-size: .875rem;
  display: flex;
}

.ActionLog-module__gTZH2a__stepItemFailed {
  background-color: #fef2f2;
  border: 1px solid #fecaca;
}

.ActionLog-module__gTZH2a__iconWrapper {
  border-radius: 9999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  transition: background-color .2s, color .2s;
  display: flex;
}

.ActionLog-module__gTZH2a__iconWrapperDefault {
  color: #6b7280;
  background-color: #fff;
}

.ActionLog-module__gTZH2a__iconWrapperRunning {
  color: #3b82f6;
  background-color: #dbeafe;
}

.ActionLog-module__gTZH2a__iconWrapperFailed {
  color: #dc2626;
  background-color: #fee2e2;
}

.ActionLog-module__gTZH2a__icon {
  width: 1rem;
  height: 1rem;
}

.ActionLog-module__gTZH2a__iconSpin {
  animation: 1s linear infinite ActionLog-module__gTZH2a__spin;
}

@keyframes ActionLog-module__gTZH2a__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.ActionLog-module__gTZH2a__content {
  flex: 1;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.ActionLog-module__gTZH2a__contentHeader {
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.ActionLog-module__gTZH2a__contentRow {
  align-items: center;
  gap: .5rem;
  width: 100%;
  min-width: 0;
  display: flex;
}

.ActionLog-module__gTZH2a__outputInline {
  color: #6b7280;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #f3f4f6;
  border-radius: .25rem;
  flex: 1;
  min-width: 0;
  padding: .25rem .5rem;
  font-family: ui-monospace, SFMono-Regular, monospace;
  font-size: .75rem;
  overflow: hidden;
}

.ActionLog-module__gTZH2a__tag {
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-radius: 15px;
  flex-shrink: 0;
  align-items: center;
  padding: 3px 10px;
  font-size: .75rem;
  transition: background-color .2s;
  display: inline-flex;
}

.ActionLog-module__gTZH2a__tagDefault {
  color: #374151;
  background-color: #f3f4f6cc;
  border-color: #e5e7eb;
}

.ActionLog-module__gTZH2a__tagDefault:hover {
  background-color: #e5e7ebcc;
}

.ActionLog-module__gTZH2a__tagRunning {
  color: #2563eb;
  background-color: #eff6ff;
  border-color: #bfdbfe;
}

.ActionLog-module__gTZH2a__tagRunning:hover {
  background-color: #dbeafe;
}

.ActionLog-module__gTZH2a__tagFailed {
  color: #dc2626;
  background-color: #fef2f2;
  border-color: #fecaca;
}

.ActionLog-module__gTZH2a__tagFailed:hover {
  background-color: #fee2e2;
}

.ActionLog-module__gTZH2a__descriptionTag {
  color: #6b7280;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #f3f4f6cc;
  border: 1px solid #e5e7eb;
  border-radius: 15px;
  align-items: center;
  max-width: 100%;
  padding: 3px 10px;
  font-family: ui-monospace, SFMono-Regular, monospace;
  font-size: .75rem;
  transition: background-color .2s;
  display: inline-flex;
  overflow: hidden;
}

.ActionLog-module__gTZH2a__descriptionTag:hover {
  background-color: #e5e7ebcc;
}

.ActionLog-module__gTZH2a__output {
  color: #6b7280;
  background-color: #f3f4f6;
  border-radius: .375rem;
  max-width: 100%;
  margin-top: .5rem;
  padding: .375rem .75rem;
  font-size: .75rem;
  line-height: 1.5;
  overflow: hidden;
}

.ActionLog-module__gTZH2a__outputPre {
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-family: ui-monospace, SFMono-Regular, monospace;
  overflow: hidden;
}

.ActionLog-module__gTZH2a__attachmentsSection {
  flex-direction: column;
  gap: .5rem;
  margin-top: .75rem;
  display: flex;
}

.ActionLog-module__gTZH2a__attachmentsLabel {
  color: #6b7280;
  font-size: .75rem;
  font-weight: 500;
}

.ActionLog-module__gTZH2a__attachmentsList {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.ActionLog-module__gTZH2a__fileCard {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: .75rem;
  align-items: center;
  gap: .75rem;
  min-width: 200px;
  max-width: 280px;
  padding: .75rem 1rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.ActionLog-module__gTZH2a__fileCard:hover {
  border-color: #d1d5db;
  box-shadow: 0 2px 8px #00000014;
}

.ActionLog-module__gTZH2a__fileCardIcon {
  border-radius: .5rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.ActionLog-module__gTZH2a__fileCardInfo {
  flex-direction: column;
  flex: 1;
  gap: .125rem;
  min-width: 0;
  display: flex;
}

.ActionLog-module__gTZH2a__fileCardName {
  color: #1f2937;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 500;
  overflow: hidden;
}

.ActionLog-module__gTZH2a__fileCardMeta {
  color: #6b7280;
  font-size: .75rem;
}

.ActionLog-module__gTZH2a__attachmentItem {
  color: #2563eb;
  background-color: #eff6ff;
  border-radius: .5rem;
  align-items: center;
  gap: .5rem;
  padding: .5rem .75rem;
  font-size: .75rem;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.ActionLog-module__gTZH2a__attachmentItem:hover {
  background-color: #dbeafe;
}

.ActionLog-module__gTZH2a__attachmentFilename {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  font-weight: 500;
  overflow: hidden;
}

.ActionLog-module__gTZH2a__attachmentSize {
  color: #60a5fa;
  font-size: 10px;
}

.ActionLog-module__gTZH2a__attachmentDownloadIcon {
  opacity: 0;
  width: .75rem;
  height: .75rem;
  transition: opacity .2s;
}

.ActionLog-module__gTZH2a__attachmentItem:hover .ActionLog-module__gTZH2a__attachmentDownloadIcon {
  opacity: 1;
}

.ActionLog-module__gTZH2a__attachmentError {
  color: #dc2626;
  background-color: #fef2f2;
  border-radius: .5rem;
  align-items: center;
  gap: .5rem;
  padding: .5rem .75rem;
  font-size: .75rem;
  display: flex;
}

.ActionLog-module__gTZH2a__attachmentErrorPath {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
}

.ActionLog-module__gTZH2a__attachmentErrorMessage {
  color: #f87171;
}

.ActionLog-module__gTZH2a__imagePreviewSection {
  margin-top: .75rem;
}

.ActionLog-module__gTZH2a__imagePreviewGrid {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: .75rem;
  max-width: 600px;
  display: grid;
}

.ActionLog-module__gTZH2a__imagePreviewItem {
  aspect-ratio: 1;
  cursor: pointer;
  background-color: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  transition: transform .2s, box-shadow .2s;
  position: relative;
  overflow: hidden;
}

.ActionLog-module__gTZH2a__imagePreviewItem:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 12px #00000026;
}

.ActionLog-module__gTZH2a__imagePreviewThumb {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ActionLog-module__gTZH2a__imagePreviewOverlay {
  opacity: 0;
  background: linear-gradient(#0000, #000000b3);
  padding: .5rem;
  transition: opacity .2s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.ActionLog-module__gTZH2a__imagePreviewItem:hover .ActionLog-module__gTZH2a__imagePreviewOverlay {
  opacity: 1;
}

.ActionLog-module__gTZH2a__imagePreviewFilename {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .65rem;
  display: block;
  overflow: hidden;
}

.ActionLog-module__gTZH2a__imageLightbox {
  z-index: 9999;
  background-color: #000000d9;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  animation: .2s ActionLog-module__gTZH2a__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

@keyframes ActionLog-module__gTZH2a__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ActionLog-module__gTZH2a__imageLightboxContent {
  flex-direction: column;
  align-items: center;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  position: relative;
}

.ActionLog-module__gTZH2a__imageLightboxImg {
  object-fit: contain;
  border-radius: .5rem;
  max-width: 100%;
  max-height: 80vh;
  box-shadow: 0 8px 32px #0000004d;
}

.ActionLog-module__gTZH2a__imageLightboxClose {
  color: #fff;
  cursor: pointer;
  background-color: #ffffff1a;
  border: none;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  top: -2.5rem;
  right: -.5rem;
}

.ActionLog-module__gTZH2a__imageLightboxClose:hover {
  background-color: #fff3;
}

.ActionLog-module__gTZH2a__imageLightboxDownload {
  color: #fff;
  background-color: #3b82f6;
  border-radius: .5rem;
  margin-top: 1rem;
  padding: .5rem 1.5rem;
  font-size: .875rem;
  text-decoration: none;
  transition: background-color .2s;
}

.ActionLog-module__gTZH2a__imageLightboxDownload:hover {
  background-color: #2563eb;
}

.ActionLog-module__gTZH2a__fileCardPreviewable {
  cursor: pointer;
}

.ActionLog-module__gTZH2a__fileCardPreviewable:hover {
  background-color: #f8fafc;
  border-color: #3b82f6;
}

.ActionLog-module__gTZH2a__docPreviewOverlay {
  z-index: 9999;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  animation: .2s ActionLog-module__gTZH2a__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

.ActionLog-module__gTZH2a__docPreviewModal {
  background-color: #f8f8f7;
  border-radius: .75rem;
  flex-direction: column;
  width: 100%;
  max-width: 900px;
  max-height: 90vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 60px #00000026;
}

.ActionLog-module__gTZH2a__docPreviewHeader {
  background-color: #fff;
  border-bottom: 1px solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.ActionLog-module__gTZH2a__docPreviewHeaderLeft {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.ActionLog-module__gTZH2a__docPreviewTitle {
  flex-direction: column;
  display: flex;
}

.ActionLog-module__gTZH2a__docPreviewFilename {
  color: #1f2937;
  font-size: .875rem;
  font-weight: 500;
}

.ActionLog-module__gTZH2a__docPreviewActions {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.ActionLog-module__gTZH2a__docPreviewAction {
  color: #6b7280;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.ActionLog-module__gTZH2a__docPreviewAction:hover {
  color: #1f2937;
  background-color: #f3f4f6;
}

.ActionLog-module__gTZH2a__docPreviewClose {
  color: #6b7280;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition: all .2s;
  display: flex;
}

.ActionLog-module__gTZH2a__docPreviewClose:hover {
  color: #1f2937;
  background-color: #f3f4f6;
}

.ActionLog-module__gTZH2a__docPreviewContent {
  background-color: #f8f8f7;
  flex: 1;
  padding: 2rem 3rem;
  overflow: auto;
}

.ActionLog-module__gTZH2a__docPreviewLoading {
  color: #6b7280;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  height: 200px;
  display: flex;
}

.ActionLog-module__gTZH2a__docPreviewSpinner {
  border: 2px solid #e5e7eb;
  border-top-color: #3b82f6;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  animation: .8s linear infinite ActionLog-module__gTZH2a__spin;
}

.ActionLog-module__gTZH2a__docPreviewMarkdown {
  color: #1f2937;
  font-size: .9375rem;
  line-height: 1.7;
}

.ActionLog-module__gTZH2a__docPreviewMarkdown h1 {
  color: #111827;
  margin: 0 0 1rem;
  font-size: 1.75rem;
  font-weight: 700;
}

.ActionLog-module__gTZH2a__docPreviewMarkdown h2 {
  color: #111827;
  margin: 1.5rem 0 .75rem;
  font-size: 1.375rem;
  font-weight: 600;
}

.ActionLog-module__gTZH2a__docPreviewMarkdown h3 {
  color: #111827;
  margin: 1.25rem 0 .5rem;
  font-size: 1.125rem;
  font-weight: 600;
}

.ActionLog-module__gTZH2a__docPreviewMarkdown code {
  color: #1f2937;
  background-color: #e5e7eb;
  border-radius: .25rem;
  padding: .125rem .375rem;
  font-family: ui-monospace, SFMono-Regular, monospace;
  font-size: .875em;
}

.ActionLog-module__gTZH2a__docPreviewMarkdown pre {
  color: #e5e7eb;
  background-color: #1f2937;
  border-radius: .5rem;
  margin: 1rem 0;
  padding: 1rem;
  overflow-x: auto;
}

.ActionLog-module__gTZH2a__docPreviewMarkdown pre code {
  color: inherit;
  background: none;
  padding: 0;
}

.ActionLog-module__gTZH2a__docPreviewMarkdown li {
  margin: .25rem 0;
  padding-left: .5rem;
}

.ActionLog-module__gTZH2a__docPreviewMarkdown a {
  color: #2563eb;
  text-decoration: none;
}

.ActionLog-module__gTZH2a__docPreviewMarkdown a:hover {
  text-decoration: underline;
}

.ActionLog-module__gTZH2a__docPreviewIframe {
  background-color: #fff;
  border: none;
  border-radius: .5rem;
  width: 100%;
  min-height: 500px;
}

.ActionLog-module__gTZH2a__docPreviewCode {
  color: #1f2937;
  white-space: pre-wrap;
  word-break: break-all;
  background-color: #f3f4f6;
  border-radius: .5rem;
  margin: 0;
  padding: 1rem;
  font-family: ui-monospace, SFMono-Regular, monospace;
  font-size: .8125rem;
  line-height: 1.6;
}

.ActionLog-module__gTZH2a__docPreviewNoPreview {
  color: #6b7280;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  height: 300px;
  display: flex;
}

.ActionLog-module__gTZH2a__docPreviewNoPreviewTitle {
  color: #1f2937;
  font-size: 1.125rem;
  font-weight: 500;
}

.ActionLog-module__gTZH2a__docPreviewNoPreviewDesc {
  color: #6b7280;
  font-size: .875rem;
}

.ActionLog-module__gTZH2a__docPreviewDownloadBtn {
  color: #fff;
  background-color: #3b82f6;
  border-radius: .5rem;
  align-items: center;
  gap: .5rem;
  margin-top: .5rem;
  padding: .75rem 1.5rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .2s;
  display: inline-flex;
}

.ActionLog-module__gTZH2a__docPreviewDownloadBtn:hover {
  background-color: #2563eb;
}

@media (prefers-color-scheme: dark) {
  .ActionLog-module__gTZH2a__tagDefault {
    border-color: #374151;
  }

  .ActionLog-module__gTZH2a__tagDefault:hover {
    background-color: #ffffff05;
  }

  .ActionLog-module__gTZH2a__descriptionTag {
    background-color: #1f293780;
    border-color: #374151;
  }

  .ActionLog-module__gTZH2a__descriptionTag:hover {
    background-color: #ffffff05;
  }
}

.ActionLog-module__gTZH2a__expandBtn {
  color: #9ca3af;
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-left: auto;
  transition: all .15s;
  display: inline-flex;
}

.ActionLog-module__gTZH2a__expandBtn:hover {
  color: #6b7280;
  background-color: #0000000d;
}

.ActionLog-module__gTZH2a__expandIcon {
  transition: transform .2s;
}

.ActionLog-module__gTZH2a__expandIconRotated {
  transform: rotate(180deg);
}

.ActionLog-module__gTZH2a__detailsPanel {
  box-sizing: border-box;
  background-color: #fafafa;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  flex-direction: column;
  gap: .75rem;
  width: 100%;
  margin-top: .75rem;
  padding: .75rem;
  display: flex;
  overflow: hidden;
}

.ActionLog-module__gTZH2a__detailSection {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.ActionLog-module__gTZH2a__detailLabel {
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: .025em;
  font-size: .7rem;
  font-weight: 500;
}

.ActionLog-module__gTZH2a__detailValue {
  color: #374151;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace;
  font-size: .8125rem;
}

.ActionLog-module__gTZH2a__detailCode {
  white-space: pre-wrap;
  word-break: break-word;
  color: #374151;
  background-color: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: .375rem;
  max-height: 300px;
  margin: 0;
  padding: .625rem .75rem;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace;
  font-size: .75rem;
  line-height: 1.5;
  overflow: auto;
}

.ActionLog-module__gTZH2a__detailCodeError {
  color: #dc2626;
  background-color: #fef2f2;
  border-color: #fecaca;
}

@media (prefers-color-scheme: dark) {
  .ActionLog-module__gTZH2a__expandBtn:hover {
    color: #9ca3af;
    background-color: #ffffff1a;
  }

  .ActionLog-module__gTZH2a__detailsPanel {
    background-color: #1f2937;
    border-color: #374151;
  }

  .ActionLog-module__gTZH2a__detailLabel {
    color: #9ca3af;
  }

  .ActionLog-module__gTZH2a__detailValue {
    color: #e5e7eb;
  }

  .ActionLog-module__gTZH2a__detailCode {
    color: #e5e7eb;
    background-color: #111827;
    border-color: #374151;
  }

  .ActionLog-module__gTZH2a__detailCodeError {
    color: #fca5a5;
    background-color: #450a0a;
    border-color: #7f1d1d;
  }
}

/* [project]/src/app/agent/PhaseDisplay.module.css [app-client] (css) */
.PhaseDisplay-module__ApQwGW__container {
  flex-direction: column;
  gap: 0;
  width: 100%;
  display: flex;
}

.PhaseDisplay-module__ApQwGW__phaseItem {
  border-bottom: 1px solid #f0f0f0;
}

.PhaseDisplay-module__ApQwGW__phaseItem:last-child {
  border-bottom: none;
}

.PhaseDisplay-module__ApQwGW__phaseHeader {
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 16px 20px;
  transition: background-color .2s;
  display: flex;
}

.PhaseDisplay-module__ApQwGW__phaseHeader:hover {
  background-color: #00000005;
}

.PhaseDisplay-module__ApQwGW__statusIcon {
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.PhaseDisplay-module__ApQwGW__statusCompleted {
  color: #fff;
  background-color: #10b981;
}

.PhaseDisplay-module__ApQwGW__statusInProgress {
  color: #fff;
  background-color: #3b82f6;
}

.PhaseDisplay-module__ApQwGW__statusFailed {
  color: #fff;
  background-color: #ef4444;
}

.PhaseDisplay-module__ApQwGW__statusPending {
  color: #9ca3af;
  background-color: #e5e7eb;
}

.PhaseDisplay-module__ApQwGW__pendingDot {
  background-color: #9ca3af;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.PhaseDisplay-module__ApQwGW__icon {
  width: 14px;
  height: 14px;
}

.PhaseDisplay-module__ApQwGW__iconSpin {
  animation: 1s linear infinite PhaseDisplay-module__ApQwGW__spin;
}

@keyframes PhaseDisplay-module__ApQwGW__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.PhaseDisplay-module__ApQwGW__phaseTitle {
  color: #1f2937;
  flex: 1;
  font-size: 14px;
  font-weight: 500;
}

.PhaseDisplay-module__ApQwGW__expandIcon {
  color: #9ca3af;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  transition: transform .2s;
}

.PhaseDisplay-module__ApQwGW__expandIcon.PhaseDisplay-module__ApQwGW__expanded {
  transform: rotate(180deg);
}

.PhaseDisplay-module__ApQwGW__phaseContent {
  padding: 0 20px 16px 56px;
}

.PhaseDisplay-module__ApQwGW__phaseDescription {
  color: #6b7280;
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.5;
}

.PhaseDisplay-module__ApQwGW__stepList {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.PhaseDisplay-module__ApQwGW__stepItem {
  background-color: #f9fafb;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  display: flex;
}

.PhaseDisplay-module__ApQwGW__stepIcon {
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.PhaseDisplay-module__ApQwGW__stepRunning {
  color: #3b82f6;
  background-color: #dbeafe;
}

.PhaseDisplay-module__ApQwGW__stepCompleted {
  color: #6b7280;
  background-color: #f3f4f6;
}

.PhaseDisplay-module__ApQwGW__stepFailed {
  color: #ef4444;
  background-color: #fef2f2;
}

.PhaseDisplay-module__ApQwGW__toolIcon {
  width: 14px;
  height: 14px;
}

.PhaseDisplay-module__ApQwGW__stepContent {
  flex: 1;
  min-width: 0;
}

.PhaseDisplay-module__ApQwGW__stepTag {
  border: 1px solid;
  border-radius: 12px;
  align-items: center;
  padding: 3px 10px;
  font-size: 12px;
  display: inline-flex;
}

.PhaseDisplay-module__ApQwGW__stepTagDefault {
  color: #374151;
  background-color: #f3f4f6cc;
  border-color: #e5e7eb;
}

.PhaseDisplay-module__ApQwGW__stepTagRunning {
  color: #2563eb;
  background-color: #eff6ff;
  border-color: #bfdbfe;
}

.PhaseDisplay-module__ApQwGW__processingIndicator {
  background-color: #f0f7ff;
  border: 1px solid #e0edff;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.PhaseDisplay-module__ApQwGW__processingIndicator:before {
  content: "";
  background: linear-gradient(90deg, #0000 0%, #3b82f626 25%, #3b82f640 50%, #3b82f626 75%, #0000 100%);
  width: 100%;
  height: 100%;
  animation: 1.8s ease-in-out infinite PhaseDisplay-module__ApQwGW__shimmer;
  position: absolute;
  top: 0;
  left: -100%;
}

@keyframes PhaseDisplay-module__ApQwGW__shimmer {
  0% {
    left: -100%;
  }

  100% {
    left: 100%;
  }
}

.PhaseDisplay-module__ApQwGW__processingDot {
  align-items: center;
  gap: 3px;
  display: flex;
}

.PhaseDisplay-module__ApQwGW__processingDot span {
  background-color: #3b82f6;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  animation: 1.4s ease-in-out infinite PhaseDisplay-module__ApQwGW__dotPulse;
}

.PhaseDisplay-module__ApQwGW__processingDot span:first-child {
  animation-delay: 0s;
}

.PhaseDisplay-module__ApQwGW__processingDot span:nth-child(2) {
  animation-delay: .2s;
}

.PhaseDisplay-module__ApQwGW__processingDot span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes PhaseDisplay-module__ApQwGW__dotPulse {
  0%, 80%, 100% {
    opacity: .3;
    transform: scale(.8);
  }

  40% {
    opacity: 1;
    transform: scale(1);
  }
}

.PhaseDisplay-module__ApQwGW__processingText {
  color: #3b82f6;
  z-index: 1;
  font-size: 12px;
  font-weight: 500;
  position: relative;
}

/*# sourceMappingURL=src_app_agent_bb8509e0._.css.map*/