.voice-agent {
  position: fixed;
  z-index: 9000;
  left: max(1rem, env(safe-area-inset-left));
  bottom: max(5.5rem, calc(env(safe-area-inset-bottom) + 1rem));
  width: min(11rem, calc(100vw - 1.2rem));
  padding: 0.45rem;
  border: 1px solid rgb(208 173 112 / 48%);
  background: rgb(5 5 5 / 94%);
  color: #edeae4;
  font-family: "Inter", Arial, sans-serif;
}

.voice-agent__launch {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 2.75rem;
  padding: 0.35rem 0.55rem;
  border: 1px solid #d0ad70;
  background: #b08d57;
  color: #050505;
  font: 600 0.72rem/1 "Inter", Arial, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

.voice-agent__launch:disabled {
  cursor: wait;
  opacity: 0.75;
}

.voice-agent__launch img {
  width: 1.65rem;
  height: 1.65rem;
}

.voice-agent__launch:focus-visible {
  outline: 2px solid #edeae4;
  outline-offset: 3px;
}

.voice-agent__disclosure,
.voice-agent__status {
  margin: 0.4rem 0 0;
  color: #c5c0b8;
  font-size: 0.6rem;
  line-height: 1.35;
}

.voice-agent__disclosure a {
  color: #edeae4;
}

.voice-agent[data-footer-visible="true"],
body:has([data-consent-panel]) .voice-agent {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 520px) {
  .voice-agent {
    left: 0.6rem;
    bottom: max(5.5rem, calc(env(safe-area-inset-bottom) + 0.6rem));
  }
}

@media (max-height: 520px) {
  .voice-agent {
    bottom: max(3.75rem, calc(env(safe-area-inset-bottom) + 0.6rem));
  }
}

@media (prefers-reduced-motion: reduce) {
  .voice-agent *,
  .voice-agent *::before,
  .voice-agent *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}