#dreammaker-auto-sell-card {
  margin: 22px 0;
  padding: 22px;
  border: 1px solid rgba(58, 134, 255, 0.30);
  border-radius: 20px;
  background:
    radial-gradient(
      circle at top right,
      rgba(0, 202, 255, 0.11),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      rgba(6, 17, 46, 0.98),
      rgba(3, 10, 30, 0.98)
    );
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}

#dreammaker-auto-sell-card[hidden] {
  display: none !important;
}

.dm-auto-sell-kicker {
  margin-bottom: 6px;
  color: #53d8ff;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.dm-auto-sell-heading {
  margin: 0 0 20px;
  color: #ffffff;
  font-size: 1.42rem;
  font-weight: 900;
}

.dm-auto-sell-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.dm-auto-sell-market,
.dm-auto-sell-reason {
  grid-column: 1 / -1;
}

.dm-auto-sell-field {
  padding: 14px;
  border: 1px solid rgba(91, 137, 218, 0.18);
  border-radius: 14px;
  background: rgba(5, 14, 38, 0.70);
}

.dm-auto-sell-label {
  margin-bottom: 7px;
  color: rgba(167, 186, 229, 0.78);
  font-size: 0.69rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.dm-auto-sell-value {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35;
}

.dm-auto-sell-profit,
.dm-auto-sell-reason-value {
  color: #53f0a7;
}

@media (max-width: 680px) {
  #dreammaker-auto-sell-card {
    padding: 18px;
    border-radius: 17px;
  }

  .dm-auto-sell-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dm-auto-sell-market,
  .dm-auto-sell-reason,
  .dm-auto-sell-profit-field {
    grid-column: 1 / -1;
  }
}