/**
 * Support widget — palette tokens from theme.css / auth.css / landing.css.
 * Primary #00D094, card #09141C, border #152433, danger #FF4D67.
 */
.ba-support-widget {
  --ba-sw-primary: var(--rt-primary, var(--ba-primary, var(--primary, #00D094)));
  --ba-sw-primary-dark: var(--rt-primary-dark, var(--primary-hover, #00A878));
  --ba-sw-card: var(--rt-card-bg, var(--bg-card, #09141C));
  --ba-sw-elevated: var(--bg-elevated, #0C1A24);
  --ba-sw-border: var(--rt-border, var(--border, #152433));
  --ba-sw-danger: var(--rt-danger, var(--danger, #FF4D67));
  --ba-sw-text: var(--text-primary, var(--bs-body-color, #fff));
  --ba-sw-muted: var(--text-muted, var(--bs-secondary-color, #6B7882));
}

.ba-support-widget .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--ba-sw-primary);
  --bs-btn-border-color: var(--ba-sw-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--ba-sw-primary-dark);
  --bs-btn-hover-border-color: var(--ba-sw-primary-dark);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--ba-sw-primary-dark);
  --bs-btn-active-border-color: var(--ba-sw-primary-dark);
  --bs-btn-focus-shadow-rgb: 0, 208, 148;
}

.ba-support-widget .text-primary {
  color: var(--ba-sw-primary) !important;
}

.ba-support-widget .bg-primary {
  --bs-bg-opacity: 1;
  background-color: var(--ba-sw-primary) !important;
  color: #fff;
}

.ba-support-widget .bg-primary.bg-opacity-10 {
  --bs-bg-opacity: 0.16;
  background-color: rgba(0, 208, 148, var(--bs-bg-opacity)) !important;
  color: var(--ba-sw-primary) !important;
}

.ba-support-widget #baSupportWidgetPanel.card {
  background-color: var(--ba-sw-card);
  border: 1px solid var(--ba-sw-border) !important;
  color: var(--ba-sw-text);
}

.ba-support-widget #baSupportWidgetPanel .card-header,
.ba-support-widget #baSupportWidgetPanel .border-top {
  border-color: var(--ba-sw-border) !important;
  background-color: var(--ba-sw-card);
}

.ba-support-widget #baSupportWidgetPanel .form-control {
  background-color: var(--ba-sw-elevated);
  border-color: var(--ba-sw-border);
  color: var(--ba-sw-text);
}

.ba-support-widget #baSupportWidgetPanel .form-control::placeholder {
  color: var(--ba-sw-muted);
}

.ba-support-widget #baSupportWidgetBadge.bg-danger {
  background-color: var(--ba-sw-danger) !important;
}

.ba-support-widget .ba-support-widget-bubble-user {
  background-color: var(--ba-sw-primary);
  color: #fff;
}

.ba-support-widget .ba-support-widget-bubble-support {
  background-color: var(--ba-sw-elevated);
  border: 1px solid var(--ba-sw-border);
  color: var(--ba-sw-text);
}

.ba-support-widget .ba-support-widget-bubble-system {
  background-color: rgba(107, 120, 130, 0.16);
  color: var(--ba-sw-muted);
}