/* Specific paginii Marketing → Testare Produse (js/marketing/marketing-testare.js, marketing-crud.js). */

.product-name { font-weight: 600; }
.product-sub { font-size: 12px; color: var(--text-muted); margin-top: 2px; }

.status-select {
  border: none;
  background: transparent;
  font-weight: 700;
  font-size: 12px;
  padding: 4px 6px;
  border-radius: 999px;
  cursor: pointer;
}
.status-select.gray { background: var(--gray-bg); color: var(--gray); }
.status-select.blue { background: var(--blue-bg); color: var(--blue); }
.status-select.green { background: var(--green-bg); color: var(--green); }
.status-select.red { background: var(--red-bg); color: var(--red); }
.status-select.yellow { background: var(--yellow-bg); color: var(--yellow); }

.roas { font-weight: 700; }
.roas.green { color: var(--green); }
.roas.yellow { color: var(--yellow); }
.roas.red { color: var(--red); }
.roas.gray { color: var(--text-muted); font-weight: 500; }

.campaign-row { display: flex; gap: 8px; align-items: center; margin-bottom: 6px; }
.campaign-row select { flex: 0 0 110px; min-width: 0; }
.campaign-row input { flex: 1; min-width: 0; }

/* Telefon îngust: platformă + nume campanie nu mai încap pe un rând, trec unul sub altul
   (butonul de ștergere rămâne alături de câmpul de nume). */
@media (max-width: 420px) {
  .campaign-row { flex-wrap: wrap; }
  .campaign-row select { flex: 1 1 100%; }
  .campaign-row input { flex: 1 1 auto; }
}