/* The survey mixes its own light card with shared theme-aware controls.
   Set both sides of the text/background pair within this page. */
.feedback-survey-page textarea {
  background: #fff;
  color: #0f172a;
  caret-color: #0f172a;
  border-color: #94a3b8;
}

.feedback-survey-page textarea::placeholder {
  color: #64748b;
  opacity: 1;
}

.feedback-survey-page textarea:focus-visible,
.feedback-survey-choice:focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: 3px;
}

.feedback-survey-card button.bg-background {
  color: hsl(var(--foreground));
}

.dark .feedback-survey-page {
  color: hsl(var(--foreground));
}

.dark .feedback-survey-card {
  background: hsl(var(--card));
  color: hsl(var(--card-foreground));
  border-color: hsl(var(--border));
}

.dark .feedback-survey-card header {
  border-color: hsl(var(--border));
}

.dark .feedback-survey-card .text-slate-950 {
  color: hsl(var(--foreground));
}

.dark .feedback-survey-card :is(.text-slate-500, .text-slate-600) {
  color: hsl(var(--muted-foreground));
}

.dark .feedback-survey-choice {
  background: hsl(var(--background));
  border-color: #64748b;
  color: hsl(var(--foreground));
}

.dark .feedback-survey-choice:hover {
  border-color: #60a5fa;
}

.dark .feedback-survey-choice[aria-pressed="true"] {
  background: #172e50;
  color: #eff6ff;
  border-color: #60a5fa;
}

.dark .feedback-survey-page textarea {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  caret-color: hsl(var(--foreground));
  border-color: #64748b;
}

.dark .feedback-survey-page textarea::placeholder {
  color: hsl(var(--muted-foreground));
}