.ql-run-formula-card {
  margin: 1rem 0;
}

.ql-run-formula-card__surface {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--bs-primary) 24%, var(--bs-border-color));
  border-radius: var(--bs-border-radius-lg);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--bs-primary) 7%, transparent), transparent 55%),
    var(--bs-body-bg);
  box-shadow: 0 0.5rem 1.25rem rgba(var(--bs-emphasis-color-rgb), 0.06);
}

.ql-run-formula-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
}

.ql-run-formula-card__heading,
.ql-run-formula-card__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.ql-run-formula-card__title {
  line-height: 1.2;
}

.ql-run-formula-card__formula {
  margin: 0;
  padding: 1rem;
  overflow-x: auto;
  border-block: 1px solid var(--bs-border-color);
  background: color-mix(in srgb, var(--bs-dark) 94%, var(--bs-primary));
  color: var(--bs-light);
  font-size: 0.92rem;
  line-height: 1.65;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.ql-run-formula-card__description {
  margin: 0;
  padding: 0.8rem 1rem 0.9rem;
  color: var(--bs-secondary-color);
  font-size: 0.925rem;
}

.ql-run-formula-card__status {
  min-height: 1.8rem;
  padding: 0.35rem 1rem;
  color: var(--bs-secondary-color);
  font-size: 0.82rem;
}

.ql-run-formula-card__comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  padding: 1rem;
}

.ql-run-formula-card__comparison-panel {
  min-width: 0;
  padding: 0.75rem;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background: color-mix(in srgb, var(--bs-body-bg) 94%, var(--bs-secondary-bg));
}

.ql-run-formula-card__comparison-panel--negative {
  border-color: color-mix(in srgb, var(--bs-primary) 38%, var(--bs-border-color));
  background: color-mix(in srgb, var(--bs-primary) 5%, var(--bs-body-bg));
}

.ql-run-formula-card__comparison-header {
  display: grid;
  gap: 0.35rem;
  margin-bottom: 0.6rem;
}

.ql-run-formula-card__comparison-label {
  color: var(--bs-secondary-color);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ql-run-formula-card__comparison-panel--negative .ql-run-formula-card__comparison-label {
  color: var(--bs-primary);
}

.ql-run-formula-card__comparison-code {
  overflow-wrap: anywhere;
  color: var(--bs-emphasis-color);
  font-size: 0.78rem;
}

.ql-run-formula-card__comparison-controls {
  display: flex;
  gap: 0.4rem;
  margin-bottom: 0.35rem;
}

.ql-run-formula-card__comparison-status {
  min-height: 1.6rem;
  color: var(--bs-secondary-color);
  font-size: 0.78rem;
}

.ql-run-formula-card__score-host {
  min-height: 8rem;
  overflow-x: auto;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background: #fff;
  color: #212529;
}

.ql-run-formula-card__score-host > .small {
  padding: 1rem;
}

.ql-run-formula-card.ql-blot-display--compact .ql-run-formula-card__description,
.ql-run-formula-card.ql-blot-display--compact .ql-run-formula-card__score-host,
.ql-run-formula-card.ql-blot-display--minimal .ql-run-formula-card__description,
.ql-run-formula-card.ql-blot-display--minimal .ql-run-formula-card__score-host,
.ql-run-formula-card.ql-blot-display--minimal .ql-run-formula-card__status,
.ql-run-formula-card.ql-blot-display--minimal .ql-run-formula-card__actions {
  display: none;
}

.ql-run-formula-card.ql-blot-display--minimal .ql-run-formula-card__formula {
  border-bottom: 0;
}

@media (max-width: 575.98px) {
  .ql-run-formula-card__header {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 991.98px) {
  .ql-run-formula-card__comparison {
    grid-template-columns: 1fr;
  }
}