/* ======================================
   TAMILAI LIVE SEARCH POPUP V2
====================================== */
#liveSearchPopup {
  display: none;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(12px);
  animation: fadeIn 0.3s ease;
}
#liveSearchPopup .summary-popup {
  width: 750px;
  max-width: 92%;
  padding: 28px;
  border-radius: 24px;
  background: linear-gradient(
    145deg,
    rgba(3, 12, 35, 0.96),
    rgba(6, 18, 45, 0.96)
  );
  border: 1px solid rgba(0, 229, 255, 0.35);
  box-shadow:
    0 0 30px rgba(0, 229, 255, 0.15),
    inset 0 0 20px rgba(0, 229, 255, 0.08);
  animation: popupGlow 3s infinite alternate;
}
/* TITLE */
#liveSearchPopup h2 {
  text-align: center;
  color: var(--primary);
  font-size: 28px;
  margin-bottom: 6px;
  text-shadow: 0 0 15px rgba(0, 229, 255, 0.8);
  animation: glowText 2.5s infinite alternate;
}
.search-subtitle {
  text-align: center;
  color: #89c7ff;
  font-size: 13px;
  margin-bottom: 18px;
  opacity: 0.85;
}
/* SEARCH BOX */
#liveSearchInput {
  width: 100%;
  min-height: 180px;
  padding: 18px;
  border-radius: 18px;
  background: #132340;
  border: 1px solid rgba(0, 229, 255, 0.3);
  color: var(--text-primary);
  font-size: 15px;
  resize: none;
  outline: none;
  transition: 0.3s;
}
#liveSearchInput:focus {
  border-color: var(--primary);
  box-shadow: 0 0 18px rgba(0, 229, 255, 0.4);
  transform: translateY(-1px);
}
#liveSearchInput::placeholder {
  color: #7fa3c7;
}
/* BUTTON AREA */
#liveSearchPopup .popup-buttons {
  display: flex;
  gap: 12px;
  margin-top: 15px;
}
/* CANCEL */
#liveSearchCancelBtn {
  flex: 1;
  height: 52px;
  border: none;
  border-radius: 14px;
  background: #1a2744;
  color: var(--text-primary);
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}
#liveSearchCancelBtn:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.15);
}
/* SEARCH */
#liveSearchGenerateBtn {
  flex: 1;
  height: 52px;
  border: none;
  border-radius: 14px;
  background: linear-gradient(135deg, #00d4ff, #0099ff);
  color: var(--text-primary);
  font-weight: 700;
  cursor: pointer;
  transition: 0.3s;
  box-shadow: 0 0 18px rgba(0, 229, 255, 0.4);
}
#liveSearchGenerateBtn:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 28px rgba(0, 229, 255, 0.6);
}
/* ANIMATIONS */
@keyframes popupGlow {
  from {
    box-shadow:
      0 0 18px rgba(0, 229, 255, 0.12),
      inset 0 0 10px rgba(0, 229, 255, 0.05);
  }
  to {
    box-shadow:
      0 0 35px rgba(0, 229, 255, 0.22),
      inset 0 0 18px rgba(0, 229, 255, 0.1);
  }
}
@keyframes glowText {
  from {
    text-shadow: 0 0 8px rgba(0, 229, 255, 0.4);
  }
  to {
    text-shadow: 0 0 18px rgba(0, 229, 255, 0.9);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}