/* The extra attribute wins over the later legacy loader theme styles. No placement rules here. */
.vapochat-launcher.vapochat-launcher--configured[data-launcher-configured="1"] {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--vapochat-launcher-spacing, 10px);
  min-width: var(--vapochat-launcher-height, var(--vapochat-launcher-min-size, 52px));
  min-height: var(--vapochat-launcher-height, var(--vapochat-launcher-min-size, 52px));
  height: var(--vapochat-launcher-height, var(--vapochat-launcher-min-size, 52px));
  max-width: calc(100vw - 32px);
  padding: 0 var(--vapochat-launcher-padding-x, 18px);
  border: var(--vapochat-launcher-border-width, 1px) solid var(--vapochat-launcher-border, #2f6bff);
  border-radius: var(--vapochat-launcher-radius, 18px);
  background: var(--vapochat-launcher-background, #2f6bff);
  color: var(--vapochat-launcher-text, #ffffff);
  box-shadow: var(--vapochat-launcher-shadow, 0 8px 24px -8px rgba(18, 49, 40, .3));
  font: 600 var(--vapochat-launcher-font-size, 13px)/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: normal;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: box-shadow .2s ease, filter .2s ease;
}
.vapochat-launcher.vapochat-launcher--configured[data-launcher-configured="1"][data-mode="icon"] { padding-inline: var(--vapochat-launcher-padding-x, 12px); gap: var(--vapochat-launcher-spacing, 6px); }
.vapochat-launcher.vapochat-launcher--configured[data-launcher-configured="1"][data-preset="atelier"] { font-family:inherit; font-weight:500; letter-spacing:.01em; }
.vapochat-launcher.vapochat-launcher--configured[data-launcher-configured="1"][data-size="compact"] { padding-inline: var(--vapochat-launcher-padding-x, 14px); gap: var(--vapochat-launcher-spacing, 8px); }
.vapochat-launcher.vapochat-launcher--configured[data-launcher-configured="1"][data-mode="icon"][data-size="compact"] { padding-inline: var(--vapochat-launcher-padding-x, 10px); gap: var(--vapochat-launcher-spacing, 6px); }
.vapochat-launcher.vapochat-launcher--configured[data-launcher-configured="1"] .vapochat-launcher__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--vapochat-launcher-icon-size, 22px);
  width: var(--vapochat-launcher-icon-size, 22px);
  height: var(--vapochat-launcher-icon-size, 22px);
  color: var(--vapochat-launcher-icon, #ffffff);
}
.vapochat-launcher.vapochat-launcher--configured[data-launcher-configured="1"] .vapochat-launcher__icon svg { display: block; width: var(--vapochat-launcher-icon-size, 22px); height: var(--vapochat-launcher-icon-size, 22px); }
.vapochat-launcher.vapochat-launcher--configured[data-launcher-configured="1"] .vapochat-launcher__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
}
.vapochat-launcher.vapochat-launcher--configured[data-launcher-configured="1"] .vapochat-launcher__badge { flex-shrink: 0; }
/* Theme display:flex must never override the renderer's hidden mode state. */
.vapochat-launcher.vapochat-launcher--configured[data-launcher-configured="1"] .vapochat-launcher__icon[hidden],
.vapochat-launcher.vapochat-launcher--configured[data-launcher-configured="1"] .vapochat-launcher__label[hidden] { display: none !important; }
.vapochat-launcher.vapochat-launcher--configured[data-launcher-configured="1"]:focus-visible {
  outline: 3px solid var(--vapochat-launcher-text, #ffffff);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px var(--vapochat-launcher-background, #2f6bff);
}
@media (hover: hover) {
  .vapochat-launcher.vapochat-launcher--configured[data-launcher-configured="1"]:hover { filter: brightness(1.045); }
}
@media (prefers-reduced-motion: reduce) {
  .vapochat-launcher.vapochat-launcher--configured[data-launcher-configured="1"] { transition: none; }
}