body {
  background-color: #fafafa;
  color: #333333;
  height: 100vh;
  display: flex;
  flex-flow: column;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

  /* Always show scrollbar to prevent layout shifting */
  html {
    scrollbar-gutter: stable;
  }


.main {
  background-repeat: no-repeat;
  background-position: 80% 0%;
  background-size: cover;
  overflow-y: hidden;
  flex-grow: 1;
  /* allows the main section to fill the rest of the vertical space*/
}


.display-when-loading {
  display: none;
}

.htmx-request>.display-when-loading {
  display: flex;
}

.htmx-request>.display-when-not-loading {
  display: none;
}


.bg-secondary-gradient\/9 {
  --color-secondary-gradient: #b0d8d1;
  background-color: color-mix(in oklab, var(--color-secondary-gradient) 90%, transparent);
}

.status-badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.status-PENDING {
  background-color: #FEF3C7;
  color: #92400E;
}
.status-FAILED_TO_LAUNCH {
  background-color: #FEE2E2;
  color: #B91C1C;
}
.status-IN_PROGRESS {
  background-color: #DBEAFE;
  color: #1E40AF;
}
.status-SUCCESSFUL {
  background-color: #D1FAE5;
  color: #065F46;
}
.status-FAILED {
  background-color: #FEE2E2;
  color: #B91C1C;
}
.status-ZERO_RESULTS {
  background-color: #FEE2E2;
  color: #B91C1C;
}
.status-ARCHIVED {
  background-color: #E5E7EB;
  color: #4B5563;
}