/* ================= SEARCH BAR CONTAINER ================= */
.chatgpt-search {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 9999px;
  border: 1px solid;
  transition: all 0.3s ease;
}

/* ---------- LIGHT ---------- */
body:not(.dark):not(.dim) .chatgpt-search {
  background: #ffffff;
  border-color: #e5e7eb;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

/* ---------- DARK ---------- */
body.dark .chatgpt-search {
  background: #1f2937;
  border-color: #374151;
  box-shadow: 0 8px 24px rgba(0,0,0,0.45);
}

/* ---------- DIM ---------- */
body.dim .chatgpt-search {
  background: #0b1220;
  border-color: #2b3444;
  box-shadow: 0 8px 26px rgba(0,0,0,0.65);
}

/* ================= INPUT ================= */
.chatgpt-search input {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  font-size: 15px;
  color: inherit;
}

/* ---------- PLACEHOLDER COLORS ---------- */
.chatgpt-search input::placeholder { color: #9ca3af; }
body.dark .chatgpt-search input::placeholder { color: #6b7280; }
body.dim .chatgpt-search input::placeholder {
  color: #797f8aed; /* 👈 CHANGE DIM COLOR HERE */
}

/* ================= FOCUS GLOW ================= */
.chatgpt-search:focus-within {
  box-shadow: 0 0 0 2px rgba(59,130,246,0.45);
}

/* ================= TYPING INDICATOR ================= */
.typing { display: none; gap: 4px; }
.typing span {
  width: 6px;
  height: 6px;
  background: #9ca3af;
  border-radius: 50%;
  animation: bounce 1.2s infinite ease-in-out;
}
.typing span:nth-child(2){animation-delay:.15s}
.typing span:nth-child(3){animation-delay:.3s}

@keyframes bounce {
  0%,80%,100%{transform:scale(0)}
  40%{transform:scale(1)}
}

/* ================= SEARCH HIGHLIGHT ================= */
mark {
  background: rgba(59,130,246,.35);
  color: inherit;
  padding: 0 4px;
  border-radius: 4px;
}

/* ================= COPY / SELECT DISABLE ================= */
.no-copy {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}