iPhone Duo (fase 1): navegación adaptativa por size class y layouts regular×regular

- ContentView: un único TabView (sidebarAdaptable en iOS 18+) para todas las
  size classes; desaparece el cambio de jerarquía iPhone/iPad, así abrir o
  cerrar el Duo conserva el estado de cada pestaña. @SceneStorage de la tab.
- Fuentes y Diario: NavigationSplitView (lista + detalle a la vez en ancho
  regular, stack colapsable en compacto) con selección nativa de List.
- Dashboard: Quick Update como .inspector (panel lateral junto a los gráficos
  en regular, sheet en compacto).
- Gráficos: chartHeightScale (+35% de alto en regular) vía chartFrame(height:),
  sin ignoresSafeArea en contenido interactivo.
- Liquid Glass (glassEffect) en las etiquetas flotantes del Diario en iOS 26+.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01F1u4K16xy7eQVtgsYNZ9Vn

PortfolioJournal/Views/Charts/DrawdownChart.swift

@@ -38,16 +38,16 @@ struct DrawdownChart: View {
                 VStack(alignment: .trailing, spacing: 2) {
                     Text("Max Drawdown")
                         .font(.caption)
-                        .foregroundColor(.secondary)
+                        .foregroundStyle(.secondary)
                     Text(String(format: "%.1f%%", maxDrawdown))
                         .font(.subheadline.weight(.semibold))
-                        .foregroundColor(.negativeRed)
+                        .foregroundStyle(Color.negativeRed)
                 }
             }
 
             Text("Shows percentage decline from peak values")
                 .font(.caption)
-                .foregroundColor(.secondary)
+                .foregroundStyle(.secondary)
 
             if data.count >= 2 {
                 Chart {
@@ -119,7 +119,7 @@ struct DrawdownChart: View {
                     }
                 }
                 .chartYScale(domain: (data.map { $0.drawdown }.min() ?? -50)...0)
-                .frame(height: 250)
+                .chartFrame(height: 250)
                 .zoomableTimeSeries(dates: data.map(\.date), zoom: $zoom)
 
                 // Statistics
@@ -152,14 +152,14 @@ struct DrawdownChart: View {
                 .padding(.top, 4)
             } else {
                 Text("Not enough data for drawdown analysis")
-                    .foregroundColor(.secondary)
-                    .frame(height: 250)
+                    .foregroundStyle(.secondary)
+                    .chartFrame(height: 250)
                     .frame(maxWidth: .infinity)
             }
         }
         .padding()
         .background(Color(.systemBackground))
-        .cornerRadius(AppConstants.UI.cornerRadius)
+        .clipShape(RoundedRectangle(cornerRadius: AppConstants.UI.cornerRadius))
         .shadow(color: .black.opacity(0.05), radius: 8, y: 2)
     }
 
@@ -197,11 +197,11 @@ struct DrawdownStatView: View {
         VStack(spacing: 4) {
             Text(title)
                 .font(.caption)
-                .foregroundColor(.secondary)
+                .foregroundStyle(.secondary)
 
             Text(value)
                 .font(.subheadline.weight(.semibold))
-                .foregroundColor(isHighlighted ? .negativeRed : .primary)
+                .foregroundStyle(isHighlighted ? Color.negativeRed : .primary)
         }
         .frame(maxWidth: .infinity)
     }
@@ -247,7 +247,7 @@ struct VolatilityChartView: View {
 
             Text("Measures price variability over time")
                 .font(.caption)
-                .foregroundColor(.secondary)
+                .foregroundStyle(.secondary)
 
             if data.count >= 2 {
                 Chart {
@@ -293,7 +293,7 @@ struct VolatilityChartView: View {
                         .annotation(position: .top, alignment: .leading) {
                             Text("Avg: \(String(format: "%.1f%%", averageVolatility))")
                                 .font(.caption2)
-                                .foregroundColor(.secondary)
+                                .foregroundStyle(.secondary)
                         }
 
                     if let sel = selectedPoint {
@@ -328,7 +328,7 @@ struct VolatilityChartView: View {
                         }
                     }
                 }
-                .frame(height: 250)
+                .chartFrame(height: 250)
                 .zoomableTimeSeries(dates: data.map(\.date), zoom: $zoom)
 
                 ChartStatsRow(stats: [
@@ -346,14 +346,14 @@ struct VolatilityChartView: View {
                 )
             } else {
                 Text("Not enough data for volatility analysis")
-                    .foregroundColor(.secondary)
-                    .frame(height: 250)
+                    .foregroundStyle(.secondary)
+                    .chartFrame(height: 250)
                     .frame(maxWidth: .infinity)
             }
         }
         .padding()
         .background(Color(.systemBackground))
-        .cornerRadius(AppConstants.UI.cornerRadius)
+        .clipShape(RoundedRectangle(cornerRadius: AppConstants.UI.cornerRadius))
         .shadow(color: .black.opacity(0.05), radius: 8, y: 2)
     }
 
@@ -400,7 +400,7 @@ struct VolatilityLevelView: View {
                     .font(.caption2)
                 Text(range)
                     .font(.caption2)
-                    .foregroundColor(.secondary)
+                    .foregroundStyle(.secondary)
             }
         }
     }