/* Original live-power chip ONLY — do not style other starter chips here. */
@keyframes nabgol-live-power-pulse {
  0% { box-shadow: 0 0 0 0 rgba(110, 231, 183, 0.7); }
  70% { box-shadow: 0 0 0 10px rgba(110, 231, 183, 0); }
  100% { box-shadow: 0 0 0 0 rgba(110, 231, 183, 0); }
}
@keyframes nabgol-live-power-breathe {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.08); }
}
@keyframes nabgol-live-power-spin {
  to { transform: rotate(360deg); }
}

body:is(.desktop-chat, .mobile-chat) .suggestion-chip--live-power {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 44px;
  padding: 0.55rem 1.15rem 0.55rem 0.95rem;
  border-radius: 999px;
  border: 1px solid rgba(52, 211, 153, 0.55);
  color: #ecfdf5;
  font-weight: 800;
  font-size: 0.92rem;
  letter-spacing: 0.01em;
  background:
    radial-gradient(120% 180% at 10% 20%, rgba(110, 231, 183, 0.35), transparent 55%),
    linear-gradient(135deg, #065f46 0%, #047857 42%, #0f766e 100%);
  box-shadow:
    0 0 0 1px rgba(16, 185, 129, 0.25),
    0 8px 28px rgba(16, 185, 129, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  overflow: hidden;
  isolation: isolate;
  animation: nabgol-live-power-breathe 2.4s ease-in-out infinite;
  transform: translateZ(0);
}

body:is(.desktop-chat, .mobile-chat) .suggestion-chip--live-power:hover,
body:is(.desktop-chat, .mobile-chat) .suggestion-chip--live-power:focus-visible {
  border-color: rgba(167, 243, 208, 0.85);
  color: #fff;
  background:
    radial-gradient(120% 180% at 15% 15%, rgba(167, 243, 208, 0.45), transparent 50%),
    linear-gradient(135deg, #047857 0%, #059669 45%, #14b8a6 100%);
  box-shadow:
    0 0 0 1px rgba(52, 211, 153, 0.45),
    0 10px 34px rgba(16, 185, 129, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

body:is(.desktop-chat, .mobile-chat) .suggestion-chip--live-power .live-power-dot {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: #6ee7b7;
  box-shadow: 0 0 0 0 rgba(110, 231, 183, 0.75);
  animation: nabgol-live-power-pulse 1.6s ease-out infinite;
  flex-shrink: 0;
}

body:is(.desktop-chat, .mobile-chat) .suggestion-chip--live-power .live-power-ring {
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  pointer-events: none;
  background: conic-gradient(
    from 180deg,
    transparent 0deg,
    rgba(167, 243, 208, 0.55) 70deg,
    transparent 140deg,
    rgba(45, 212, 191, 0.4) 220deg,
    transparent 300deg
  );
  opacity: 0.55;
  animation: nabgol-live-power-spin 4.5s linear infinite;
  z-index: -1;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  padding: 2px;
}

body:is(.desktop-chat, .mobile-chat) .suggestion-chip--live-power .live-power-label {
  position: relative;
  z-index: 1;
}

body:is(.desktop-chat, .mobile-chat) .nabgol-live-tutor-cta.suggestion-chip--live-power,
body:is(.desktop-chat, .mobile-chat) .nabgol-action-button-cta.nabgol-live-tutor-cta.suggestion-chip--live-power,
body:is(.desktop-chat, .mobile-chat) .nabgol-confirmation .nabgol-live-tutor-cta.suggestion-chip--live-power {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 44px;
  padding: 0.55rem 1.15rem 0.55rem 0.95rem;
  border-radius: 999px;
  border: 1px solid rgba(52, 211, 153, 0.55);
  color: #ecfdf5 !important;
  font-weight: 800;
  font-size: 0.92rem;
  letter-spacing: 0.01em;
  background:
    radial-gradient(120% 180% at 10% 20%, rgba(110, 231, 183, 0.35), transparent 55%),
    linear-gradient(135deg, #065f46 0%, #047857 42%, #0f766e 100%);
  box-shadow:
    0 0 0 1px rgba(16, 185, 129, 0.25),
    0 8px 28px rgba(16, 185, 129, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  overflow: hidden;
  isolation: isolate;
  animation: nabgol-live-power-breathe 2.4s ease-in-out infinite;
  transform: translateZ(0);
}

@media (prefers-reduced-motion: reduce) {
  body:is(.desktop-chat, .mobile-chat) .suggestion-chip--live-power,
  body:is(.desktop-chat, .mobile-chat) .suggestion-chip--live-power .live-power-dot,
  body:is(.desktop-chat, .mobile-chat) .suggestion-chip--live-power .live-power-ring {
    animation: none !important;
  }
}