.saqcc-cb-host {
  --saracca-shadow: 0 18px 44px rgba(15, 30, 72, 0.18);
  position: relative;
  font-family: Inter, Arial, sans-serif;
  z-index: 999998;
}
.saqcc-cb-host[data-mode="floating"] {
  position: fixed;
  right: 20px;
  bottom: 20px;
}
.saqcc-cb-launcher {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  border: 0;
  border-radius: 999px;
  padding: 10px 16px 10px 10px;
  background: linear-gradient(135deg, #0e5ed7 0%, #1749c6 100%);
  color: #fff;
  box-shadow: var(--saracca-shadow);
  cursor: pointer;
}
.saqcc-cb-launcher__thumb { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; overflow: hidden; flex: 0 0 44px; }
.saqcc-cb-launcher__thumb img { width: 100%; height: 100%; object-fit: cover; }
.saqcc-cb-launcher__glyph { font-size: 20px; line-height: 1; }
.saqcc-cb-launcher__text { font-size: 14px; font-weight: 600; white-space: nowrap; }
.saqcc-cb-panel { position: absolute; right: 0; bottom: 72px; display: none; max-width: calc(100vw - 24px); max-height: calc(100vh - 24px); overflow: hidden; border-radius: 26px; box-shadow: var(--saracca-shadow); background: #fff; }
.saqcc-cb-host[data-mode="inline"] .saqcc-cb-panel { position: relative; right: auto; bottom: auto; display: block; }
.saqcc-cb-host[data-open="true"] .saqcc-cb-panel { display: block; }
.saqcc-cb-panel__loading { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: #f6f8fc; color: #28436b; font-size: 14px; }
.saqcc-cb-panel__iframe { display: block; width: 100%; height: 100%; border: 0; background: transparent; }
@media (max-width: 520px) {
  .saqcc-cb-host[data-mode="floating"] { right: 12px; left: 12px; bottom: 12px; }
  .saqcc-cb-launcher { width: 100%; justify-content: center; }
  .saqcc-cb-panel { left: 0; right: 0; width: 100% !important; height: min(78vh, 620px) !important; }
}
