/* nexsell-settings-compact.css (2026-10-12)
   Configuración más liviana: botones compactos y sobrios en vez de pastillas
   grandes. Solo toca #settings y el hub de canales; el resto de la app queda igual.
   Se carga al final de index.html para ganar en empate de especificidad. */

/* ---- Botones generales dentro de Configuración ---- */
#settings .btn {
  padding: 7px 14px; font-size: 13px; font-weight: 600; line-height: 1.3;
  min-height: 0; border-radius: 9px; gap: 6px;
}
#settings .btn svg, #settings .btn i { width: 15px; height: 15px; }
#settings .btn.btn-small { padding: 5px 11px; font-size: 12.5px; border-radius: 8px; }

/* Primario: verde sólido pero chico. Secundario: contorno discreto. */
#settings .btn.btn-secondary {
  background: transparent; border: 1px solid var(--border-color, var(--border-soft));
  color: var(--text-primary);
}
#settings .btn.btn-secondary:hover { border-color: var(--accent-primary); color: var(--accent-primary); }

/* Peligro: contorno rojo suave, no un bloque rojo. */
#settings .btn.btn-danger {
  background: transparent; color: var(--accent-danger, #ef4444);
  border: 1px solid var(--danger-border, rgba(239, 68, 68, .45)); box-shadow: none;
}
#settings .btn.btn-danger:hover { background: var(--danger-soft, rgba(239, 68, 68, .1)); }

/* Pestañas de Configuración (Cuenta / Perfil / Canales…) más finas. */
#settings .pi-tab { padding: 7px 13px; font-size: 13px; }

/* ---- Hub "Mis canales" ---- */
.nx-hub .nx-ch { padding: 10px 12px; gap: 10px; border-radius: 12px; }
.nx-hub .nx-ch-logo.chan-logo { width: 34px; height: 34px; border-radius: 9px; }
.nx-hub .nx-ch-name { font-size: 13.5px; }
.nx-hub .nx-ch-phrase { font-size: 12px; }
.nx-hub .nx-ch-prods { margin-top: 2px; font-size: 11.5px; font-weight: 600; color: var(--text-muted); }

/* Acción principal: contorno verde suave; el verde sólido queda para lo urgente. */
.nx-hub .nx-ch-btn { padding: 5px 12px; font-size: 12px; font-weight: 600; border-radius: 8px; }
.nx-hub .nx-ch-btn.is-primary {
  background: var(--accent-soft, rgba(16, 185, 129, .12)); color: var(--accent-primary);
  border-color: var(--accent-primary);
}
.nx-hub .nx-ch-btn.is-primary:hover { background: var(--accent-primary); color: #fff; filter: none; }
.nx-hub .nx-hub-alert .nx-ch-btn.is-primary { background: var(--accent-primary); color: #fff; }

/* Fila "agregar canal propio": entrada y botón más bajos. */
.nx-hub .form-control, .nx-hub input[type=text] { min-height: 0; padding-top: 7px; padding-bottom: 7px; }
.nx-hub .btn, .nx-hub .nx-add-btn { padding: 7px 14px; font-size: 13px; border-radius: 9px; }

/* Aviso de productos sin canal en el hub */
.nx-hub .nx-hub-nota {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;
  padding: 7px 12px; border-radius: 10px; font-size: 12.5px; color: var(--text-secondary);
  background: var(--bg-tertiary); border: 1px dashed var(--border-soft, var(--border-color));
}