/*
 * app.css
 * Hoja de estilos asociada a html/publico/js/app.js
 * Estilos dinámicos del selector de campañas.
 */

/* Selector dinámico de campañas (render en app.js) */
.orden-campana-empty {
  font-size: 12px;
  color: #9aa7c2;
}

.orden-campana-option {
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #e8eefc;
  cursor: pointer;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.orden-campana-option.is-active {
  border-color: rgba(80, 120, 255, 0.5);
  background: rgba(80, 120, 255, 0.15);
}

.orden-campana-option-meta {
  font-size: 11px;
  color: #9aa7c2;
}

.orden-campana-option-meta.is-active {
  color: #9bb2ff;
}