fix(cpp/viz,core): bell icon TI_BELL, candlestick Setup-inside-BeginPlot, pie legend, kpi sparkline a la derecha

- toast.cpp: TI_BELL en lugar de \xf0\x9f\x94\x94 (fuera del rango cargado por icon_font, renderizaba como ?)
- candlestick.cpp: SetupAxes/SetupAxisScale/SetupAxisLimits movidos dentro de BeginPlot/EndPlot — antes el plot desaparecia al entrar
- pie_chart.cpp: SetupLegend(East, Outside, NoButtons), eliminado NoLegend
- kpi_card.cpp: layout 2 cols con sparkline a la derecha centrado verticalmente

cpp/functions/viz/kpi_card.cpp

@@ -36,6 +36,20 @@ void kpi_card(const char* label, float value, float delta_percent,
                       ImGuiChildFlags_Borders,
                       ImGuiWindowFlags_NoScrollbar | ImGuiWindowFlags_NoScrollWithMouse);
 
+    const bool has_history = history != nullptr && history_count > 0;
+    const bool has_delta   = delta_percent != 0.0f;
+
+    // Layout de dos columnas: izquierda info (label, value, delta), derecha sparkline.
+    // El sparkline se sitia verticalmente centrado a la derecha de la card.
+    constexpr float spark_w = 100.0f;
+    constexpr float spark_h = 36.0f;
+
+    const float inner_w = ImGui::GetContentRegionAvail().x;
+    const float info_w  = has_history ? (inner_w - spark_w - spacing::sm) : inner_w;
+
+    ImGui::BeginGroup();
+    ImGui::PushItemWidth(info_w);
+
     // Top row: optional icon + label, ambos en text_muted.
     ImGui::PushStyleColor(ImGuiCol_Text, colors::text_muted);
     if (icon && *icon) {
@@ -53,9 +67,6 @@ void kpi_card(const char* label, float value, float delta_percent,
     ImGui::SetWindowFontScale(1.0f);
 
     // Delta / trend — SIEMPRE se reserva la linea aunque no haya tendencia.
-    const bool has_delta = delta_percent != 0.0f;
-    const bool has_history = history != nullptr && history_count > 0;
-
     if (has_delta) {
         const bool positive = delta_percent >= 0.0f;
         const ImVec4 delta_color = positive ? colors::success : colors::error;
@@ -68,12 +79,6 @@ void kpi_card(const char* label, float value, float delta_percent,
         ImGui::PushStyleColor(ImGuiCol_Text, delta_color);
         ImGui::TextUnformatted(delta_buf);
         ImGui::PopStyleColor();
-
-        if (has_history) {
-            sparkline(label, history, history_count, delta_color, 120.0f, 24.0f);
-        }
-    } else if (has_history) {
-        sparkline(label, history, history_count, colors::primary, 120.0f, 24.0f);
     } else {
         // Placeholder para preservar altura.
         ImGui::PushStyleColor(ImGuiCol_Text, colors::text_dim);
@@ -81,6 +86,29 @@ void kpi_card(const char* label, float value, float delta_percent,
         ImGui::PopStyleColor();
     }
 
+    ImGui::PopItemWidth();
+    ImGui::EndGroup();
+
+    // Sparkline a la derecha, centrado verticalmente respecto a la card.
+    if (has_history) {
+        const ImVec4 spark_color = has_delta
+            ? (delta_percent >= 0.0f ? colors::success : colors::error)
+            : colors::primary;
+
+        ImGui::SameLine();
+
+        // Centrar verticalmente: la card mide card_height, el sparkline spark_h.
+        // Restamos el padding interno (spacing::sm) ya consumido al inicio.
+        const float card_inner_h = card_height - 2.0f * spacing::sm;
+        float y_offset = (card_inner_h - spark_h) * 0.5f;
+        if (y_offset < 0.0f) y_offset = 0.0f;
+        // Anclamos el sparkline al borde derecho.
+        const float spark_x = inner_w - spark_w;
+        ImGui::SetCursorPos(ImVec2(spacing::sm + spark_x,
+                                    spacing::sm + y_offset));
+        sparkline(label, history, history_count, spark_color, spark_w, spark_h);
+    }
+
     ImGui::EndChild();
 
     ImGui::PopStyleVar(3);