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/PeriodComparisonChartView.swift

@@ -28,7 +28,7 @@ struct PeriodComparisonChartView: View {
         }
         .padding()
         .background(Color(.systemBackground))
-        .cornerRadius(AppConstants.UI.cornerRadius)
+        .clipShape(RoundedRectangle(cornerRadius: AppConstants.UI.cornerRadius))
         .shadow(color: .black.opacity(0.05), radius: 8, y: 2)
     }
 
@@ -49,7 +49,7 @@ struct PeriodComparisonChartView: View {
                 endPoint: .bottomTrailing
             )
         )
-        .cornerRadius(12)
+        .clipShape(RoundedRectangle(cornerRadius: 12))
         .overlay(
             RoundedRectangle(cornerRadius: 12)
                 .stroke(Color.secondary.opacity(0.1), lineWidth: 1)
@@ -64,7 +64,7 @@ struct PeriodComparisonChartView: View {
 
             Text(label)
                 .font(.caption.weight(.bold))
-                .foregroundColor(color)
+                .foregroundStyle(color)
                 .frame(width: 60, alignment: .leading)
 
             DatePicker(
@@ -81,7 +81,7 @@ struct PeriodComparisonChartView: View {
 
             Text("→")
                 .font(.caption)
-                .foregroundColor(.secondary)
+                .foregroundStyle(.secondary)
 
             DatePicker(
                 "",
@@ -132,28 +132,28 @@ struct PeriodComparisonChartView: View {
                                 .frame(width: 6, height: 6)
                             Text(series.label)
                                 .font(.caption2.weight(.medium))
-                                .foregroundColor(.secondary)
+                                .foregroundStyle(.secondary)
                                 .lineLimit(1)
                         }
                         Text(String(format: "%+.2f%%", finalReturn))
                             .font(.title2.weight(.bold))
-                            .foregroundColor(finalReturn >= 0 ? .positiveGreen : .negativeRed)
+                            .foregroundStyle(finalReturn >= 0 ? Color.positiveGreen : Color.negativeRed)
                         HStack(spacing: 10) {
                             HStack(spacing: 3) {
                                 Image(systemName: "arrow.up")
                                     .font(.caption2.weight(.semibold))
-                                    .foregroundColor(.positiveGreen)
+                                    .foregroundStyle(Color.positiveGreen)
                                 Text(String(format: "%.1f%%", maxReturn))
                                     .font(.caption2)
-                                    .foregroundColor(.positiveGreen)
+                                    .foregroundStyle(Color.positiveGreen)
                             }
                             HStack(spacing: 3) {
                                 Image(systemName: "arrow.down")
                                     .font(.caption2.weight(.semibold))
-                                    .foregroundColor(.negativeRed)
+                                    .foregroundStyle(Color.negativeRed)
                                 Text(String(format: "%.1f%%", minReturn))
                                     .font(.caption2)
-                                    .foregroundColor(.negativeRed)
+                                    .foregroundStyle(Color.negativeRed)
                             }
                         }
                     }
@@ -175,14 +175,14 @@ struct PeriodComparisonChartView: View {
         VStack(spacing: 12) {
             Image(systemName: "calendar.badge.clock")
                 .font(.system(size: 36))
-                .foregroundColor(.secondary)
+                .foregroundStyle(.secondary)
             Text("No data available for the selected periods.")
                 .font(.subheadline)
-                .foregroundColor(.secondary)
+                .foregroundStyle(.secondary)
                 .multilineTextAlignment(.center)
         }
         .frame(maxWidth: .infinity)
-        .frame(height: 260)
+        .chartFrame(height: 260)
     }
 
     // MARK: - Flat data for Chart
@@ -303,7 +303,7 @@ struct PeriodComparisonChartView: View {
                     .foregroundStyle(Color.secondary.opacity(0.15))
             }
         }
-        .frame(height: 260)
+        .chartFrame(height: 260)
         .chartDrawingGroup(disabledForExport: chartImageExport)
         .onChange(of: seriesIds) { _, _ in }
     }
@@ -317,7 +317,7 @@ struct PeriodComparisonChartView: View {
                         .frame(width: 20, height: 3)
                     Text(series.label)
                         .font(.caption)
-                        .foregroundColor(.secondary)
+                        .foregroundStyle(.secondary)
                 }
             }
             Spacer()