body.is-embed {
  background: transparent;
}

/* Garante ícone + texto + tooltip na mesma linha (fallback se classes conflitarem) */
.feature-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 0.875rem;
}

.feature-icon {
  flex-shrink: 0 !important;
  display: inline-flex !important;
}

.feature-icon svg {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
}

.feature-label {
  display: block;
  min-width: 0;
  flex: 1 1 auto;
  white-space: normal;
}

.feature-label > span {
  display: inline;
}

.feature-label [class*="group/tooltip"] {
  display: inline-flex !important;
  vertical-align: middle;
}

#auth-modal[hidden] {
  display: none !important;
}

/* Overlay absoluto no iframe: cobre o documento e o card fica perto do botão */
#auth-modal.is-iframe-anchored {
  position: absolute !important;
  inset: auto !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 50;
  box-sizing: border-box;
}

body.is-embed {
  position: relative;
}

.plan-savings[hidden] {
  display: none !important;
}

@keyframes modal-in {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.modal-card-enter {
  animation: modal-in 0.2s ease-out;
}

.period-btn.is-active[data-period="anual"] .period-glow {
  display: none;
}