/* Módulo de Pesquisas — reaproveita variáveis/primitivas de admin.css e
   pharmacy-panel.css (.card, .btn, .badge, .control, .detail-row, .progress). */

#sec-surveys .actions .btn.secondary.active-tab {
  background: var(--ink);
  color: white;
  border-color: var(--ink);
}

.survey-card { display: flex; flex-direction: column; justify-content: space-between }

#surveyEditorBody .field-group textarea { width: 100%; resize: vertical }

#questionsList .detail-row { align-items: center }
.qrow { grid-template-columns: 1fr auto }

@media (max-width: 700px) {
  #sec-surveys .pharma-head .actions { width: 100%; }
  #sec-surveys .pharma-head .actions .btn { flex: 1 1 45%; }
  #surveysHost .control-grid { grid-template-columns: 1fr !important; }
  #surveysHost .grid-cards { grid-template-columns: repeat(2, 1fr) !important; }
  .qrow { grid-template-columns: 1fr; gap: 8px }
  .qrow .row { margin: 0 }
}

@media (max-width: 420px) {
  #surveysHost .grid-cards { grid-template-columns: 1fr !important; }
}