.top-cta,
.voice-button {
  background: linear-gradient(135deg, #0877d8, #00a8c7);
  color: #fff;
  box-shadow: 0 10px 30px rgba(8, 119, 216, .24);
}

.receptionist-sales[id] {
  background: linear-gradient(120deg, #f7f4ff, #efe8ff);
  border: 2px solid #7652d6;
}

.sales-live {
  color: #6642c3;
}

.sales-voice-open,
#sales-voice-call {
  border: 0 !important;
  background: linear-gradient(135deg, #7652d6, #a447d1) !important;
  color: #fff !important;
  box-shadow: 0 10px 28px rgba(118, 82, 214, .22);
}

.sales-orb {
  background: linear-gradient(135deg, #7652d6, #a447d1);
  box-shadow: 0 12px 26px rgba(118, 82, 214, .28);
}

.sales-orb.active {
  animation-name: sales-purple-pulse;
}

@keyframes sales-purple-pulse {
  50% { box-shadow: 0 0 0 12px rgba(118, 82, 214, .1); }
}

.sales-voice-open:hover,
#sales-voice-call:hover {
  filter: brightness(.95);
}

.sales-path-number {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #7652d6, #a447d1);
  color: #fff;
  font-size: 20px;
  font-weight: 900;
}

.sales-voice-primary {
  flex: 0 0 auto;
}

.sales-cta-button {
  min-width: 260px;
}

@media (max-width: 1050px) {
  .receptionist-sales > div {
    flex-basis: auto;
  }
}

@media (max-width: 700px) {
  .sales-voice-dialog {
    max-height: calc(100dvh - 20px);
  }

  .sales-voice-dialog::backdrop {
    backdrop-filter: none;
  }

  .sales-orb.active {
    animation: none;
  }

  .sales-voice-primary,
  .sales-cta-button {
    width: 100%;
  }

  .sales-path-number {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }
}