/* ═══════════════════════════════════════════════════════════
   NexCruise — Speak to a Customer: static preloader skeleton
   Always loaded. Works on any dark-bg regardless of theme.
   The React SpeakToCustomerWidget replaces #speak-app content
   on load — these styles are just the visible skeleton.
   ═══════════════════════════════════════════════════════════ */

.speak-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
}

.speak-desc {
  font-size: 14px;
  color: rgba(226,226,229,0.65);
}

.speak-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(226,226,229,0.45);
}

.speak-select {
  background: rgba(255,255,255,0.06);
  border: 1.5px solid rgba(255,255,255,0.12);
  color: rgba(226,226,229,0.5);
  font-size: 15px;
  cursor: not-allowed;
}

.speak-connect-btn {
  background: rgba(255,255,255,0.05);
  border: 1.5px solid rgba(255,255,255,0.1);
  color: rgba(226,226,229,0.3);
  font-size: 15px;
  font-weight: 600;
  cursor: not-allowed;
}