.bc-chatbot-root {
  --bc-chatbot-ink: #111111;
  --bc-chatbot-muted: #536170;
  --bc-chatbot-blue: #69bbdd;
  --bc-chatbot-green: #88cc88;
  --bc-chatbot-paper: #f0f6fc;
  --bc-chatbot-line: #d8e5ee;
  --bc-chatbot-white: #ffffff;
  --bc-chatbot-shadow: 0 20px 55px rgba(17, 17, 17, 0.18);
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 99998;
  color: var(--bc-chatbot-ink);
}

.bc-chatbot-launcher {
  min-width: 116px;
  min-height: 50px;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  background: #111111;
  color: #ffffff;
  box-shadow: var(--bc-chatbot-shadow);
  cursor: pointer;
  font-weight: 700;
}

.bc-chatbot-launcher__dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--bc-chatbot-green);
}

.bc-chatbot-panel {
  position: absolute;
  right: 0;
  bottom: 66px;
  width: min(380px, calc(100vw - 28px));
  max-height: min(690px, calc(100vh - 110px));
  display: grid;
  grid-template-rows: auto minmax(230px, 1fr) auto auto auto;
  overflow: hidden;
  border: 1px solid var(--bc-chatbot-line);
  border-radius: 8px;
  background: var(--bc-chatbot-white);
  box-shadow: var(--bc-chatbot-shadow);
}

.bc-chatbot-panel[hidden] {
  display: none;
}

.bc-chatbot-header {
  min-height: 72px;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: var(--bc-chatbot-paper);
  border-bottom: 1px solid var(--bc-chatbot-line);
}

.bc-chatbot-kicker {
  margin: 0 0 2px;
  font-size: 12px;
  color: var(--bc-chatbot-muted);
  font-weight: 700;
  text-transform: uppercase;
}

.bc-chatbot-header h2 {
  margin: 0;
  font-size: 17px;
  line-height: 1.25;
}

.bc-chatbot-close {
  width: 36px;
  height: 36px;
  border: 1px solid var(--bc-chatbot-line);
  border-radius: 999px;
  background: #ffffff;
  color: #111111;
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
}

.bc-chatbot-messages {
  padding: 16px;
  overflow-y: auto;
  background: #ffffff;
}

.bc-chatbot-message {
  width: fit-content;
  max-width: 88%;
  margin: 0 0 10px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.45;
  white-space: pre-wrap;
}

.bc-chatbot-message--assistant {
  background: var(--bc-chatbot-paper);
  border: 1px solid var(--bc-chatbot-line);
}

.bc-chatbot-message--visitor {
  margin-left: auto;
  background: #111111;
  color: #ffffff;
}

.bc-chatbot-source {
  padding: 0 16px 10px;
  color: var(--bc-chatbot-muted);
  font-size: 12px;
}

.bc-chatbot-source a {
  color: #0b6384;
  text-decoration: underline;
}

.bc-chatbot-suggestions {
  padding: 0 16px 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bc-chatbot-suggestions[hidden] {
  display: none;
}

.bc-chatbot-suggestions button {
  border: 1px solid #b9d9e8;
  border-radius: 999px;
  padding: 8px 10px;
  background: #ffffff;
  color: #0b3b50;
  cursor: pointer;
  font-size: 13px;
  font-weight: 650;
}

.bc-chatbot-contact {
  margin: 0 16px 12px;
  padding: 12px;
  border: 1px solid var(--bc-chatbot-line);
  border-radius: 8px;
  background: #fbfdff;
}

.bc-chatbot-contact[hidden] {
  display: none;
}

.bc-chatbot-contact h3 {
  margin: 0 0 10px;
  font-size: 15px;
}

.bc-chatbot-contact label {
  display: grid;
  gap: 5px;
  margin-bottom: 9px;
  font-size: 13px;
  font-weight: 650;
}

.bc-chatbot-contact input[type="email"],
.bc-chatbot-contact input[type="text"],
.bc-chatbot-contact input[type="tel"] {
  width: 100%;
  min-height: 40px;
  border: 1px solid var(--bc-chatbot-line);
  border-radius: 6px;
  padding: 8px 10px;
}

.bc-chatbot-contact .bc-chatbot-hp {
  position: absolute;
  left: -9999px;
}

.bc-chatbot-consent {
  grid-template-columns: auto 1fr;
  align-items: start;
  font-weight: 500;
}

.bc-chatbot-contact button,
.bc-chatbot-composer button {
  min-height: 42px;
  border: 0;
  border-radius: 6px;
  padding: 9px 12px;
  background: #111111;
  color: #ffffff;
  cursor: pointer;
  font-weight: 750;
}

.bc-chatbot-composer {
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  border-top: 1px solid var(--bc-chatbot-line);
  background: #ffffff;
}

.bc-chatbot-composer input {
  min-width: 0;
  min-height: 42px;
  border: 1px solid var(--bc-chatbot-line);
  border-radius: 6px;
  padding: 9px 11px;
  font-size: 14px;
}

.bc-chatbot-composer.is-loading {
  opacity: 0.72;
}

@media (max-width: 520px) {
  .bc-chatbot-root {
    right: 14px;
    bottom: 14px;
  }

  .bc-chatbot-panel {
    right: -2px;
    bottom: 62px;
    width: calc(100vw - 24px);
    max-height: calc(100vh - 90px);
  }
}