zone_map_dialog.dart

android/app/build.gradle.kts

@@ -9,7 +9,7 @@ android {
     namespace = "com.example.playmaker"
     compileSdk = flutter.compileSdkVersion
     //ndkVersion = flutter.ndkVersion
-    ndkVersion = "26.1.10909125"
+ndkVersion = "27.0.12077973"
     compileOptions {
         sourceCompatibility = JavaVersion.VERSION_11
         targetCompatibility = JavaVersion.VERSION_11

lib/calibrador_page.dart

@@ -0,0 +1,208 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'dart:math' as math;
+
+class CalibradorPage extends StatefulWidget {
+  const CalibradorPage({super.key});
+
+  @override
+  State<CalibradorPage> createState() => _CalibradorPageState();
+}
+
+class _CalibradorPageState extends State<CalibradorPage> {
+  // --- 👇 VALORES INICIAIS 👇 ---
+  double hoopBaseX = 0.08;      
+  double arcRadius = 0.28;       
+  double cornerY = 0.40;        
+  // -----------------------------------------------------
+
+  @override
+  void initState() {
+    super.initState();
+    SystemChrome.setPreferredOrientations([
+      DeviceOrientation.landscapeRight,
+      DeviceOrientation.landscapeLeft,
+    ]);
+  }
+
+  @override
+  void dispose() {
+    SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final double wScreen = MediaQuery.of(context).size.width;
+    final double hScreen = MediaQuery.of(context).size.height;
+    
+    // O MESMO CÁLCULO EXATO DO PLACAR
+    final double sf = math.min(wScreen / 1150, hScreen / 720); 
+
+    return Scaffold(
+      backgroundColor: const Color(0xFF266174), 
+      body: SafeArea(
+        top: false,    
+        bottom: false, 
+        child: Stack(
+          children: [
+            // 👇 1. O CAMPO COM AS MARGENS EXATAS DO PLACAR 👇
+            Container(
+              margin: EdgeInsets.only(left: 65 * sf, right: 65 * sf, bottom: 55 * sf), 
+              decoration: BoxDecoration(
+                border: Border.all(color: Colors.white, width: 2.5),
+                image: const DecorationImage(
+                  image: AssetImage('assets/campo.png'), 
+                  fit: BoxFit.fill, 
+                ),
+              ),
+              child: LayoutBuilder(
+                builder: (context, constraints) {
+                  return CustomPaint(
+                    painter: LinePainter(
+                      hoopBaseX: hoopBaseX,
+                      arcRadius: arcRadius,
+                      cornerY: cornerY,
+                      color: Colors.redAccent, 
+                      width: constraints.maxWidth,
+                      height: constraints.maxHeight,
+                    ),
+                  );
+                },
+              ),
+            ),
+
+            // 👇 2. TOPO: MOSTRADORES DE VALORES COM FITTEDBOX (Não transborda) 👇
+            Positioned(
+              top: 0, left: 0, right: 0,
+              child: Container(
+                color: Colors.black87.withOpacity(0.8),
+                padding: EdgeInsets.symmetric(vertical: 5 * sf, horizontal: 15 * sf),
+                child: FittedBox( // Isto impede o ecrã de dar o erro dos 179 pixels!
+                  fit: BoxFit.scaleDown,
+                  child: Row(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      _buildValueDisplay("Aro X", hoopBaseX, sf),
+                      SizedBox(width: 20 * sf),
+                      _buildValueDisplay("Raio", arcRadius, sf),
+                      SizedBox(width: 20 * sf),
+                      _buildValueDisplay("Canto", cornerY, sf),
+                      SizedBox(width: 30 * sf),
+                      ElevatedButton.icon(
+                        onPressed: () => Navigator.pop(context),
+                        icon: Icon(Icons.check, size: 18 * sf),
+                        label: Text("FECHAR", style: TextStyle(fontSize: 14 * sf, fontWeight: FontWeight.bold)),
+                        style: ElevatedButton.styleFrom(backgroundColor: Colors.green),
+                      )
+                    ],
+                  ),
+                ),
+              ),
+            ),
+
+            // 👇 3. FUNDO: SLIDERS (Com altura fixa para não dar o erro "hasSize") 👇
+            Positioned(
+              bottom: 0, left: 0, right: 0,
+              child: Container(
+                color: Colors.black87.withOpacity(0.8),
+                height: 80 * sf, // Altura segura para os sliders
+                child: Row(
+                  children: [
+                    Expanded(child: _buildSlider("Pos. do Aro", hoopBaseX, 0.0, 0.25, (val) => setState(() => hoopBaseX = val), sf)),
+                    Expanded(child: _buildSlider("Tam. da Curva", arcRadius, 0.1, 0.5, (val) => setState(() => arcRadius = val), sf)),
+                    Expanded(child: _buildSlider("Pos. do Canto", cornerY, 0.2, 0.5, (val) => setState(() => cornerY = val), sf)),
+                  ],
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildValueDisplay(String label, double value, double sf) {
+    return Row(
+      children: [
+        Text("$label: ", style: TextStyle(color: Colors.white70, fontSize: 16 * sf)),
+        Text(value.toStringAsFixed(3), style: TextStyle(color: Colors.yellow, fontSize: 20 * sf, fontWeight: FontWeight.bold)),
+      ],
+    );
+  }
+
+  Widget _buildSlider(String label, double value, double min, double max, ValueChanged<double> onChanged, double sf) {
+    return Column(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: [
+        Text(label, style: TextStyle(color: Colors.white, fontSize: 12 * sf)),
+        SizedBox(
+          height: 40 * sf, // Altura exata para o Slider não crashar
+          child: Slider(
+            value: value, min: min, max: max,
+            activeColor: Colors.yellow, inactiveColor: Colors.white24,
+            onChanged: onChanged,
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+// ==============================================================
+// 📐 PINTOR: DESENHA A LINHA MATEMÁTICA NA TELA
+// ==============================================================
+class LinePainter extends CustomPainter {
+  final double hoopBaseX;
+  final double arcRadius;
+  final double cornerY;
+  final Color color;
+  final double width;
+  final double height;
+
+  LinePainter({
+    required this.hoopBaseX, required this.arcRadius, required this.cornerY,
+    required this.color, required this.width, required this.height,
+  });
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    final paint = Paint()
+      ..color = color
+      ..style = PaintingStyle.stroke
+      ..strokeWidth = 4;
+
+    double aspectRatio = width / height;
+    double hoopY = 0.50 * height;
+    
+    // O cornerY controla a que distância do meio (50%) estão as linhas retas
+    double cornerDistY = cornerY * height; 
+
+    // --- CESTO ESQUERDO ---
+    double hoopLX = hoopBaseX * width;
+    
+    canvas.drawLine(Offset(0, hoopY - cornerDistY), Offset(width * 0.35, hoopY - cornerDistY), paint); // Cima
+    canvas.drawLine(Offset(0, hoopY + cornerDistY), Offset(width * 0.35, hoopY + cornerDistY), paint); // Baixo
+    
+    canvas.drawArc(
+      Rect.fromCenter(center: Offset(hoopLX, hoopY), width: arcRadius * width * 2 / aspectRatio, height: arcRadius * height * 2),
+      -math.pi / 2, math.pi, false, paint,
+    );
+
+    // --- CESTO DIREITO ---
+    double hoopRX = (1.0 - hoopBaseX) * width;
+    
+    canvas.drawLine(Offset(width, hoopY - cornerDistY), Offset(width * 0.65, hoopY - cornerDistY), paint); // Cima
+    canvas.drawLine(Offset(width, hoopY + cornerDistY), Offset(width * 0.65, hoopY + cornerDistY), paint); // Baixo
+    
+    canvas.drawArc(
+      Rect.fromCenter(center: Offset(hoopRX, hoopY), width: arcRadius * width * 2 / aspectRatio, height: arcRadius * height * 2),
+      math.pi / 2, math.pi, false, paint,
+    );
+  }
+
+  @override
+  bool shouldRepaint(covariant LinePainter oldDelegate) {
+    return oldDelegate.hoopBaseX != hoopBaseX || oldDelegate.arcRadius != arcRadius || oldDelegate.cornerY != cornerY;
+  }
+}

lib/controllers/game_controller.dart

@@ -4,25 +4,34 @@ import '../models/game_model.dart';
 class GameController {
   final _supabase = Supabase.instance.client;
 
-  // 1. LER JOGOS (Stream em Tempo Real)
+  // 1. LER JOGOS (Com Filtros Opcionais)
-Stream<List<Game>> get gamesStream {
+  Stream<List<Game>> getFilteredGames({String? teamFilter, String? seasonFilter}) {
     return _supabase
-        .from('games') // 1. Fica à escuta da tabela original (Garante o Tempo Real!)
+        .from('games') 
         .stream(primaryKey: ['id'])
         .asyncMap((event) async {
-          // 2. Sempre que a tabela 'games' mudar (novo jogo, alteração de resultado),
-          // vamos buscar os dados já misturados com as imagens à nossa View.
-          final viewData = await _supabase
-              .from('games_with_logos')
-              .select()
-              .order('game_date', ascending: false);
           
-          // 3. Convertemos para a nossa lista de objetos Game
+          // 👇 A CORREÇÃO ESTÁ AQUI: Lê diretamente da tabela 'games'
+          var query = _supabase.from('games').select();
+
+          // Aplica o filtro de Temporada
+          if (seasonFilter != null && seasonFilter.isNotEmpty && seasonFilter != 'Todas') {
+            query = query.eq('season', seasonFilter);
+          }
+
+          // Aplica o filtro de Equipa (Procura em casa ou fora)
+          if (teamFilter != null && teamFilter.isNotEmpty && teamFilter != 'Todas') {
+            query = query.or('my_team.eq.$teamFilter,opponent_team.eq.$teamFilter');
+          }
+
+          // Executa a query com a ordenação por data
+          final viewData = await query.order('game_date', ascending: false);
+              
           return viewData.map((json) => Game.fromMap(json)).toList();
         });
   }
+
   // 2. CRIAR JOGO
-  // Retorna o ID do jogo criado para podermos navegar para o placar
   Future<String?> createGame(String myTeam, String opponent, String season) async {
     try {
       final response = await _supabase.from('games').insert({
@@ -31,18 +40,16 @@ Stream<List<Game>> get gamesStream {
         'season': season,
         'my_score': 0,
         'opponent_score': 0,
-        'status': 'Decorrer', // Começa como "Decorrer"
+        'status': 'Decorrer', 
         'game_date': DateTime.now().toIso8601String(),
-      }).select().single(); // .select().single() retorna o objeto criado
+      }).select().single(); 
 
-      return response['id']; // Retorna o UUID gerado pelo Supabase
+      return response['id']; 
     } catch (e) {
       print("Erro ao criar jogo: $e");
       return null;
     }
   }
 
-  void dispose() {
+  void dispose() {}
-    // Não é necessário fechar streams do Supabase manualmente aqui
-  }
 }

lib/controllers/placar_controller.dart

@@ -8,17 +8,12 @@ class ShotRecord {
   final double relativeY;
   final bool isMake;
   final String playerName; 
-  // 👇 AGORA ACEITA ZONAS E PONTOS!
-  final String? zone;
-  final int? points;
 
   ShotRecord({
     required this.relativeX, 
     required this.relativeY, 
     required this.isMake, 
-    required this.playerName,
+    required this.playerName
-    this.zone,
-    this.points,
   });
 }
 
@@ -279,74 +274,31 @@ class PlacarController {
   }
 
   // =========================================================================
-  // 👇 REGISTA PONTOS VINDO DO POP-UP AMARELO (E MARCA A BOLINHA)
+  // 👇 A MÁGICA DOS PONTOS ACONTECE AQUI 👇
   // =========================================================================
-  void registerShotFromPopup(BuildContext context, String action, String targetPlayer, String zone, int points, double relativeX, double relativeY) {
-    if (!isRunning) {
-      ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('⏳ O relógio está parado! Inicie o tempo primeiro.'), backgroundColor: Colors.red));
-      return;
-    }
-
-    String name = targetPlayer.replaceAll("player_my_", "").replaceAll("player_opp_", "");
-    bool isMyTeam = targetPlayer.startsWith("player_my_");
-    bool isMake = action.startsWith("add_");
-
-    // 1. ATUALIZA A ESTATÍSTICA DO JOGADOR
-    if (playerStats.containsKey(name)) {
-      playerStats[name]!['fga'] = playerStats[name]!['fga']! + 1; 
-
-      if (isMake) {
-        playerStats[name]!['fgm'] = playerStats[name]!['fgm']! + 1; 
-        playerStats[name]!['pts'] = playerStats[name]!['pts']! + points; 
-        
-        // 2. ATUALIZA O PLACAR DA EQUIPA
-        if (isMyTeam) {
-          myScore += points;
-        } else {
-          opponentScore += points;
-        }
-      }
-    }
-
-    // 3. CRIA A BOLINHA PARA APARECER NO CAMPO
-    matchShots.add(ShotRecord(
-      relativeX: relativeX,
-      relativeY: relativeY,
-      isMake: isMake,
-      playerName: name,
-      zone: zone, 
-      points: points,
-    ));
-
-    // 4. MANDA UMA MENSAGEM NO ECRÃ
-    ScaffoldMessenger.of(context).showSnackBar(
-      SnackBar(
-        content: Text(isMake ? '🔥 $name MARCOU de $zone!' : '❌ $name FALHOU de $zone!'),
-        backgroundColor: isMake ? Colors.green : Colors.red,
-        duration: const Duration(seconds: 2),
-      )
-    );
-
-    // 5. ATUALIZA O ECRÃ
-    onUpdate();
-  }
-
-
-  // MANTIDO PARA CASO USES A MARCAÇÃO CLÁSSICA DIRETAMENTE NO CAMPO ESCURO
   void registerShotLocation(BuildContext context, Offset position, Size size) {
     if (pendingAction == null || pendingPlayer == null) return;
     
     bool is3Pt = pendingAction!.contains("_3");
     bool is2Pt = pendingAction!.contains("_2");
 
+    // O ÁRBITRO MATEMÁTICO COM AS TUAS VARIÁVEIS CALIBRADAS
     if (is3Pt || is2Pt) {
       bool isValid = _validateShotZone(position, size, is3Pt);
-      if (!isValid) return; 
+      
+      // SE A JOGADA FOI NO SÍTIO ERRADO
+      if (!isValid) {
+    
+        return; // <-- ESTE RETURN BLOQUEIA A GRAVAÇÃO DO PONTO!
+      }
     }
 
+    // SE A JOGADA FOI VÁLIDA:
     bool isMake = pendingAction!.startsWith("add_pts_");
+    
     double relX = position.dx / size.width;
     double relY = position.dy / size.height;
+    
     String name = pendingPlayer!.replaceAll("player_my_", "").replaceAll("player_opp_", "");
 
     matchShots.add(ShotRecord(
@@ -377,10 +329,13 @@ class PlacarController {
 
     bool isInside2Pts;
 
+    // Lógica das laterais (Cantos)
     if (distFromCenterY > cornerY) {
       double distToBaseline = isLeftHalf ? relX : (1.0 - relX);
       isInside2Pts = distToBaseline <= hoopBaseX; 
-    } else {
+    } 
+    // Lógica da Curva Frontal
+    else {
       double dx = (relX - hoopX) * aspectRatio;
       double dy = (relY - hoopY);
       double distanceToHoop = math.sqrt((dx * dx) + (dy * dy));
@@ -390,6 +345,7 @@ class PlacarController {
     if (is3Pt) return !isInside2Pts;
     return isInside2Pts;             
   }
+  // 👆 ===================================================================== 👆
 
   void cancelShotLocation() {
     isSelectingShotLocation = false; pendingAction = null; pendingPlayer = null; onUpdate();

lib/controllers/stats_controller.dart

@@ -1,158 +0,0 @@
-/*import 'package:flutter/material.dart';
-import 'package:supabase_flutter/supabase_flutter.dart';
-import '../models/person_model.dart';
-
-class StatsController {
-  final SupabaseClient _supabase = Supabase.instance.client;
-
-  // 1. LER
-  Stream<List<Person>> getMembers(String teamId) {
-    return _supabase
-        .from('members')
-        .stream(primaryKey: ['id'])
-        .eq('team_id', teamId)
-        .order('name', ascending: true)
-        .map((data) => data.map((json) => Person.fromMap(json)).toList());
-  }
-
-  // 2. APAGAR
-  Future<void> deletePerson(String personId) async {
-    try {
-      await _supabase.from('members').delete().eq('id', personId);
-    } catch (e) {
-      debugPrint("Erro ao eliminar: $e");
-    }
-  }
-
-  // 3. DIÁLOGOS
-  void showAddPersonDialog(BuildContext context, String teamId) {
-    _showForm(context, teamId: teamId);
-  }
-
-  void showEditPersonDialog(BuildContext context, String teamId, Person person) {
-    _showForm(context, teamId: teamId, person: person);
-  }
-
-  // --- O POPUP ESTÁ AQUI ---
-  void _showForm(BuildContext context, {required String teamId, Person? person}) {
-    final isEdit = person != null;
-    final nameCtrl = TextEditingController(text: person?.name ?? '');
-    final numCtrl = TextEditingController(text: person?.number ?? '');
-    
-    // Define o valor inicial
-    String selectedType = person?.type ?? 'Jogador';
-
-    showDialog(
-      context: context,
-      builder: (ctx) => StatefulBuilder(
-        builder: (ctx, setState) => AlertDialog(
-          title: Text(isEdit ? "Editar" : "Adicionar"),
-          content: Column(
-            mainAxisSize: MainAxisSize.min,
-            children: [
-              // NOME
-              TextField(
-                controller: nameCtrl,
-                decoration: const InputDecoration(labelText: "Nome"),
-                textCapitalization: TextCapitalization.sentences,
-              ),
-              const SizedBox(height: 10),
-
-              // FUNÇÃO
-              DropdownButtonFormField<String>(
-                value: selectedType,
-                decoration: const InputDecoration(labelText: "Função"),
-                items: ["Jogador", "Treinador"]
-                    .map((e) => DropdownMenuItem(value: e, child: Text(e)))
-                    .toList(),
-                onChanged: (v) {
-                  if (v != null) setState(() => selectedType = v);
-                },
-              ),
-
-              // NÚMERO (Só aparece se for Jogador)
-              if (selectedType == "Jogador") ...[
-                const SizedBox(height: 10),
-                TextField(
-                  controller: numCtrl,
-                  decoration: const InputDecoration(labelText: "Número da Camisola"),
-                  keyboardType: TextInputType.text, // Aceita texto para evitar erros
-                ),
-              ],
-            ],
-          ),
-          actions: [
-            TextButton(
-              onPressed: () => Navigator.pop(ctx), 
-              child: const Text("Cancelar")
-            ),
-            ElevatedButton(
-              style: ElevatedButton.styleFrom(backgroundColor: const Color(0xFF00C853)),
-              onPressed: () async {
-                print("--- 1. CLICOU EM GUARDAR ---");
-
-                // Validação Simples
-                if (nameCtrl.text.trim().isEmpty) {
-                  print("ERRO: Nome vazio");
-                  return;
-                }
-
-                // Lógica do Número:
-                // Se for Treinador -> envia NULL
-                // Se for Jogador e estiver vazio -> envia NULL
-                // Se tiver texto -> envia o Texto
-                String? numeroFinal;
-                if (selectedType == "Treinador") {
-                  numeroFinal = null;
-                } else {
-                  numeroFinal = numCtrl.text.trim().isEmpty ? null : numCtrl.text.trim();
-                }
-
-                print("--- 2. DADOS A ENVIAR ---");
-                print("Nome: ${nameCtrl.text}");
-                print("Tipo: $selectedType");
-                print("Número: $numeroFinal");
-
-                try {
-                  if (isEdit) {
-                    await _supabase.from('members').update({
-                      'name': nameCtrl.text.trim(),
-                      'type': selectedType,
-                      'number': numeroFinal,
-                    }).eq('id', person!.id);
-                  } else {
-                    await _supabase.from('members').insert({
-                      'team_id': teamId, // Verifica se este teamId é válido!
-                      'name': nameCtrl.text.trim(),
-                      'type': selectedType,
-                      'number': numeroFinal,
-                    });
-                  }
-
-                  print("--- 3. SUCESSO! FECHANDO DIÁLOGO ---");
-                  if (ctx.mounted) Navigator.pop(ctx);
-                  
-                } catch (e) {
-                  print("--- X. ERRO AO GUARDAR ---");
-                  print(e.toString());
-                  
-                  // MOSTRA O ERRO NO TELEMÓVEL
-                  if (ctx.mounted) {
-                    ScaffoldMessenger.of(ctx).showSnackBar(
-                      SnackBar(
-                        content: Text("Erro: $e"),
-                        backgroundColor: Colors.red,
-                        duration: const Duration(seconds: 4),
-                      ),
-                    );
-                  }
-                }
-              },
-              child: const Text("Guardar", style: TextStyle(color: Colors.white)),
-            )
-          ],
-        ),
-      ),
-    );
-  }
-}*/

lib/controllers/team_controller.dart

@@ -1,21 +1,24 @@
 import 'package:supabase_flutter/supabase_flutter.dart';
 
 class TeamController {
-  // Instância do cliente Supabase
   final _supabase = Supabase.instance.client;
 
-  // 1. STREAM (Realtime)
+  // 1. Variável fixa para guardar o Stream principal
-  // Adicionei o .map() no final para garantir que o Dart entende que é uma List<Map>
+  late final Stream<List<Map<String, dynamic>>> teamsStream;
-  Stream<List<Map<String, dynamic>>> get teamsStream {
+
-    return _supabase
+  // 2. Dicionário (Cache) para não recriar Streams de contagem repetidos
+  final Map<String, Stream<int>> _playerCountStreams = {};
+
+  TeamController() {
+    // INICIALIZAÇÃO: O stream é criado APENAS UMA VEZ quando abres a página!
+    teamsStream = _supabase
         .from('teams')
         .stream(primaryKey: ['id'])
         .order('name', ascending: true)
         .map((data) => List<Map<String, dynamic>>.from(data));
   }
 
-  // 2. CRIAR
+  // CRIAR
-  // Alterei imageUrl para String? (pode ser nulo) para evitar erros se não houver imagem
   Future<void> createTeam(String name, String season, String? imageUrl) async {
     try {
       await _supabase.from('teams').insert({
@@ -30,42 +33,50 @@ class TeamController {
     }
   }
 
-  // 3. ELIMINAR
+  // ELIMINAR
   Future<void> deleteTeam(String id) async {
     try {
       await _supabase.from('teams').delete().eq('id', id);
+      // Limpa o cache deste teamId se a equipa for apagada
+      _playerCountStreams.remove(id);
     } catch (e) {
       print("❌ Erro ao eliminar: $e");
     }
   }
 
-  // 4. FAVORITAR
+  // FAVORITAR
   Future<void> toggleFavorite(String teamId, bool currentStatus) async {
     try {
       await _supabase
           .from('teams')
-          .update({'is_favorite': !currentStatus}) // Inverte o valor
+          .update({'is_favorite': !currentStatus})
           .eq('id', teamId);
     } catch (e) {
       print("❌ Erro ao favoritar: $e");
     }
   }
 
-  // 5. CONTAR JOGADORES
+  // CONTAR JOGADORES (AGORA COM CACHE DE MEMÓRIA!)
-  // CORRIGIDO: A sintaxe antiga dava erro. O método .count() é o correto agora.
+  Stream<int> getPlayerCountStream(String teamId) {
-  Future<int> getPlayerCount(String teamId) async {
+    // Se já criámos um "Tubo de ligação" para esta equipa, REUTILIZA-O!
-    try {
+    if (_playerCountStreams.containsKey(teamId)) {
-      final count = await _supabase
+      return _playerCountStreams[teamId]!;
-          .from('members')
-          .count() // Retorna diretamente o número inteiro
-          .eq('team_id', teamId);
-      return count;
-    } catch (e) {
-      print("Erro ao contar jogadores: $e");
-      return 0;
     }
+
+    // Se é a primeira vez que pede esta equipa, cria a ligação e guarda na memória
+    final newStream = _supabase
+        .from('members')
+        .stream(primaryKey: ['id'])
+        .eq('team_id', teamId)
+        .map((data) => data.length);
+        
+    _playerCountStreams[teamId] = newStream; // Guarda no dicionário
+    return newStream;
   }
 
-  // Mantemos o dispose vazio para não quebrar a chamada na TeamsPage
+  // LIMPEZA FINAL QUANDO SAÍMOS DA PÁGINA
-  void dispose() {}
+  void dispose() {
+    // Limpamos o dicionário de streams para libertar memória RAM
+    _playerCountStreams.clear();
+  }
 }

lib/grafico de pizza/dados_grafico.dart

@@ -1,7 +1,7 @@
 class PieChartData {
   final int victories;
   final int defeats;
-  final int draws;
+  final int draws; // 👇 AQUI ESTÃO OS EMPATES
 
   const PieChartData({
     required this.victories,
@@ -9,6 +9,7 @@ class PieChartData {
     this.draws = 0,
   });
 
+  // 👇 MATEMÁTICA ATUALIZADA 👇
   int get total => victories + defeats + draws;
   
   double get victoryPercentage => total > 0 ? victories / total : 0;
@@ -22,5 +23,6 @@ class PieChartData {
     'total': total,
     'victoryPercentage': victoryPercentage,
     'defeatPercentage': defeatPercentage,
+    'drawPercentage': drawPercentage,
   };
 }

lib/grafico de pizza/grafico.dart

@@ -3,15 +3,20 @@ import 'package:playmaker/grafico%20de%20pizza/widgets/grafico_widgets.dart';
 import 'dados_grafico.dart';
 
 class PieChartCard extends StatefulWidget {
-  final PieChartController? controller;
+  final int victories;
+  final int defeats;
+  final int draws;
   final String title;
   final String subtitle;
-  final Color? backgroundColor;
+  final Color backgroundColor;
   final VoidCallback? onTap;
+  final double sf;
 
   const PieChartCard({
     super.key,
-    this.controller,
+    this.victories = 0,
+    this.defeats = 0,
+    this.draws = 0,
     this.title = 'DESEMPENHO',
     this.subtitle = 'Temporada',
     this.onTap, 
@@ -24,30 +29,26 @@ class PieChartCard extends StatefulWidget {
 }
 
 class _PieChartCardState extends State<PieChartCard> with SingleTickerProviderStateMixin {
-  late PieChartController _controller;
   late AnimationController _animationController;
   late Animation<double> _animation;
 
   @override
   void initState() {
     super.initState();
-    _controller = widget.controller ?? PieChartController();
+    _animationController = AnimationController(duration: const Duration(milliseconds: 600), vsync: this);
-    
+    _animation = Tween<double>(begin: 0.0, end: 1.0).animate(CurvedAnimation(parent: _animationController, curve: Curves.easeOutBack));
-    _animationController = AnimationController(
-      duration: const Duration(milliseconds: 600),
-      vsync: this,
-    );
-    
-    _animation = Tween<double>(begin: 0.0, end: 1.0).animate(
-      CurvedAnimation(
-        parent: _animationController,
-        curve: Curves.easeOutBack,
-      ),
-    );
-    
     _animationController.forward();
   }
 
+  @override
+  void didUpdateWidget(PieChartCard oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (oldWidget.victories != widget.victories || oldWidget.defeats != widget.defeats || oldWidget.draws != widget.draws) {
+      _animationController.reset();
+      _animationController.forward();
+    }
+  }
+
   @override
   void dispose() {
     _animationController.dispose();
@@ -167,49 +168,15 @@ class _PieChartCardState extends State<PieChartCard> with SingleTickerProviderSt
                                     color: Colors.white
                                   )
                                 ),
-                              ), 
+                              ],
-                            ],
-                          ),
-                        ],
-                      ),
-                    ),
-                    
-                    SizedBox(height: 10), // Espaço controlado
-                    
-                    // Win rate - Sempre visível e não sobreposto
-                    Container(
-                      padding: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
-                      decoration: BoxDecoration(
-                        color: Colors.white.withOpacity(0.1),
-                        borderRadius: BorderRadius.circular(12),
-                      ),
-                      child: Row(
-                        mainAxisAlignment: MainAxisAlignment.center,
-                        children: [
-                          Icon(
-                            data.victoryPercentage > 0.5 
-                              ? Icons.trending_up 
-                              : Icons.trending_down,
-                            color: data.victoryPercentage > 0.5 
-                              ? Colors.green 
-                              : Colors.red,
-                            size: 18, // Pequeno
-                          ),
-                          SizedBox(width: 8),
-                          Text(
-                            'Win Rate: ${(data.victoryPercentage * 100).toStringAsFixed(1)}%',
-                            style: TextStyle(
-                              fontSize: 14, // Pequeno
-                              fontWeight: FontWeight.bold,
-                              color: Colors.white,
                             ),
                           ),
-                        ],
+                        ),
                       ),
-                    ),
+                    ],
-                  ],
+                  ),
-                ),
+                );
-              ),
+              }
             ),
           ),
         ),

lib/grafico de pizza/widgets/grafico_widgets.dart

@@ -5,14 +5,14 @@ class PieChartWidget extends StatelessWidget {
   final double victoryPercentage;
   final double defeatPercentage;
   final double drawPercentage;
-  final double size;
+  final double sf;
 
   const PieChartWidget({
     super.key,
     required this.victoryPercentage,
     required this.defeatPercentage,
     this.drawPercentage = 0,
-    this.size = 140, // Aumentado para 400x300
+    required this.sf,
   });
 
   @override
@@ -73,12 +73,12 @@ class PieChartWidget extends StatelessWidget {
   }
 }
 
-class _DonutChartPainter extends CustomPainter {
+class _PieChartPainter extends CustomPainter {
   final double victoryPercentage;
   final double defeatPercentage;
   final double drawPercentage;
 
-  _DonutChartPainter({
+  _PieChartPainter({
     required this.victoryPercentage,
     required this.defeatPercentage,
     required this.drawPercentage,

lib/main.dart

@@ -1,42 +1,35 @@
 import 'package:flutter/material.dart';
 import 'package:supabase_flutter/supabase_flutter.dart';
-import 'package:playmaker/classe/theme.dart'; // 👇 IMPORTA O TEU TEMA
 import 'pages/login.dart';
 
-// ========================================================
-// 👇 A VARIÁVEL MÁGICA QUE FALTAVA (Fora do void main) 👇
-// ========================================================
-final ValueNotifier<ThemeMode> themeNotifier = ValueNotifier(ThemeMode.system);
-
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
 
   await Supabase.initialize(
     url: 'https://sihwjdshexjyvsbettcd.supabase.co', 
-    anonKey: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InNpaHdqZHNoZXhqeXZzYmV0dGNkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3Njg5MTQxMjgsImV4cCI6MjA4NDQ5MDEyOH0.gW3AvTJVNyE1Dqa72OTnhrUIKsndexrY3pKxMIAaAy8',
+    anonKey: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InNpaHdqZHNoZXhqeXZzYmV0dGNkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3Njg5MTQxMjgsImV4cCI6MjA4NDQ5MDEyOH0.gW3AvTJVNyE1Dqa72OTnhrUIKsndexrY3pKxMIAaAy8',    // Uma string longa
+  
   );
 
   runApp(const MyApp());
 }
 
+
 class MyApp extends StatelessWidget {
   const MyApp({super.key});
 
   @override
   Widget build(BuildContext context) {
-    // FICA À ESCUTA DO THEMENOTIFIER
+    return MaterialApp(
-    return ValueListenableBuilder<ThemeMode>(
+      debugShowCheckedModeBanner: false,
-      valueListenable: themeNotifier,
+      title: 'PlayMaker',
-      builder: (_, ThemeMode currentMode, __) {
+      theme: ThemeData(
-        return MaterialApp(
+        colorScheme: ColorScheme.fromSeed(
-          debugShowCheckedModeBanner: false,
+          seedColor: const Color(0xFFE74C3C), 
-          title: 'PlayMaker',
+        ),
-          theme: AppTheme.lightTheme,
+        useMaterial3: true,
-          darkTheme: AppTheme.darkTheme,
+      ),
-          themeMode: currentMode, // 👇 ISTO RECEBE O VALOR DO NOTIFIER
+      home: const LoginPage(),
-          home: const LoginPage(),
-        );
-      },
     );
   }
 }

lib/models/game_model.dart

@@ -2,8 +2,6 @@ class Game {
   final String id;
   final String myTeam;
   final String opponentTeam;
-  final String? myTeamLogo; // URL da imagem
-  final String? opponentTeamLogo; // URL da imagem
   final String myScore;
   final String opponentScore;
   final String status;
@@ -13,26 +11,22 @@ class Game {
     required this.id,
     required this.myTeam,
     required this.opponentTeam,
-    this.myTeamLogo,
-    this.opponentTeamLogo,
     required this.myScore,
     required this.opponentScore,
     required this.status,
     required this.season,
   });
 
-  // No seu factory, certifique-se de mapear os campos da tabela (ou de um JOIN)
   factory Game.fromMap(Map<String, dynamic> map) {
     return Game(
-      id: map['id'],
+      // O "?." converte para texto com segurança, e o "?? '...'" diz o que mostrar se for nulo (vazio)
-      myTeam: map['my_team_name'],
+      id: map['id']?.toString() ?? '',
-      opponentTeam: map['opponent_team_name'],
+      myTeam: map['my_team']?.toString() ?? 'Desconhecida',
-      myTeamLogo: map['my_team_logo'], // Certifique-se que o Supabase retorna isto
+      opponentTeam: map['opponent_team']?.toString() ?? 'Adversário',
-      opponentTeamLogo: map['opponent_team_logo'],
+      myScore: map['my_score']?.toString() ?? '0',
-      myScore: map['my_score'].toString(),
+      opponentScore: map['opponent_score']?.toString() ?? '0',
-      opponentScore: map['opponent_score'].toString(),
+      status: map['status']?.toString() ?? 'Terminado',
-      status: map['status'],
+      season: map['season']?.toString() ?? 'Sem Época',
-      season: map['season'],
     );
   }
 }

lib/pages/PlacarPage.dart

@@ -1,362 +1,325 @@
-import 'package:flutter/material.dart';
+  import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
+  import 'package:flutter/services.dart';
-import 'package:playmaker/controllers/placar_controller.dart';
+  import 'package:playmaker/controllers/placar_controller.dart';
 import 'package:playmaker/utils/size_extension.dart';
-import 'package:playmaker/widgets/placar_widgets.dart'; // 👇 As tuas classes extra vivem aqui!
+  import 'package:playmaker/widgets/placar_widgets.dart';
-import 'dart:math' as math;
+  import 'dart:math' as math;
 
-import 'package:playmaker/zone_map_dialog.dart';
+  class PlacarPage extends StatefulWidget {
+    final String gameId, myTeam, opponentTeam;
+    const PlacarPage({super.key, required this.gameId, required this.myTeam, required this.opponentTeam});
 
-class PlacarPage extends StatefulWidget {
+    @override
-  final String gameId, myTeam, opponentTeam;
+    State<PlacarPage> createState() => _PlacarPageState();
-  
-  const PlacarPage({
-    super.key, 
-    required this.gameId, 
-    required this.myTeam, 
-    required this.opponentTeam
-  });
-
-  @override
-  State<PlacarPage> createState() => _PlacarPageState();
-}
-
-class _PlacarPageState extends State<PlacarPage> {
-  late PlacarController _controller;
-
-  @override
-  void initState() {
-    super.initState();
-    // Obriga o telemóvel a ficar deitado
-    SystemChrome.setPreferredOrientations([
-      DeviceOrientation.landscapeRight,
-      DeviceOrientation.landscapeLeft,
-    ]);
-    
-    _controller = PlacarController(
-      gameId: widget.gameId,
-      myTeam: widget.myTeam, 
-      opponentTeam: widget.opponentTeam,
-      onUpdate: () {
-        if (mounted) setState(() {});
-      }
-    );
-    _controller.loadPlayers();
   }
 
-  @override
+  class _PlacarPageState extends State<PlacarPage> {
-  void dispose() {
+    late PlacarController _controller;
-    _controller.dispose();
-    // Volta a deixar o telemóvel ao alto quando sais
-    SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
-    super.dispose();
-  }
 
-  // --- BOTÕES FLUTUANTES DE FALTA ---
+    @override
-  Widget _buildFloatingFoulBtn(String label, Color color, String action, IconData icon, double left, double right, double top, double sf) {
+    void initState() {
-    return Positioned(
+      super.initState();
-      top: top,
+      SystemChrome.setPreferredOrientations([
-      left: left > 0 ? left : null,
+        DeviceOrientation.landscapeRight,
-      right: right > 0 ? right : null,
+        DeviceOrientation.landscapeLeft,
-      child: Draggable<String>(
+      ]);
-        data: action,
+      
-        feedback: Material(
+      _controller = PlacarController(
-          color: Colors.transparent,
+        gameId: widget.gameId,
-          child: CircleAvatar(
+        myTeam: widget.myTeam, 
-            radius: 30 * sf, 
+        opponentTeam: widget.opponentTeam,
-            backgroundColor: color.withOpacity(0.8), 
+        onUpdate: () {
-            child: Icon(icon, color: Colors.white, size: 30 * sf) 
+          if (mounted) setState(() {});
-          ),
+        }
-        ),
+      );
-        child: Column(
+      _controller.loadPlayers();
-          children: [
+    }
-            CircleAvatar(
+
-              radius: 27 * sf, 
+    @override
-              backgroundColor: color,
+    void dispose() {
-              child: Icon(icon, color: Colors.white, size: 28 * sf), 
+      _controller.dispose();
+      SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
+      super.dispose();
+    }
+
+    // --- BOTÕES FLUTUANTES DE FALTA ---
+    Widget _buildFloatingFoulBtn(String label, Color color, String action, IconData icon, double left, double right, double top, double sf) {
+      return Positioned(
+        top: top,
+        left: left > 0 ? left : null,
+        right: right > 0 ? right : null,
+        child: Draggable<String>(
+          data: action,
+          feedback: Material(
+            color: Colors.transparent,
+            child: CircleAvatar(
+              radius: 30 * sf, 
+              backgroundColor: color.withOpacity(0.8), 
+              child: Icon(icon, color: Colors.white, size: 30 * sf) 
             ),
-            SizedBox(height: 5 * sf), 
+          ),
-            Text(label, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 12 * sf)), 
-          ],
-        ),
-      ),
-    );
-  }
-
-  // --- BOTÕES LATERAIS QUADRADOS ---
-  Widget _buildCornerBtn({required String heroTag, required IconData icon, required Color color, required VoidCallback onTap, required double size, bool isLoading = false}) {
-    return SizedBox(
-      width: size, 
-      height: size,
-      child: FloatingActionButton(
-        heroTag: heroTag, 
-        backgroundColor: color,
-        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14 * (size / 50))), 
-        elevation: 5, 
-        onPressed: isLoading ? null : onTap,
-        child: isLoading 
-            ? SizedBox(width: size * 0.45, height: size * 0.45, child: const CircularProgressIndicator(color: Colors.white, strokeWidth: 2.5)) 
-            : Icon(icon, color: Colors.white, size: size * 0.55), 
-      ),
-    );
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    final double wScreen = MediaQuery.of(context).size.width;
-    final double hScreen = MediaQuery.of(context).size.height;
-    
-    // 👇 CÁLCULO MANUAL DO SF 👇
-    final double sf = math.min(wScreen / 1150, hScreen / 720); 
-    final double cornerBtnSize = 48 * sf; // Tamanho ideal 
-
-    // ==========================================
-    // ECRÃ DE CARREGAMENTO (LOADING)
-    // ==========================================
-    if (_controller.isLoading) {
-      return Scaffold(
-        backgroundColor: const Color(0xFF16202C),
-        body: Center(
           child: Column(
-            mainAxisAlignment: MainAxisAlignment.center,
             children: [
-              Text("PREPARANDO O PAVILHÃO", style: TextStyle(color: Colors.white24, fontSize: 45 * sf, fontWeight: FontWeight.bold, letterSpacing: 2)), 
+              CircleAvatar(
-              SizedBox(height: 35 * sf), 
+                radius: 27 * sf, 
-              StreamBuilder(
+                backgroundColor: color,
-                stream: Stream.periodic(const Duration(seconds: 3)),
+                child: Icon(icon, color: Colors.white, size: 28 * sf), 
-                builder: (context, snapshot) {
-                  List<String> frases = [
-                    "O Treinador está a desenhar a tática...",
-                    "A encher as bolas com ar de campeão...",
-                    "O árbitro está a testar o apito...",
-                    "A verificar se o cesto está nivelado...",
-                    "Os jogadores estão a terminar o aquecimento..."
-                  ];
-                  String frase = frases[DateTime.now().second % frases.length];
-                  return Text(frase, style: TextStyle(color: Colors.orange.withOpacity(0.7), fontSize: 26 * sf, fontStyle: FontStyle.italic)); 
-                },
               ),
+              SizedBox(height: 5 * sf), 
+              Text(label, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 12 * sf)), 
             ],
           ),
         ),
       );
     }
 
-    // ==========================================
+    // --- BOTÕES LATERAIS QUADRADOS ---
-    // ECRÃ PRINCIPAL (O JOGO)
+    Widget _buildCornerBtn({required String heroTag, required IconData icon, required Color color, required VoidCallback onTap, required double size, bool isLoading = false}) {
-    // ==========================================
+      return SizedBox(
-    return Scaffold(
+        width: size, 
-      backgroundColor: const Color(0xFF266174),
+        height: size,
-      body: SafeArea(
+        child: FloatingActionButton(
-        top: false,    
+          heroTag: heroTag, 
-        bottom: false, 
+          backgroundColor: color,
-        // 👇 IGNORE POINTER BLOQUEIA CLIQUES ENQUANTO GUARDA 👇
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14 * (size / 50))), 
-        child: IgnorePointer(
+          elevation: 5, 
-          ignoring: _controller.isSaving, 
+          onPressed: isLoading ? null : onTap,
-          child: Stack(
+          child: isLoading 
-            children: [
+              ? SizedBox(width: size*0.45, height: size*0.45, child: const CircularProgressIndicator(color: Colors.white, strokeWidth: 2.5)) 
-              // --- 1. O CAMPO ---
+              : Icon(icon, color: Colors.white, size: size * 0.55), 
-              Container(
+        ),
-                margin: EdgeInsets.only(left: 65 * sf, right: 65 * sf, bottom: 55 * sf), 
+      );
-                decoration: BoxDecoration(border: Border.all(color: Colors.white, width: 2.5)), 
+    }
-                child: LayoutBuilder(
-                  builder: (context, constraints) {
-                    final w = constraints.maxWidth;
-                    final h = constraints.maxHeight;
 
-                    return Stack(
+    @override
-                      children: [
+    Widget build(BuildContext context) {
-                        GestureDetector(
+      final double wScreen = MediaQuery.of(context).size.width;
-                          onTapDown: (details) {
+      final double hScreen = MediaQuery.of(context).size.height;
-                            if (_controller.isSelectingShotLocation) {
-                              _controller.registerShotLocation(context, details.localPosition, Size(w, h));
-                            }
-                          },
-                          child: Container(
-                            decoration: const BoxDecoration(
-                              image: DecorationImage(
-                                image: AssetImage('assets/campo.png'), 
-                                fit: BoxFit.fill, 
-                              ),                          
-                            ),
-                            child: Stack(
-                              children: _controller.matchShots.map((shot) => Positioned(
-                                // Posição calculada matematicamente pelo click anterior
-                                left: (shot.relativeX * w) - (9 * context.sf), 
-                                top: (shot.relativeY * h) - (9 * context.sf), 
-                                child: CircleAvatar(
-                                  radius: 9 * context.sf, 
-                                  backgroundColor: shot.isMake ? Colors.green : Colors.red, 
-                                  child: Icon(shot.isMake ? Icons.check : Icons.close, size: 11 * context.sf, color: Colors.white)
-                                ), 
-                              )).toList(),
-                            ),
-                          ),
-                        ),
       
-                        // --- 2. JOGADORES NO CAMPO ---
+      // 👇 CÁLCULO MANUAL DO SF 👇
-                        if (!_controller.isSelectingShotLocation) ...[
+      final double sf = math.min(wScreen / 1150, hScreen / 720); 
-                          Positioned(top: h * 0.25, left: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[0], isOpponent: false, sf: sf)),
-                          Positioned(top: h * 0.68, left: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[1], isOpponent: false, sf: sf)),
-                          Positioned(top: h * 0.45, left: w * 0.25, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[2], isOpponent: false, sf: sf)),
-                          Positioned(top: h * 0.15, left: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[3], isOpponent: false, sf: sf)),
-                          Positioned(top: h * 0.80, left: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[4], isOpponent: false, sf: sf)),
 
-                          Positioned(top: h * 0.25, right: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[0], isOpponent: true, sf: sf)), 
+      final double cornerBtnSize = 48 * sf; // Tamanho ideal (Nem 38 nem 55)
-                          Positioned(top: h * 0.68, right: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[1], isOpponent: true, sf: sf)), 
-                          Positioned(top: h * 0.45, right: w * 0.25, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[2], isOpponent: true, sf: sf)), 
-                          Positioned(top: h * 0.15, right: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[3], isOpponent: true, sf: sf)), 
-                          Positioned(top: h * 0.80, right: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[4], isOpponent: true, sf: sf)), 
-                        ],
 
-                        // --- 3. BOTÕES DE FALTAS NO CAMPO ---
+      if (_controller.isLoading) {
-                        if (!_controller.isSelectingShotLocation) ...[
+        return Scaffold(
-                          _buildFloatingFoulBtn("FALTA +", Colors.orange, "add_foul", Icons.sports, w * 0.39, 0.0, h * 0.31, sf),
+          backgroundColor: const Color(0xFF16202C),
-                          _buildFloatingFoulBtn("FALTA -", Colors.redAccent, "sub_foul", Icons.block, 0.0, w * 0.39, h * 0.31, sf),
+          body: Center(
-                        ],
+            child: Column(
-
+              mainAxisAlignment: MainAxisAlignment.center,
-                        // --- 4. BOTÃO PLAY/PAUSE NO MEIO ---
+              children: [
-                        if (!_controller.isSelectingShotLocation)
+                Text("PREPARANDO O PAVILHÃO", style: TextStyle(color: Colors.white24, fontSize: 45 * sf, fontWeight: FontWeight.bold, letterSpacing: 2)), 
-                          Positioned(
+                SizedBox(height: 35 * sf), 
-                            top: (h * 0.32) + (40 * sf), 
+                StreamBuilder(
-                            left: 0, right: 0, 
+                  stream: Stream.periodic(const Duration(seconds: 3)),
-                            child: Center(
+                  builder: (context, snapshot) {
-                              child: GestureDetector(
+                    List<String> frases = [
-                                onTap: () => _controller.toggleTimer(context),
+                      "O Treinador está a desenhar a tática...",
-                                child: CircleAvatar(
+                      "A encher as bolas com ar de campeão...",
-                                  radius: 68 * sf, 
+                      "O árbitro está a testar o apito...",
-                                  backgroundColor: Colors.grey.withOpacity(0.5), 
+                      "A verificar se o cesto está nivelado...",
-                                  child: Icon(_controller.isRunning ? Icons.pause : Icons.play_arrow, color: Colors.white, size: 58 * sf)
+                      "Os jogadores estão a terminar o aquecimento..."
-                                ), 
+                    ];
-                              ),
+                    String frase = frases[DateTime.now().second % frases.length];
-                            ),
+                    return Text(frase, style: TextStyle(color: Colors.orange.withOpacity(0.7), fontSize: 26 * sf, fontStyle: FontStyle.italic)); 
-                          ),
-
-                        // --- 5. PLACAR LÁ NO TOPO ---
-                        Positioned(top: 0, left: 0, right: 0, child: Center(child: TopScoreboard(controller: _controller, sf: sf))),
-                        
-                        // --- 6. PAINEL DE BOTÕES DE AÇÃO LÁ EM BAIXO ---
-                        if (!_controller.isSelectingShotLocation) Positioned(bottom: -10 * sf, left: 0, right: 0, child: ActionButtonsPanel(controller: _controller, sf: sf)),
-
-                        // --- 7. OVERLAY ESCURO PARA MARCAR PONTO NO CAMPO ---
-                        if (_controller.isSelectingShotLocation)
-                          Positioned(
-                            top: h * 0.4, left: 0, right: 0,
-                            child: Center(
-                              child: Container(
-                                padding: EdgeInsets.symmetric(horizontal: 35 * sf, vertical: 18 * sf), 
-                                decoration: BoxDecoration(color: Colors.black87, borderRadius: BorderRadius.circular(11 * sf), border: Border.all(color: Colors.white, width: 1.5 * sf)), 
-                                child: Text("TOQUE NO CAMPO PARA MARCAR O LOCAL DO LANÇAMENTO", style: TextStyle(color: Colors.white, fontSize: 27 * sf, fontWeight: FontWeight.bold)), 
-                              ),
-                            ),
-                          ),
-                      ],
-                    );
                   },
                 ),
-              ),
+              ],
+            ),
+          ),
+        );
+      }
 
-              // ==========================================
+      return Scaffold(
-              // BOTÕES LATERAIS DE FORA DO CAMPO
+        backgroundColor: const Color(0xFF266174),
-              // ==========================================
+        body: SafeArea(
+          top: false,    
+          bottom: false, 
+          // 👇 A MÁGICA DO IGNORE POINTER COMEÇA AQUI 👇
+          child: IgnorePointer(
+            ignoring: _controller.isSaving, // Se estiver a gravar, ignora os toques!
+            child: Stack(
+              children: [
+                // --- O CAMPO ---
+                Container(
+                  margin: EdgeInsets.only(left: 65 * sf, right: 65 * sf, bottom: 55 * sf), 
+                  decoration: BoxDecoration(border: Border.all(color: Colors.white, width: 2.5)), 
+                  child: LayoutBuilder(
+                    builder: (context, constraints) {
+                      final w = constraints.maxWidth;
+                      final h = constraints.maxHeight;
 
-              // Topo Esquerdo: Guardar e Sair
+                      return Stack(
-              Positioned(
+                        children: [
-                top: 50 * sf, left: 12 * sf, 
+                          GestureDetector(
-                child: _buildCornerBtn(
+                            onTapDown: (details) {
-                  heroTag: 'btn_save_exit', 
+                              if (_controller.isSelectingShotLocation) {
-                  icon: Icons.save_alt, 
+                                _controller.registerShotLocation(context, details.localPosition, Size(w, h));
-                  color: const Color(0xFFD92C2C), 
+                              }
-                  size: cornerBtnSize, 
+                            },
-                  isLoading: _controller.isSaving, 
+                            child: Container(
-                  onTap: () async {
+                              decoration: const BoxDecoration(
-                    // Guarda na BD e sai
+                                image: DecorationImage(
-                    await _controller.saveGameStats(context);
+                                  image: AssetImage('assets/campo.png'), 
-                    if (context.mounted) {
+                                  fit: BoxFit.fill, 
-                      Navigator.pop(context);
+                                ),                          
-                    }
+                              ),
-                  }
+child: Stack(
-                ),
+                            children: _controller.matchShots.map((shot) => Positioned(
-              ),
+                              // Agora usamos relativeX e relativeY multiplicados pela largura(w) e altura(h)
+                              left: (shot.relativeX * w) - (9 * context.sf), 
+                              top: (shot.relativeY * h) - (9 * context.sf), 
+                              child: CircleAvatar(
+                                radius: 9 * context.sf, 
+                                backgroundColor: shot.isMake ? Colors.green : Colors.red, 
+                                child: Icon(shot.isMake ? Icons.check : Icons.close, size: 11 * context.sf, color: Colors.white)
+                              ), 
+                            )).toList(),
+                          ),
+                            ),
+                          ),
 
-              // Base Esquerda: Banco + TIMEOUT DA CASA
+                          // --- JOGADORES ---
-              Positioned(
+                          if (!_controller.isSelectingShotLocation) ...[
-                bottom: 55 * sf, left: 12 * sf, 
+                            Positioned(top: h * 0.25, left: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[0], isOpponent: false, sf: sf)),
-                child: Column(
+                            Positioned(top: h * 0.68, left: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[1], isOpponent: false, sf: sf)),
-                  mainAxisSize: MainAxisSize.min,
+                            Positioned(top: h * 0.45, left: w * 0.25, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[2], isOpponent: false, sf: sf)),
-                  children: [
+                            Positioned(top: h * 0.15, left: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[3], isOpponent: false, sf: sf)),
-                    if (_controller.showMyBench) BenchPlayersList(controller: _controller, isOpponent: false, sf: sf),
+                            Positioned(top: h * 0.80, left: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[4], isOpponent: false, sf: sf)),
-                    SizedBox(height: 12 * sf), 
-                    _buildCornerBtn(heroTag: 'btn_sub_home', icon: Icons.swap_horiz, color: const Color(0xFF1E5BB2), size: cornerBtnSize, onTap: () { _controller.showMyBench = !_controller.showMyBench; _controller.onUpdate(); }),
-                    SizedBox(height: 12 * sf), 
-                    _buildCornerBtn(
-                      heroTag: 'btn_to_home', 
-                      icon: Icons.timer, 
-                      color: _controller.myTimeoutsUsed >= 3 ? Colors.grey : const Color(0xFF1E5BB2), 
-                      size: cornerBtnSize, 
-                      onTap: _controller.myTimeoutsUsed >= 3 
-                        ? () => ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('🛑 A equipa da casa já usou os 3 Timeouts deste período!'), backgroundColor: Colors.red))
-                        : () => _controller.useTimeout(false)
-                    ),
-                  ],
-                ),
-              ),
                             
-              // Base Direita: Banco + TIMEOUT DO VISITANTE
+                            Positioned(top: h * 0.25, right: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[0], isOpponent: true, sf: sf)), 
-              Positioned(
+                            Positioned(top: h * 0.68, right: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[1], isOpponent: true, sf: sf)), 
-                bottom: 55 * sf, right: 12 * sf, 
+                            Positioned(top: h * 0.45, right: w * 0.25, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[2], isOpponent: true, sf: sf)), 
-                child: Column(
+                            Positioned(top: h * 0.15, right: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[3], isOpponent: true, sf: sf)), 
-                  mainAxisSize: MainAxisSize.min,
+                            Positioned(top: h * 0.80, right: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[4], isOpponent: true, sf: sf)), 
-                  children: [
+                          ],
-                    if (_controller.showOppBench) BenchPlayersList(controller: _controller, isOpponent: true, sf: sf),
-                    SizedBox(height: 12 * sf), 
-                    _buildCornerBtn(heroTag: 'btn_sub_away', icon: Icons.swap_horiz, color: const Color(0xFFD92C2C), size: cornerBtnSize, onTap: () { _controller.showOppBench = !_controller.showOppBench; _controller.onUpdate(); }),
-                    SizedBox(height: 12 * sf), 
-                    _buildCornerBtn(
-                      heroTag: 'btn_to_away', 
-                      icon: Icons.timer, 
-                      color: _controller.opponentTimeoutsUsed >= 3 ? Colors.grey : const Color(0xFFD92C2C), 
-                      size: cornerBtnSize, 
-                      onTap: _controller.opponentTimeoutsUsed >= 3 
-                        ? () => ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('🛑 A equipa visitante já usou os 3 Timeouts deste período!'), backgroundColor: Colors.red))
-                        : () => _controller.useTimeout(true)
-                    ),
-                  ],
-                ),
-              ),
 
-              // 👇 EFEITO VISUAL (Ecrã escurece para mostrar que está a carregar quando se clica no Guardar) 👇
+                          // --- BOTÕES DE FALTAS ---
-              if (_controller.isSaving)
+                          if (!_controller.isSelectingShotLocation) ...[
-                Positioned.fill(
+                            _buildFloatingFoulBtn("FALTA +", Colors.orange, "add_foul", Icons.sports, w * 0.39, 0.0, h * 0.31, sf),
-                  child: Container(
+                            _buildFloatingFoulBtn("FALTA -", Colors.redAccent, "sub_foul", Icons.block, 0.0, w * 0.39, h * 0.31, sf),
-                    color: Colors.black.withOpacity(0.4), 
+                          ],
+
+                          // --- BOTÃO PLAY/PAUSE ---
+                        if (!_controller.isSelectingShotLocation)
+                            Positioned(
+                              top: (h * 0.32) + (40 * sf), 
+                              left: 0, right: 0, 
+                              child: Center(
+                                child: GestureDetector(
+                                  onTap: () => _controller.toggleTimer(context),
+                                  child: CircleAvatar(
+                                    radius: 68 * sf, 
+                                    backgroundColor: Colors.grey.withOpacity(0.5), 
+                                    child: Icon(_controller.isRunning ? Icons.pause : Icons.play_arrow, color: Colors.white, size: 58 * sf)
+                                  ), 
+                                ),
+                              ),
+                            ),
+                          // --- PLACAR NO TOPO ---
+                          Positioned(top: 0, left: 0, right: 0, child: Center(child: TopScoreboard(controller: _controller, sf: sf))),
+                          
+                          // --- BOTÕES DE AÇÃO ---
+                          if (!_controller.isSelectingShotLocation) Positioned(bottom: -10 * sf, left: 0, right: 0, child: ActionButtonsPanel(controller: _controller, sf: sf)),
+
+                          // --- OVERLAY LANÇAMENTO ---
+                          if (_controller.isSelectingShotLocation)
+                            Positioned(
+                              top: h * 0.4, left: 0, right: 0,
+                              child: Center(
+                                child: Container(
+                                  padding: EdgeInsets.symmetric(horizontal: 35 * sf, vertical: 18 * sf), 
+                                  decoration: BoxDecoration(color: Colors.black87, borderRadius: BorderRadius.circular(11 * sf), border: Border.all(color: Colors.white, width: 1.5 * sf)), 
+                                  child: Text("TOQUE NO CAMPO PARA MARCAR O LOCAL DO LANÇAMENTO", style: TextStyle(color: Colors.white, fontSize: 27 * sf, fontWeight: FontWeight.bold)), 
+                                ),
+                              ),
+                            ),
+                        ],
+                      );
+                    },
                   ),
                 ),
-            ],
+
+                // --- BOTÕES LATERAIS ---
+                // Topo Esquerdo: Guardar e Sair (Botão Único)
+                Positioned(
+                  top: 50 * sf, left: 12 * sf, 
+                  child: _buildCornerBtn(
+                    heroTag: 'btn_save_exit', 
+                    icon: Icons.save_alt, 
+                    color: const Color(0xFFD92C2C), 
+                    size: cornerBtnSize, 
+                    isLoading: _controller.isSaving, 
+                    onTap: () async {
+                      // 1. Primeiro obriga a guardar os dados na BD
+                      await _controller.saveGameStats(context);
+                      
+                      // 2. Só depois de acabar de guardar é que volta para trás
+                      if (context.mounted) {
+                        Navigator.pop(context);
+                      }
+                    }
+                  ),
+                ),
+
+                // Base Esquerda: Banco Casa + TIMEOUT DA CASA
+                Positioned(
+                  bottom: 55 * sf, left: 12 * sf, 
+                  child: Column(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      if (_controller.showMyBench) BenchPlayersList(controller: _controller, isOpponent: false, sf: sf),
+                      SizedBox(height: 12 * sf), 
+                      _buildCornerBtn(heroTag: 'btn_sub_home', icon: Icons.swap_horiz, color: const Color(0xFF1E5BB2), size: cornerBtnSize, onTap: () { _controller.showMyBench = !_controller.showMyBench; _controller.onUpdate(); }),
+                      SizedBox(height: 12 * sf), 
+                      _buildCornerBtn(
+                        heroTag: 'btn_to_home', 
+                        icon: Icons.timer, 
+                        color: _controller.myTimeoutsUsed >= 3 ? Colors.grey : const Color(0xFF1E5BB2), 
+                        size: cornerBtnSize, 
+                        onTap: _controller.myTimeoutsUsed >= 3 
+                          ? () => ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('🛑 A equipa da casa já usou os 3 Timeouts deste período!'), backgroundColor: Colors.red))
+                          : () => _controller.useTimeout(false)
+                      ),
+                    ],
+                  ),
+                ),
+
+                // Base Direita: Banco Visitante + TIMEOUT DO VISITANTE
+                Positioned(
+                  bottom: 55 * sf, right: 12 * sf, 
+                  child: Column(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      if (_controller.showOppBench) BenchPlayersList(controller: _controller, isOpponent: true, sf: sf),
+                      SizedBox(height: 12 * sf), 
+                      _buildCornerBtn(heroTag: 'btn_sub_away', icon: Icons.swap_horiz, color: const Color(0xFFD92C2C), size: cornerBtnSize, onTap: () { _controller.showOppBench = !_controller.showOppBench; _controller.onUpdate(); }),
+                      SizedBox(height: 12 * sf), 
+                      _buildCornerBtn(
+                        heroTag: 'btn_to_away', 
+                        icon: Icons.timer, 
+                        color: _controller.opponentTimeoutsUsed >= 3 ? Colors.grey : const Color(0xFFD92C2C), 
+                        size: cornerBtnSize, 
+                        onTap: _controller.opponentTimeoutsUsed >= 3 
+                          ? () => ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('🛑 A equipa visitante já usou os 3 Timeouts deste período!'), backgroundColor: Colors.red))
+                          : () => _controller.useTimeout(true)
+                      ),
+                    ],
+                  ),
+                ),
+
+                // 👇 EFEITO VISUAL (Ecrã escurece para mostrar que está a carregar) 👇
+                if (_controller.isSaving)
+                  Positioned.fill(
+                    child: Container(
+                      color: Colors.black.withOpacity(0.4), 
+                    ),
+                  ),
+
+              ],
+            ),
           ),
         ),
-      ),
+      );
-    );
+    }
   }
-  void _openZoneMap(String action, String playerData) {
-  showDialog(
-    context: context,
-    barrierDismissible: false,
-    builder: (context) => ZoneMapDialog(
-      playerName: playerData.replaceAll("player_my_", "").replaceAll("player_opp_", ""),
-      isMake: action.startsWith("add_"),
-      onZoneSelected: (zone, points, relX, relY) {
-        _controller.registerShotFromPopup(
-          context, 
-          action, 
-          playerData, 
-          zone, 
-          points, 
-          relX, 
-          relY
-        );
-      },
-    ),
-  );
-}
-}

lib/pages/RegisterPage.dart

@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:playmaker/classe/theme.dart'; // 👇 IMPORT DO TEMA
 import '../controllers/register_controller.dart';
 import '../widgets/register_widgets.dart';
 import '../utils/size_extension.dart'; // 👇 O NOSSO SUPERPODER!
@@ -23,20 +22,11 @@ class _RegisterPageState extends State<RegisterPage> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      // 👇 BLINDADO: Adapta-se automaticamente ao Modo Claro/Escuro
+      backgroundColor: Colors.white,
-      backgroundColor: Theme.of(context).scaffoldBackgroundColor,
       appBar: AppBar(
-        title: Text(
+        title: Text("Criar Conta", style: TextStyle(fontSize: 18 * context.sf, fontWeight: FontWeight.bold)),
-          "Criar Conta", 
+        backgroundColor: Colors.white,
-          style: TextStyle(
-            fontSize: 18 * context.sf, 
-            fontWeight: FontWeight.bold,
-            color: Theme.of(context).colorScheme.onSurface, // 👇 Adaptável ao Modo Escuro
-          )
-        ),
-        backgroundColor: Theme.of(context).scaffoldBackgroundColor,
         elevation: 0,
-        iconTheme: IconThemeData(color: Theme.of(context).colorScheme.onSurface),
       ),
       body: Center(
         child: SingleChildScrollView(
@@ -50,7 +40,7 @@ class _RegisterPageState extends State<RegisterPage> {
                 child: Column(
                   mainAxisAlignment: MainAxisAlignment.center,
                   children: [
-                    const RegisterHeader(), 
+                    const RegisterHeader(), // 🔥 Agora sim, usa o Header bonito!
                     SizedBox(height: 30 * context.sf),
                     
                     RegisterFormFields(controller: _controller),

lib/pages/gamePage.dart

@@ -2,7 +2,6 @@ import 'package:flutter/material.dart';
 import 'package:playmaker/pages/PlacarPage.dart'; 
 import '../controllers/game_controller.dart';
 import '../controllers/team_controller.dart';
-import '../controllers/game_controller.dart'; 
 import '../models/game_model.dart';
 import '../utils/size_extension.dart'; // 👇 NOVO SUPERPODER AQUI TAMBÉM!
 
@@ -202,11 +201,15 @@ class GamePage extends StatefulWidget {
 class _GamePageState extends State<GamePage> {
   final GameController gameController = GameController();
   final TeamController teamController = TeamController();
+  String selectedSeason = 'Todas';
+  String selectedTeam = 'Todas';
 
   @override
   Widget build(BuildContext context) {
+    bool isFilterActive = selectedSeason != 'Todas' || selectedTeam != 'Todas';
+
     return Scaffold(
-      backgroundColor: Theme.of(context).scaffoldBackgroundColor,
+      backgroundColor: const Color(0xFFF5F7FA),
       appBar: AppBar(
         title: Text("Jogos", style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20 * context.sf)),
         backgroundColor: Colors.white,
@@ -225,37 +228,24 @@ class _GamePageState extends State<GamePage> {
         stream: teamController.teamsStream,
         builder: (context, teamSnapshot) {
           final List<Map<String, dynamic>> teamsList = teamSnapshot.data ?? [];
-
-          // 2º STREAM: Lemos os jogos
           return StreamBuilder<List<Game>>(
-            stream: gameController.gamesStream,
+            stream: gameController.getFilteredGames(teamFilter: selectedTeam, seasonFilter: selectedSeason),
             builder: (context, gameSnapshot) {
               if (gameSnapshot.connectionState == ConnectionState.waiting && teamsList.isEmpty) return const Center(child: CircularProgressIndicator());
               if (gameSnapshot.hasError) return Center(child: Text("Erro: ${gameSnapshot.error}", style: TextStyle(fontSize: 14 * context.sf)));
               if (!gameSnapshot.hasData || gameSnapshot.data!.isEmpty) {
                 return Center(child: Column(mainAxisAlignment: MainAxisAlignment.center, children: [Icon(Icons.search_off, size: 48 * context.sf, color: Colors.grey.shade300), SizedBox(height: 10 * context.sf), Text("Nenhum jogo encontrado.", style: TextStyle(fontSize: 14 * context.sf, color: Colors.grey.shade600))]));
               }
-
               return ListView.builder(
-                padding: const EdgeInsets.all(16),
+                padding: EdgeInsets.all(16 * context.sf),
                 itemCount: gameSnapshot.data!.length,
                 itemBuilder: (context, index) {
                   final game = gameSnapshot.data![index];
-                  
+                  String? myLogo, oppLogo;
-                  // --- LÓGICA PARA ENCONTRAR A IMAGEM PELO NOME ---
-                  String? myLogo;
-                  String? oppLogo;
-
                   for (var team in teamsList) {
-                    if (team['name'] == game.myTeam) {
+                    if (team['name'] == game.myTeam) myLogo = team['image_url'];
-                      myLogo = team['image_url'];
+                    if (team['name'] == game.opponentTeam) oppLogo = team['image_url'];
-                    }
-                    if (team['name'] == game.opponentTeam) {
-                      oppLogo = team['image_url'];
-                    }
                   }
-
-                  // Agora já passamos as imagens para o cartão!
                   return GameResultCard(
                     gameId: game.id, myTeam: game.myTeam, opponentTeam: game.opponentTeam, myScore: game.myScore,
                     opponentScore: game.opponentScore, status: game.status, season: game.season, myTeamLogo: myLogo, opponentTeamLogo: oppLogo, 
@@ -275,7 +265,9 @@ class _GamePageState extends State<GamePage> {
     );
   }
 
-  void _showCreateDialog(BuildContext context) {
+  void _showFilterPopup(BuildContext context) {
+    String tempSeason = selectedSeason;
+    String tempTeam = selectedTeam;
     showDialog(
       context: context,
       builder: (context) {

lib/pages/home.dart

@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:playmaker/classe/theme.dart'; 
+import 'package:playmaker/classe/home.config.dart';
 import 'package:playmaker/grafico%20de%20pizza/grafico.dart'; 
 import 'package:playmaker/pages/gamePage.dart';
 import 'package:playmaker/pages/teamPage.dart';
@@ -7,7 +7,7 @@ import 'package:playmaker/controllers/team_controller.dart';
 import 'package:supabase_flutter/supabase_flutter.dart';
 import 'package:playmaker/pages/status_page.dart'; 
 import '../utils/size_extension.dart'; 
-import 'settings_screen.dart';
+import 'package:playmaker/grafico%20de%20pizza/controllers/contollers_grafico.dart'; 
 
 class HomeScreen extends StatefulWidget {
   const HomeScreen({super.key});
@@ -30,28 +30,24 @@ class _HomeScreenState extends State<HomeScreen> {
 
   @override
   Widget build(BuildContext context) {
+    // Já não precisamos calcular o sf aqui!
+
     final List<Widget> pages = [
-      _buildHomeContent(context), 
+      _buildHomeContent(context), // Passamos só o context
       const GamePage(),
       const TeamsPage(),                         
       const StatusPage(),
     ];
 
     return Scaffold(
-      backgroundColor: Theme.of(context).scaffoldBackgroundColor, // Fundo dinâmico
+      backgroundColor: Colors.white,
       appBar: AppBar(
         title: Text('PlayMaker', style: TextStyle(fontSize: 20 * context.sf)), 
-        backgroundColor: AppTheme.primaryRed,
+        backgroundColor: HomeConfig.primaryColor,
         foregroundColor: Colors.white,
         leading: IconButton(
           icon: Icon(Icons.person, size: 24 * context.sf),
-          onPressed: () {
+          onPressed: () {},
-            // 👇 MAGIA ACONTECE AQUI 👇
-            Navigator.push(
-              context,
-              MaterialPageRoute(builder: (context) => const SettingsScreen()),
-            );
-          },
         ),
       ),
       
@@ -66,6 +62,7 @@ class _HomeScreenState extends State<HomeScreen> {
         backgroundColor: Theme.of(context).colorScheme.surface,
         surfaceTintColor: Theme.of(context).colorScheme.surfaceTint,
         elevation: 1,
+        // O math.min não é necessário se já tens o sf. Mas podes usar context.sf
         height: 70 * (context.sf < 1.2 ? context.sf : 1.2), 
         destinations: const [
           NavigationDestination(icon: Icon(Icons.home_outlined), selectedIcon: Icon(Icons.home_filled), label: 'Home'),
@@ -80,14 +77,13 @@ class _HomeScreenState extends State<HomeScreen> {
   void _showTeamSelector(BuildContext context) {
     showModalBottomSheet(
       context: context,
-      backgroundColor: Theme.of(context).colorScheme.surface, // Fundo dinâmico
       shape: RoundedRectangleBorder(borderRadius: BorderRadius.vertical(top: Radius.circular(20 * context.sf))),
       builder: (context) {
         return StreamBuilder<List<Map<String, dynamic>>>(
           stream: _teamController.teamsStream,
           builder: (context, snapshot) {
             if (snapshot.connectionState == ConnectionState.waiting) return const SizedBox(height: 200, child: Center(child: CircularProgressIndicator()));
-            if (!snapshot.hasData || snapshot.data!.isEmpty) return SizedBox(height: 200 * context.sf, child: Center(child: Text("Nenhuma equipa criada.", style: TextStyle(color: Theme.of(context).colorScheme.onSurface))));
+            if (!snapshot.hasData || snapshot.data!.isEmpty) return SizedBox(height: 200 * context.sf, child: const Center(child: Text("Nenhuma equipa criada.")));
 
             final teams = snapshot.data!;
             return ListView.builder(
@@ -96,7 +92,7 @@ class _HomeScreenState extends State<HomeScreen> {
               itemBuilder: (context, index) {
                 final team = teams[index];
                 return ListTile(
-                  title: Text(team['name'], style: TextStyle(color: Theme.of(context).colorScheme.onSurface)), // Texto dinâmico
+                  title: Text(team['name']),
                   onTap: () {
                     setState(() {
                       _selectedTeamId = team['id'];
@@ -119,7 +115,6 @@ class _HomeScreenState extends State<HomeScreen> {
   Widget _buildHomeContent(BuildContext context) {
     final double wScreen = MediaQuery.of(context).size.width;
     final double cardHeight = wScreen * 0.5; 
-    final textColor = Theme.of(context).colorScheme.onSurface; 
 
     return StreamBuilder<List<Map<String, dynamic>>>(
       stream: _selectedTeamId != null 
@@ -138,20 +133,12 @@ class _HomeScreenState extends State<HomeScreen> {
                   onTap: () => _showTeamSelector(context),
                   child: Container(
                     padding: EdgeInsets.all(12 * context.sf),
-                    decoration: BoxDecoration(
+                    decoration: BoxDecoration(color: Colors.grey.shade100, borderRadius: BorderRadius.circular(15 * context.sf), border: Border.all(color: Colors.grey.shade300)),
-                      color: Theme.of(context).cardTheme.color, 
-                      borderRadius: BorderRadius.circular(15 * context.sf), 
-                      border: Border.all(color: Colors.grey.withOpacity(0.2))
-                    ),
                     child: Row(
                       mainAxisAlignment: MainAxisAlignment.spaceBetween,
                       children: [
-                        Row(children: [
+                        Row(children: [Icon(Icons.shield, color: HomeConfig.primaryColor, size: 24 * context.sf), SizedBox(width: 10 * context.sf), Text(_selectedTeamName, style: TextStyle(fontSize: 16 * context.sf, fontWeight: FontWeight.bold))]),
-                          Icon(Icons.shield, color: AppTheme.primaryRed, size: 24 * context.sf), 
+                        const Icon(Icons.arrow_drop_down),
-                          SizedBox(width: 10 * context.sf), 
-                          Text(_selectedTeamName, style: TextStyle(fontSize: 16 * context.sf, fontWeight: FontWeight.bold, color: textColor))
-                        ]),
-                        Icon(Icons.arrow_drop_down, color: textColor),
                       ],
                     ),
                   ),
@@ -162,9 +149,9 @@ class _HomeScreenState extends State<HomeScreen> {
                   height: cardHeight,
                   child: Row(
                     children: [
-                      Expanded(child: _buildStatCard(context: context, title: 'Mais Pontos', playerName: leaders['pts_name'], statValue: leaders['pts_val'].toString(), statLabel: 'TOTAL', color: AppTheme.statPtsBg, isHighlighted: true)),
+                      Expanded(child: _buildStatCard(context: context, title: 'Mais Pontos', playerName: leaders['pts_name'], statValue: leaders['pts_val'].toString(), statLabel: 'TOTAL', color: const Color(0xFF1565C0), isHighlighted: true)),
                       SizedBox(width: 12 * context.sf),
-                      Expanded(child: _buildStatCard(context: context, title: 'Assistências', playerName: leaders['ast_name'], statValue: leaders['ast_val'].toString(), statLabel: 'TOTAL', color: AppTheme.statAstBg)),
+                      Expanded(child: _buildStatCard(context: context, title: 'Assistências', playerName: leaders['ast_name'], statValue: leaders['ast_val'].toString(), statLabel: 'TOTAL', color: const Color(0xFF2E7D32))),
                     ],
                   ),
                 ),
@@ -174,7 +161,7 @@ class _HomeScreenState extends State<HomeScreen> {
                   height: cardHeight,
                   child: Row(
                     children: [
-                      Expanded(child: _buildStatCard(context: context, title: 'Rebotes', playerName: leaders['rbs_name'], statValue: leaders['rbs_val'].toString(), statLabel: 'TOTAL', color: AppTheme.statRebBg)),
+                      Expanded(child: _buildStatCard(context: context, title: 'Rebotes', playerName: leaders['rbs_name'], statValue: leaders['rbs_val'].toString(), statLabel: 'TOTAL', color: const Color(0xFF6A1B9A))),
                       SizedBox(width: 12 * context.sf),
                       Expanded(
                         child: PieChartCard(
@@ -183,8 +170,8 @@ class _HomeScreenState extends State<HomeScreen> {
                           draws: _teamDraws, 
                           title: 'DESEMPENHO', 
                           subtitle: 'Temporada', 
-                          backgroundColor: AppTheme.statPieBg, 
+                          backgroundColor: const Color(0xFFC62828), 
-                          sf: context.sf 
+                          sf: context.sf // Aqui o PieChartCard ainda usa sf, então passamos
                         ),
                       ),
                     ],
@@ -192,7 +179,7 @@ class _HomeScreenState extends State<HomeScreen> {
                 ),
                 SizedBox(height: 40 * context.sf),
                 
-                Text('Histórico de Jogos', style: TextStyle(fontSize: 20 * context.sf, fontWeight: FontWeight.bold, color: textColor)),
+                Text('Histórico de Jogos', style: TextStyle(fontSize: 20 * context.sf, fontWeight: FontWeight.bold, color: Colors.grey[800])),
                 SizedBox(height: 16 * context.sf),
                 
                 _selectedTeamName == "Selecionar Equipa" 
@@ -205,6 +192,7 @@ class _HomeScreenState extends State<HomeScreen> {
                       stream: _supabase.from('games').stream(primaryKey: ['id'])
                           .order('game_date', ascending: false),
                       builder: (context, gameSnapshot) {
+                        
                         if (gameSnapshot.hasError) return Text("Erro: ${gameSnapshot.error}", style: const TextStyle(color: Colors.red));
                         if (gameSnapshot.connectionState == ConnectionState.waiting) return const Center(child: CircularProgressIndicator());
 
@@ -219,9 +207,9 @@ class _HomeScreenState extends State<HomeScreen> {
                         if (gamesList.isEmpty) {
                           return Container(
                             padding: EdgeInsets.all(20 * context.sf),
-                            decoration: BoxDecoration(color: Theme.of(context).cardTheme.color, borderRadius: BorderRadius.circular(14)),
+                            decoration: BoxDecoration(color: Colors.grey.shade50, borderRadius: BorderRadius.circular(14)),
                             alignment: Alignment.center,
-                            child: const Text("Ainda não há jogos terminados.", style: TextStyle(color: Colors.grey)),
+                            child: Text("Ainda não há jogos terminados para $_selectedTeamName.", style: TextStyle(color: Colors.grey)),
                           );
                         }
 
@@ -248,7 +236,7 @@ class _HomeScreenState extends State<HomeScreen> {
                             if (myScore < oppScore) result = 'D';
 
                             return _buildGameHistoryCard(
-                              context: context, 
+                              context: context, // Usamos o context para o sf
                               opponent: opponent, 
                               result: result, 
                               myScore: myScore, 
@@ -264,6 +252,7 @@ class _HomeScreenState extends State<HomeScreen> {
                         );
                       },
                     ),
+                
                 SizedBox(height: 20 * context.sf), 
               ],
             ),
@@ -291,13 +280,14 @@ class _HomeScreenState extends State<HomeScreen> {
   Widget _buildStatCard({required BuildContext context, required String title, required String playerName, required String statValue, required String statLabel, required Color color, bool isHighlighted = false}) {
     return Card(
       elevation: 4, margin: EdgeInsets.zero,
-      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14), side: isHighlighted ? const BorderSide(color: AppTheme.warningAmber, width: 2) : BorderSide.none),
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14), side: isHighlighted ? const BorderSide(color: Colors.amber, width: 2) : BorderSide.none),
       child: Container(
         decoration: BoxDecoration(borderRadius: BorderRadius.circular(14), gradient: LinearGradient(begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [color.withOpacity(0.9), color])),
         child: LayoutBuilder(
           builder: (context, constraints) {
             final double ch = constraints.maxHeight; 
             final double cw = constraints.maxWidth;  
+            
             return Padding(
               padding: EdgeInsets.all(cw * 0.06), 
               child: Column(
@@ -337,15 +327,13 @@ class _HomeScreenState extends State<HomeScreen> {
   }) {
     bool isWin = result == 'V';
     bool isDraw = result == 'E';
-    Color statusColor = isWin ? AppTheme.successGreen : (isDraw ? AppTheme.warningAmber : AppTheme.oppTeamRed);
+    Color statusColor = isWin ? Colors.green : (isDraw ? Colors.yellow.shade700 : Colors.red);
-    final bgColor = Theme.of(context).cardTheme.color;
-    final textColor = Theme.of(context).colorScheme.onSurface;
 
     return Container(
       margin: EdgeInsets.only(bottom: 14 * context.sf),
       decoration: BoxDecoration(
-        color: bgColor, borderRadius: BorderRadius.circular(16),
+        color: Colors.white, borderRadius: BorderRadius.circular(16),
-        border: Border.all(color: Colors.grey.withOpacity(0.1)), boxShadow: [BoxShadow(color: Colors.black.withOpacity(0.04), blurRadius: 8, offset: const Offset(0, 4))],
+        border: Border.all(color: Colors.grey.shade200), boxShadow: [BoxShadow(color: Colors.black.withOpacity(0.04), blurRadius: 8, offset: const Offset(0, 4))],
       ),
       child: Column(
         children: [
@@ -368,16 +356,16 @@ class _HomeScreenState extends State<HomeScreen> {
                       Row(
                         mainAxisAlignment: MainAxisAlignment.spaceBetween,
                         children: [
-                          Expanded(child: Text(_selectedTeamName == "Selecionar Equipa" ? "Minha Equipa" : _selectedTeamName, style: TextStyle(fontSize: 14 * context.sf, fontWeight: FontWeight.bold, color: textColor), maxLines: 1, overflow: TextOverflow.ellipsis)),
+                          Expanded(child: Text(_selectedTeamName == "Selecionar Equipa" ? "Minha Equipa" : _selectedTeamName, style: TextStyle(fontSize: 14 * context.sf, fontWeight: FontWeight.bold), maxLines: 1, overflow: TextOverflow.ellipsis)),
                           Padding(
                             padding: EdgeInsets.symmetric(horizontal: 8 * context.sf),
                             child: Container(
                               padding: EdgeInsets.symmetric(horizontal: 8 * context.sf, vertical: 4 * context.sf),
-                              decoration: BoxDecoration(color: Theme.of(context).colorScheme.onSurface.withOpacity(0.05), borderRadius: BorderRadius.circular(8)),
+                              decoration: BoxDecoration(color: Colors.grey.shade100, borderRadius: BorderRadius.circular(8)),
-                              child: Text('$myScore - $oppScore', style: TextStyle(fontSize: 15 * context.sf, fontWeight: FontWeight.w900, letterSpacing: 1.5, color: textColor)),
+                              child: Text('$myScore - $oppScore', style: TextStyle(fontSize: 15 * context.sf, fontWeight: FontWeight.w900, letterSpacing: 1.5, color: Colors.black87)),
                             ),
                           ),
-                          Expanded(child: Text(opponent, style: TextStyle(fontSize: 14 * context.sf, fontWeight: FontWeight.bold, color: textColor), textAlign: TextAlign.right, maxLines: 1, overflow: TextOverflow.ellipsis)),
+                          Expanded(child: Text(opponent, style: TextStyle(fontSize: 14 * context.sf, fontWeight: FontWeight.bold), textAlign: TextAlign.right, maxLines: 1, overflow: TextOverflow.ellipsis)),
                         ],
                       ),
                     ],
@@ -386,10 +374,10 @@ class _HomeScreenState extends State<HomeScreen> {
               ],
             ),
           ),
-          Divider(height: 1, color: Colors.grey.withOpacity(0.1), thickness: 1.5),
+          Divider(height: 1, color: Colors.grey.shade100, thickness: 1.5),
           Container(
             width: double.infinity, padding: EdgeInsets.symmetric(horizontal: 16 * context.sf, vertical: 12 * context.sf),
-            decoration: BoxDecoration(color: Theme.of(context).colorScheme.surface, borderRadius: const BorderRadius.only(bottomLeft: Radius.circular(16), bottomRight: Radius.circular(16))),
+            decoration: BoxDecoration(color: Colors.grey.shade50, borderRadius: const BorderRadius.only(bottomLeft: Radius.circular(16), bottomRight: Radius.circular(16))),
             child: Column(
               children: [
                 Row(
@@ -425,13 +413,13 @@ class _HomeScreenState extends State<HomeScreen> {
       children: [
         Icon(icon, size: 14 * context.sf, color: color),
         SizedBox(width: 4 * context.sf),
-        Text('$label: ', style: TextStyle(fontSize: 11 * context.sf, color: Colors.grey, fontWeight: FontWeight.bold)),
+        Text('$label: ', style: TextStyle(fontSize: 11 * context.sf, color: Colors.grey.shade600, fontWeight: FontWeight.bold)),
         Expanded(
           child: Text(
             value, 
             style: TextStyle(
               fontSize: 11 * context.sf, 
-              color: isMvp ? AppTheme.warningAmber : Theme.of(context).colorScheme.onSurface, 
+              color: isMvp ? Colors.amber.shade900 : Colors.black87, 
               fontWeight: FontWeight.bold
             ), 
             maxLines: 1, overflow: TextOverflow.ellipsis

lib/pages/login.dart

@@ -1,8 +1,8 @@
 import 'package:flutter/material.dart';
 import 'package:playmaker/controllers/login_controller.dart';
 import '../widgets/login_widgets.dart';
-import 'home.dart'; 
+import 'home.dart'; // <--- IMPORTANTE: Importa a tua HomeScreen
-import '../utils/size_extension.dart'; 
+import '../utils/size_extension.dart'; // 👇 O NOSSO SUPERPODER!
 
 class LoginPage extends StatefulWidget {
   const LoginPage({super.key});
@@ -23,8 +23,7 @@ class _LoginPageState extends State<LoginPage> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      // 👇 Adaptável ao Modo Claro/Escuro do Flutter
+      backgroundColor: Colors.white,
-      backgroundColor: Theme.of(context).scaffoldBackgroundColor, 
       body: SafeArea(
         child: ListenableBuilder(
           listenable: controller,
@@ -33,6 +32,7 @@ class _LoginPageState extends State<LoginPage> {
               child: SingleChildScrollView( 
                 child: Container(
                   width: double.infinity,
+                  // Garante que o form não fica gigante num tablet
                   constraints: BoxConstraints(maxWidth: 450 * context.sf), 
                   padding: EdgeInsets.all(32 * context.sf),
                   child: Column(

lib/pages/settings_screen.dart

@@ -1,250 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:playmaker/classe/theme.dart';
-import 'package:supabase_flutter/supabase_flutter.dart';
-import '../utils/size_extension.dart';
-import 'login.dart'; 
-
-// 👇 OBRIGATÓRIO IMPORTAR O MAIN.DART PARA LER A VARIÁVEL "themeNotifier"
-import '../main.dart'; 
-
-class SettingsScreen extends StatefulWidget {
-  const SettingsScreen({super.key});
-
-  @override
-  State<SettingsScreen> createState() => _SettingsScreenState();
-}
-
-class _SettingsScreenState extends State<SettingsScreen> {
-  
-  @override
-  Widget build(BuildContext context) {
-    // 👇 CORES DINÂMICAS (A MÁGICA DO MODO ESCURO)
-    final Color primaryRed = AppTheme.primaryRed; 
-    final Color bgColor = Theme.of(context).scaffoldBackgroundColor; 
-    final Color cardColor = Theme.of(context).cardTheme.color ?? Theme.of(context).colorScheme.surface;
-    final Color textColor = Theme.of(context).colorScheme.onSurface;
-    final Color textLightColor = textColor.withOpacity(0.6);
-
-    // 👇 SABER SE A APP ESTÁ ESCURA OU CLARA NESTE EXATO MOMENTO
-    bool isDark = Theme.of(context).brightness == Brightness.dark;
-
-    return Scaffold(
-      backgroundColor: bgColor,
-      appBar: AppBar(
-        backgroundColor: primaryRed,
-        foregroundColor: Colors.white,
-        elevation: 0,
-        centerTitle: true,
-        title: Text(
-          "Perfil e Definições",
-          style: TextStyle(
-            fontSize: 18 * context.sf,
-            fontWeight: FontWeight.w600,
-          ),
-        ),
-        leading: IconButton(
-          icon: const Icon(Icons.arrow_back),
-          onPressed: () => Navigator.pop(context),
-        ),
-      ),
-      body: SingleChildScrollView(
-        padding: EdgeInsets.symmetric(horizontal: 16.0 * context.sf, vertical: 24.0 * context.sf),
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            // ==========================================
-            // CARTÃO DE PERFIL
-            // ==========================================
-            Container(
-              padding: EdgeInsets.all(20 * context.sf),
-              decoration: BoxDecoration(
-                color: cardColor,
-                borderRadius: BorderRadius.circular(16 * context.sf),
-                border: Border.all(color: Colors.grey.withOpacity(0.1)),
-                boxShadow: [
-                  BoxShadow(
-                    color: Colors.black.withOpacity(0.04),
-                    blurRadius: 10,
-                    offset: const Offset(0, 4),
-                  ),
-                ],
-              ),
-              child: Row(
-                children: [
-                  CircleAvatar(
-                    radius: 32 * context.sf,
-                    backgroundColor: primaryRed.withOpacity(0.1),
-                    child: Icon(Icons.person, color: primaryRed, size: 32 * context.sf),
-                  ),
-                  SizedBox(width: 16 * context.sf),
-                  Expanded(
-                    child: Column(
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        Text(
-                          "Treinador",
-                          style: TextStyle(
-                            fontSize: 18 * context.sf,
-                            fontWeight: FontWeight.bold,
-                            color: textColor,
-                          ),
-                        ),
-                        SizedBox(height: 4 * context.sf),
-                        Text(
-                          Supabase.instance.client.auth.currentUser?.email ?? "sem@email.com",
-                          style: TextStyle(
-                            color: textLightColor,
-                            fontSize: 14 * context.sf,
-                          ),
-                        ),
-                      ],
-                    ),
-                  ),
-                ],
-              ),
-            ),
-            
-            SizedBox(height: 32 * context.sf),
-
-            // ==========================================
-            // SECÇÃO: DEFINIÇÕES
-            // ==========================================
-            Padding(
-              padding: EdgeInsets.only(left: 4 * context.sf, bottom: 12 * context.sf),
-              child: Text(
-                "Definições",
-                style: TextStyle(
-                  color: textLightColor,
-                  fontSize: 14 * context.sf,
-                  fontWeight: FontWeight.bold,
-                ),
-              ),
-            ),
-            Container(
-              decoration: BoxDecoration(
-                color: cardColor,
-                borderRadius: BorderRadius.circular(16 * context.sf),
-                border: Border.all(color: Colors.grey.withOpacity(0.1)),
-                boxShadow: [
-                  BoxShadow(
-                    color: Colors.black.withOpacity(0.04),
-                    blurRadius: 10,
-                    offset: const Offset(0, 4),
-                  ),
-                ],
-              ),
-              child: ListTile(
-                contentPadding: EdgeInsets.symmetric(horizontal: 20 * context.sf, vertical: 8 * context.sf),
-                leading: Icon(isDark ? Icons.dark_mode : Icons.light_mode, color: primaryRed, size: 28 * context.sf),
-                title: Text(
-                  "Modo Escuro",
-                  style: TextStyle(fontWeight: FontWeight.bold, color: textColor, fontSize: 16 * context.sf),
-                ),
-                subtitle: Text(
-                  "Altera as cores da aplicação",
-                  style: TextStyle(color: textLightColor, fontSize: 13 * context.sf),
-                ),
-                trailing: Switch(
-                  value: isDark,
-                  activeColor: primaryRed,
-                  onChanged: (bool value) {
-                    // 👇 CHAMA A VARIÁVEL DO MAIN.DART E ATUALIZA A APP TODA
-                    themeNotifier.value = value ? ThemeMode.dark : ThemeMode.light;
-                  },
-                ),
-              ),
-            ),
-
-            SizedBox(height: 32 * context.sf),
-
-            // ==========================================
-            // SECÇÃO: CONTA
-            // ==========================================
-            Padding(
-              padding: EdgeInsets.only(left: 4 * context.sf, bottom: 12 * context.sf),
-              child: Text(
-                "Conta",
-                style: TextStyle(
-                  color: textLightColor,
-                  fontSize: 14 * context.sf,
-                  fontWeight: FontWeight.bold,
-                ),
-              ),
-            ),
-            Container(
-              decoration: BoxDecoration(
-                color: cardColor,
-                borderRadius: BorderRadius.circular(16 * context.sf),
-                border: Border.all(color: Colors.grey.withOpacity(0.1)),
-                boxShadow: [
-                  BoxShadow(
-                    color: Colors.black.withOpacity(0.04),
-                    blurRadius: 10,
-                    offset: const Offset(0, 4),
-                  ),
-                ],
-              ),
-              child: ListTile(
-                contentPadding: EdgeInsets.symmetric(horizontal: 20 * context.sf, vertical: 4 * context.sf),
-                leading: Icon(Icons.logout_outlined, color: primaryRed, size: 26 * context.sf),
-                title: Text(
-                  "Terminar Sessão",
-                  style: TextStyle(
-                    color: primaryRed,
-                    fontWeight: FontWeight.bold,
-                    fontSize: 15 * context.sf,
-                  ),
-                ),
-                onTap: () => _confirmLogout(context), // 👇 CHAMA O LOGOUT REAL
-              ),
-            ),
-
-            SizedBox(height: 50 * context.sf),
-
-            // ==========================================
-            // VERSÃO DA APP
-            // ==========================================
-            Center(
-              child: Text(
-                "PlayMaker v1.0.0",
-                style: TextStyle(
-                  color: textLightColor.withOpacity(0.7),
-                  fontSize: 13 * context.sf,
-                ),
-              ),
-            ),
-            SizedBox(height: 20 * context.sf),
-          ],
-        ),
-      ),
-    );
-  }
-
-  // 👇 FUNÇÃO PARA FAZER LOGOUT
-  void _confirmLogout(BuildContext context) {
-    showDialog(
-      context: context,
-      builder: (ctx) => AlertDialog(
-        backgroundColor: Theme.of(context).colorScheme.surface,
-        title: Text("Terminar Sessão", style: TextStyle(color: Theme.of(context).colorScheme.onSurface)),
-        content: Text("Tens a certeza que queres sair da conta?", style: TextStyle(color: Theme.of(context).colorScheme.onSurface)),
-        actions: [
-          TextButton(onPressed: () => Navigator.pop(ctx), child: const Text("Cancelar", style: TextStyle(color: Colors.grey))),
-          TextButton(
-            onPressed: () async {
-              await Supabase.instance.client.auth.signOut();
-              if (ctx.mounted) {
-                // Mata a navegação toda para trás e manda para o Login
-                Navigator.of(ctx).pushAndRemoveUntil(
-                  MaterialPageRoute(builder: (context) => const LoginPage()),
-                  (Route<dynamic> route) => false,
-                );
-              }
-            }, 
-            child: Text("Sair", style: TextStyle(color: AppTheme.primaryRed, fontWeight: FontWeight.bold))
-          ),
-        ],
-      ),
-    );
-  }
-}

lib/pages/status_page.dart

@@ -1,8 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:supabase_flutter/supabase_flutter.dart';
-import 'package:playmaker/classe/theme.dart'; 
 import '../controllers/team_controller.dart';
-import '../utils/size_extension.dart'; 
+import '../utils/size_extension.dart'; // 👇 A MAGIA DO SF!
 
 class StatusPage extends StatefulWidget {
   const StatusPage({super.key});
@@ -22,9 +21,6 @@ class _StatusPageState extends State<StatusPage> {
 
   @override
   Widget build(BuildContext context) {
-    final bgColor = Theme.of(context).cardTheme.color ?? Colors.white;
-    final textColor = Theme.of(context).colorScheme.onSurface;
-
     return Column(
       children: [
         Padding(
@@ -34,20 +30,20 @@ class _StatusPageState extends State<StatusPage> {
             child: Container(
               padding: EdgeInsets.all(12 * context.sf),
               decoration: BoxDecoration(
-                color: bgColor, 
+                color: Colors.white, 
                 borderRadius: BorderRadius.circular(15 * context.sf), 
-                border: Border.all(color: Colors.grey.withOpacity(0.2)),
+                border: Border.all(color: Colors.grey.shade300),
                 boxShadow: [BoxShadow(color: Colors.black.withOpacity(0.05), blurRadius: 5)]
               ),
               child: Row(
                 mainAxisAlignment: MainAxisAlignment.spaceBetween,
                 children: [
                   Row(children: [
-                    Icon(Icons.shield, color: AppTheme.primaryRed, size: 24 * context.sf), 
+                    Icon(Icons.shield, color: const Color(0xFFE74C3C), size: 24 * context.sf), 
                     SizedBox(width: 10 * context.sf), 
-                    Text(_selectedTeamName, style: TextStyle(fontSize: 16 * context.sf, fontWeight: FontWeight.bold, color: textColor))
+                    Text(_selectedTeamName, style: TextStyle(fontSize: 16 * context.sf, fontWeight: FontWeight.bold))
                   ]),
-                  Icon(Icons.arrow_drop_down, color: textColor),
+                  const Icon(Icons.arrow_drop_down),
                 ],
               ),
             ),
@@ -67,7 +63,7 @@ class _StatusPageState extends State<StatusPage> {
                         stream: _supabase.from('members').stream(primaryKey: ['id']).eq('team_id', _selectedTeamId!),
                         builder: (context, membersSnapshot) {
                           if (statsSnapshot.connectionState == ConnectionState.waiting || gamesSnapshot.connectionState == ConnectionState.waiting || membersSnapshot.connectionState == ConnectionState.waiting) {
-                            return Center(child: CircularProgressIndicator(color: AppTheme.primaryRed));
+                            return const Center(child: CircularProgressIndicator(color: Color(0xFFE74C3C)));
                           }
 
                           final membersData = membersSnapshot.data ?? [];
@@ -86,7 +82,7 @@ class _StatusPageState extends State<StatusPage> {
                             return _isAscending ? valA.compareTo(valB) : valB.compareTo(valA);
                           });
 
-                          return _buildStatsGrid(context, playerTotals, teamTotals, bgColor, textColor);
+                          return _buildStatsGrid(context, playerTotals, teamTotals);
                         }
                       );
                     }
@@ -100,10 +96,12 @@ class _StatusPageState extends State<StatusPage> {
 
   List<Map<String, dynamic>> _aggregateStats(List<dynamic> stats, List<dynamic> games, List<dynamic> members) {
     Map<String, Map<String, dynamic>> aggregated = {};
+
     for (var member in members) {
       String name = member['name']?.toString() ?? "Desconhecido";
       aggregated[name] = {'name': name, 'j': 0, 'pts': 0, 'ast': 0, 'rbs': 0, 'stl': 0, 'blk': 0, 'mvp': 0, 'def': 0};
     }
+
     for (var row in stats) {
       String name = row['player_name']?.toString() ?? "Desconhecido";
       if (!aggregated.containsKey(name)) aggregated[name] = {'name': name, 'j': 0, 'pts': 0, 'ast': 0, 'rbs': 0, 'stl': 0, 'blk': 0, 'mvp': 0, 'def': 0};
@@ -115,6 +113,7 @@ class _StatusPageState extends State<StatusPage> {
       aggregated[name]!['stl'] += (row['stl'] ?? 0);
       aggregated[name]!['blk'] += (row['blk'] ?? 0);
     }
+
     for (var game in games) {
       String? mvp = game['mvp_name'];
       String? defRaw = game['top_def_name'];
@@ -135,53 +134,52 @@ class _StatusPageState extends State<StatusPage> {
     return {'name': 'TOTAL EQUIPA', 'j': teamGames, 'pts': tPts, 'ast': tAst, 'rbs': tRbs, 'stl': tStl, 'blk': tBlk, 'mvp': tMvp, 'def': tDef};
   }
 
-  Widget _buildStatsGrid(BuildContext context, List<Map<String, dynamic>> players, Map<String, dynamic> teamTotals, Color bgColor, Color textColor) {
+  Widget _buildStatsGrid(BuildContext context, List<Map<String, dynamic>> players, Map<String, dynamic> teamTotals) {
     return Container(
-      color: Colors.transparent,
+      color: Colors.white,
       child: SingleChildScrollView(
         scrollDirection: Axis.vertical,
         child: SingleChildScrollView(
           scrollDirection: Axis.horizontal,
           child: DataTable(
             columnSpacing: 25 * context.sf,
-            headingRowColor: WidgetStateProperty.all(Theme.of(context).colorScheme.surface),
+            headingRowColor: MaterialStateProperty.all(Colors.grey.shade100),
-            dataRowMaxHeight: 60 * context.sf,
+            dataRowHeight: 60 * context.sf,
-            dataRowMinHeight: 60 * context.sf,
             columns: [
-              DataColumn(label: Text('JOGADOR', style: TextStyle(color: textColor))),
+              DataColumn(label: const Text('JOGADOR')),
-              _buildSortableColumn(context, 'J', 'j', textColor),
+              _buildSortableColumn(context, 'J', 'j'),
-              _buildSortableColumn(context, 'PTS', 'pts', textColor),
+              _buildSortableColumn(context, 'PTS', 'pts'),
-              _buildSortableColumn(context, 'AST', 'ast', textColor),
+              _buildSortableColumn(context, 'AST', 'ast'),
-              _buildSortableColumn(context, 'RBS', 'rbs', textColor),
+              _buildSortableColumn(context, 'RBS', 'rbs'),
-              _buildSortableColumn(context, 'STL', 'stl', textColor),
+              _buildSortableColumn(context, 'STL', 'stl'),
-              _buildSortableColumn(context, 'BLK', 'blk', textColor),
+              _buildSortableColumn(context, 'BLK', 'blk'),
-              _buildSortableColumn(context, 'DEF 🛡️', 'def', textColor),
+              _buildSortableColumn(context, 'DEF 🛡️', 'def'),
-              _buildSortableColumn(context, 'MVP 🏆', 'mvp', textColor),
+              _buildSortableColumn(context, 'MVP 🏆', 'mvp'),
             ],
             rows: [
               ...players.map((player) => DataRow(cells: [
-                DataCell(Row(children: [CircleAvatar(radius: 15 * context.sf, backgroundColor: Colors.grey.withOpacity(0.2), child: Icon(Icons.person, size: 18 * context.sf, color: Colors.grey)), SizedBox(width: 10 * context.sf), Text(player['name'], style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13 * context.sf, color: textColor))])),
+                DataCell(Row(children: [CircleAvatar(radius: 15 * context.sf, backgroundColor: Colors.grey.shade200, child: Icon(Icons.person, size: 18 * context.sf)), SizedBox(width: 10 * context.sf), Text(player['name'], style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13 * context.sf))])),
-                DataCell(Center(child: Text(player['j'].toString(), style: TextStyle(color: textColor)))),
+                DataCell(Center(child: Text(player['j'].toString()))),
-                _buildStatCell(context, player['pts'], textColor, isHighlight: true),
+                _buildStatCell(context, player['pts'], isHighlight: true),
-                _buildStatCell(context, player['ast'], textColor),
+                _buildStatCell(context, player['ast']),
-                _buildStatCell(context, player['rbs'], textColor),
+                _buildStatCell(context, player['rbs']),
-                _buildStatCell(context, player['stl'], textColor),
+                _buildStatCell(context, player['stl']),
-                _buildStatCell(context, player['blk'], textColor),
+                _buildStatCell(context, player['blk']),
-                _buildStatCell(context, player['def'], textColor, isBlue: true),
+                _buildStatCell(context, player['def'], isBlue: true),
-                _buildStatCell(context, player['mvp'], textColor, isGold: true),
+                _buildStatCell(context, player['mvp'], isGold: true),
               ])),
               DataRow(
-                color: WidgetStateProperty.all(Theme.of(context).colorScheme.surface.withOpacity(0.5)),
+                color: MaterialStateProperty.all(Colors.grey.shade50),
                 cells: [
-                  DataCell(Text('TOTAL EQUIPA', style: TextStyle(fontWeight: FontWeight.w900, color: textColor, fontSize: 12 * context.sf))),
+                  DataCell(Text('TOTAL EQUIPA', style: TextStyle(fontWeight: FontWeight.w900, color: Colors.black, fontSize: 12 * context.sf))),
-                  DataCell(Center(child: Text(teamTotals['j'].toString(), style: TextStyle(fontWeight: FontWeight.bold, color: textColor)))),
+                  DataCell(Center(child: Text(teamTotals['j'].toString(), style: const TextStyle(fontWeight: FontWeight.bold)))),
-                  _buildStatCell(context, teamTotals['pts'], textColor, isHighlight: true),
+                  _buildStatCell(context, teamTotals['pts'], isHighlight: true),
-                  _buildStatCell(context, teamTotals['ast'], textColor),
+                  _buildStatCell(context, teamTotals['ast']),
-                  _buildStatCell(context, teamTotals['rbs'], textColor),
+                  _buildStatCell(context, teamTotals['rbs']),
-                  _buildStatCell(context, teamTotals['stl'], textColor),
+                  _buildStatCell(context, teamTotals['stl']),
-                  _buildStatCell(context, teamTotals['blk'], textColor),
+                  _buildStatCell(context, teamTotals['blk']),
-                  _buildStatCell(context, teamTotals['def'], textColor, isBlue: true),
+                  _buildStatCell(context, teamTotals['def'], isBlue: true),
-                  _buildStatCell(context, teamTotals['mvp'], textColor, isGold: true),
+                  _buildStatCell(context, teamTotals['mvp'], isGold: true),
                 ]
               )
             ],
@@ -191,37 +189,37 @@ class _StatusPageState extends State<StatusPage> {
     );
   }
 
-  DataColumn _buildSortableColumn(BuildContext context, String title, String sortKey, Color textColor) {
+  DataColumn _buildSortableColumn(BuildContext context, String title, String sortKey) {
     return DataColumn(label: InkWell(
       onTap: () => setState(() {
         if (_sortColumn == sortKey) _isAscending = !_isAscending;
         else { _sortColumn = sortKey; _isAscending = false; }
       }),
       child: Row(children: [
-        Text(title, style: TextStyle(fontSize: 12 * context.sf, fontWeight: FontWeight.bold, color: textColor)),
+        Text(title, style: TextStyle(fontSize: 12 * context.sf, fontWeight: FontWeight.bold)),
-        if (_sortColumn == sortKey) Icon(_isAscending ? Icons.arrow_drop_up : Icons.arrow_drop_down, size: 18 * context.sf, color: AppTheme.primaryRed),
+        if (_sortColumn == sortKey) Icon(_isAscending ? Icons.arrow_drop_up : Icons.arrow_drop_down, size: 18 * context.sf, color: const Color(0xFFE74C3C)),
       ]),
     ));
   }
 
-  DataCell _buildStatCell(BuildContext context, int value, Color textColor, {bool isHighlight = false, bool isGold = false, bool isBlue = false}) {
+  DataCell _buildStatCell(BuildContext context, int value, {bool isHighlight = false, bool isGold = false, bool isBlue = false}) {
     return DataCell(Center(child: Container(
       padding: EdgeInsets.symmetric(horizontal: 8 * context.sf, vertical: 4 * context.sf),
       decoration: BoxDecoration(color: isGold && value > 0 ? Colors.amber.withOpacity(0.2) : (isBlue && value > 0 ? Colors.blue.withOpacity(0.1) : Colors.transparent), borderRadius: BorderRadius.circular(6)),
       child: Text(value == 0 ? "-" : value.toString(), style: TextStyle(
         fontWeight: (isHighlight || isGold || isBlue) ? FontWeight.w900 : FontWeight.w600, 
-        fontSize: 14 * context.sf, color: isGold && value > 0 ? Colors.orange.shade900 : (isBlue && value > 0 ? Colors.blue.shade800 : (isHighlight ? AppTheme.successGreen : textColor))
+        fontSize: 14 * context.sf, color: isGold && value > 0 ? Colors.orange.shade900 : (isBlue && value > 0 ? Colors.blue.shade800 : (isHighlight ? Colors.green.shade700 : Colors.black87))
       )),
     )));
   }
 
   void _showTeamSelector(BuildContext context) {
-    showModalBottomSheet(context: context, backgroundColor: Theme.of(context).colorScheme.surface, builder: (context) => StreamBuilder<List<Map<String, dynamic>>>(
+    showModalBottomSheet(context: context, builder: (context) => StreamBuilder<List<Map<String, dynamic>>>(
       stream: _teamController.teamsStream,
       builder: (context, snapshot) {
         final teams = snapshot.data ?? [];
         return ListView.builder(itemCount: teams.length, itemBuilder: (context, i) => ListTile(
-          title: Text(teams[i]['name'], style: TextStyle(color: Theme.of(context).colorScheme.onSurface)),
+          title: Text(teams[i]['name']),
           onTap: () { setState(() { _selectedTeamId = teams[i]['id']; _selectedTeamName = teams[i]['name']; }); Navigator.pop(context); },
         ));
       },

lib/pages/teamPage.dart

@@ -1,6 +1,5 @@
 import 'package:flutter/material.dart';
 import 'package:playmaker/screens/team_stats_page.dart';
-import 'package:playmaker/classe/theme.dart'; // 👇 IMPORT DO TEMA
 import '../controllers/team_controller.dart';
 import '../models/team_model.dart';
 import '../utils/size_extension.dart'; // 👇 IMPORTANTE: O TEU NOVO SUPERPODER
@@ -26,7 +25,6 @@ class _TeamsPageState extends State<TeamsPage> {
     super.dispose();
   }
 
-  // --- POPUP DE FILTROS ---
   void _showFilterDialog(BuildContext context) {
     showDialog(
       context: context,
@@ -54,7 +52,6 @@ class _TeamsPageState extends State<TeamsPage> {
                   Row(
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
-                      // Coluna Temporada
                       Expanded(
                         child: _buildPopupColumn(
                           title: "TEMPORADA",
@@ -66,8 +63,7 @@ class _TeamsPageState extends State<TeamsPage> {
                           },
                         ),
                       ),
-                      const SizedBox(width: 20),
+                      SizedBox(width: 20 * context.sf),
-                      // Coluna Ordenar
                       Expanded(
                         child: _buildPopupColumn(
                           title: "ORDENAR POR",
@@ -96,28 +92,24 @@ class _TeamsPageState extends State<TeamsPage> {
     );
   }
 
-  Widget _buildPopupColumn({
+  Widget _buildPopupColumn({required String title, required List<String> options, required String currentValue, required Function(String) onSelect}) {
-    required String title,
-    required List<String> options,
-    required String currentValue,
-    required Function(String) onSelect,
-  }) {
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
-        Text(title, style: const TextStyle(color: Colors.grey, fontSize: 11, fontWeight: FontWeight.bold)),
+        Text(title, style: TextStyle(color: Colors.grey, fontSize: 11 * context.sf, fontWeight: FontWeight.bold)),
-        const SizedBox(height: 12),
+        SizedBox(height: 12 * context.sf),
         ...options.map((opt) {
           final isSelected = currentValue == opt;
           return InkWell(
             onTap: () => onSelect(opt),
             child: Padding(
-              padding: const EdgeInsets.symmetric(vertical: 8.0),
+              padding: EdgeInsets.symmetric(vertical: 8.0 * context.sf),
               child: Text(
                 opt,
                 style: TextStyle(
                   color: isSelected ? const Color(0xFFE74C3C) : Colors.white70,
                   fontWeight: isSelected ? FontWeight.bold : FontWeight.normal,
+                  fontSize: 14 * context.sf,
                 ),
               ),
             ),
@@ -129,8 +121,9 @@ class _TeamsPageState extends State<TeamsPage> {
 
   @override
   Widget build(BuildContext context) {
+    // 🔥 OLHA QUE LIMPEZA: Já não precisamos de calcular nada aqui!
     return Scaffold(
-      backgroundColor: Theme.of(context).scaffoldBackgroundColor,
+      backgroundColor: const Color(0xFFF5F7FA),
       appBar: AppBar(
         title: Text("Minhas Equipas", style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20 * context.sf)),
         backgroundColor: const Color(0xFFF5F7FA),
@@ -159,7 +152,7 @@ class _TeamsPageState extends State<TeamsPage> {
 
   Widget _buildSearchBar() {
     return Padding(
-      padding: const EdgeInsets.all(16.0),
+      padding: EdgeInsets.all(16.0 * context.sf),
       child: TextField(
         controller: _searchController,
         onChanged: (v) => setState(() => _searchQuery = v.toLowerCase()),
@@ -185,51 +178,29 @@ class _TeamsPageState extends State<TeamsPage> {
 
         var data = List<Map<String, dynamic>>.from(snapshot.data!);
 
-        // --- 1. FILTROS ---
+        if (_selectedSeason != 'Todas') data = data.where((t) => t['season'] == _selectedSeason).toList();
-        if (_selectedSeason != 'Todas') {
+        if (_searchQuery.isNotEmpty) data = data.where((t) => t['name'].toString().toLowerCase().contains(_searchQuery)).toList();
-          data = data.where((t) => t['season'] == _selectedSeason).toList();
-        }
-        if (_searchQuery.isNotEmpty) {
-          data = data.where((t) => t['name'].toString().toLowerCase().contains(_searchQuery)).toList();
-        }
 
-        // --- 2. ORDENAÇÃO (FAVORITOS PRIMEIRO) ---
         data.sort((a, b) {
-          // Apanhar o estado de favorito (tratando null como false)
           bool favA = a['is_favorite'] ?? false;
           bool favB = b['is_favorite'] ?? false;
-
+          if (favA && !favB) return -1; 
-          // REGRA 1: Favoritos aparecem sempre primeiro
+          if (!favA && favB) return 1;  
-          if (favA && !favB) return -1; // A sobe
+          if (_currentSort == 'Nome') return a['name'].toString().compareTo(b['name'].toString());
-          if (!favA && favB) return 1;  // B sobe
+          else return (b['created_at'] ?? '').toString().compareTo((a['created_at'] ?? '').toString());
-
-          // REGRA 2: Se o estado de favorito for igual, aplica o filtro do utilizador
-          if (_currentSort == 'Nome') {
-            return a['name'].toString().compareTo(b['name'].toString());
-          } else { // Recentes
-            return (b['created_at'] ?? '').toString().compareTo((a['created_at'] ?? '').toString());
-          }
         });
 
         return ListView.builder(
-          padding: const EdgeInsets.symmetric(horizontal: 16),
+          padding: EdgeInsets.symmetric(horizontal: 16 * context.sf),
           itemCount: data.length,
           itemBuilder: (context, index) {
             final team = Team.fromMap(data[index]);
-            
-            // Navegação para estatísticas
             return GestureDetector(
-              onTap: () {
+              onTap: () => Navigator.push(context, MaterialPageRoute(builder: (context) => TeamStatsPage(team: team))),
-                Navigator.push(
-                  context,
-                  MaterialPageRoute(builder: (context) => TeamStatsPage(team: team)),
-                );
-              },
               child: TeamCard(
                 team: team, 
                 controller: controller,
                 onFavoriteTap: () => controller.toggleFavorite(team.id, team.isFavorite),
-                sf: context.sf,
               ),
             );
           },

lib/screens/game_screen.dart

@@ -1 +0,0 @@
-import 'package:flutter/material.dart';

lib/screens/team_stats_page.dart

@@ -1,10 +1,8 @@
 import 'dart:async';
 import 'package:flutter/material.dart';
 import 'package:supabase_flutter/supabase_flutter.dart'; 
-import 'package:playmaker/classe/theme.dart'; // 👇 IMPORT DO TEMA!
 import '../models/team_model.dart';
 import '../models/person_model.dart';
-import '../utils/size_extension.dart'; // 👇 SUPERPODER SF
 
 // --- CABEÇALHO ---
 class StatsHeader extends StatelessWidget {
@@ -15,24 +13,22 @@ class StatsHeader extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Container(
-      padding: EdgeInsets.only(top: 50 * context.sf, left: 20 * context.sf, right: 20 * context.sf, bottom: 20 * context.sf),
+      padding: const EdgeInsets.only(top: 50, left: 20, right: 20, bottom: 20),
-      decoration: BoxDecoration(
+      decoration: const BoxDecoration(
-        color: AppTheme.primaryRed, // 👇 Usando a cor oficial
+        color: Color(0xFF2C3E50),
-        borderRadius: BorderRadius.only(
+        borderRadius: BorderRadius.only(bottomLeft: Radius.circular(30), bottomRight: Radius.circular(30)),
-          bottomLeft: Radius.circular(30 * context.sf), 
-          bottomRight: Radius.circular(30 * context.sf)
-        ),
       ),
       child: Row(
         children: [
           IconButton(
-            icon: Icon(Icons.arrow_back, color: Colors.white, size: 24 * context.sf),
+            icon: const Icon(Icons.arrow_back, color: Colors.white),
             onPressed: () => Navigator.pop(context),
           ),
-          SizedBox(width: 10 * context.sf),
+          const SizedBox(width: 10),
           
+          // IMAGEM OU EMOJI DA EQUIPA AQUI!
           CircleAvatar(
-            radius: 24 * context.sf,
+            radius: 24,
             backgroundColor: Colors.white24,
             backgroundImage: (team.imageUrl.isNotEmpty && team.imageUrl.startsWith('http'))
                 ? NetworkImage(team.imageUrl)
@@ -40,25 +36,18 @@ class StatsHeader extends StatelessWidget {
             child: (team.imageUrl.isEmpty || !team.imageUrl.startsWith('http'))
                 ? Text(
                     team.imageUrl.isEmpty ? "🛡️" : team.imageUrl,
-                    style: TextStyle(fontSize: 20 * context.sf),
+                    style: const TextStyle(fontSize: 20),
                   )
                 : null,
           ),
           
-          SizedBox(width: 15 * context.sf),
+          const SizedBox(width: 15),
-          Expanded( 
+          Expanded( // Expanded evita overflow se o nome for muito longo
             child: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
-                Text(
+                Text(team.name, style: const TextStyle(color: Colors.white, fontSize: 20, fontWeight: FontWeight.bold), overflow: TextOverflow.ellipsis),
-                  team.name, 
+                Text(team.season, style: const TextStyle(color: Colors.white70, fontSize: 14)),
-                  style: TextStyle(color: Colors.white, fontSize: 20 * context.sf, fontWeight: FontWeight.bold), 
-                  overflow: TextOverflow.ellipsis
-                ),
-                Text(
-                  team.season, 
-                  style: TextStyle(color: Colors.white70, fontSize: 14 * context.sf)
-                ),
               ],
             ),
           ),
@@ -76,36 +65,20 @@ class StatsSummaryCard extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    // 👇 Adapta-se ao Modo Claro/Escuro
-    final Color bgColor = Theme.of(context).brightness == Brightness.dark ? const Color(0xFF1E1E1E) : Colors.white;
-
     return Card(
       elevation: 4,
-      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20 * context.sf)),
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
       child: Container(
-        padding: EdgeInsets.all(20 * context.sf),
+        padding: const EdgeInsets.all(20),
         decoration: BoxDecoration(
-          color: bgColor, 
+          borderRadius: BorderRadius.circular(20),
-          borderRadius: BorderRadius.circular(20 * context.sf),
+          gradient: LinearGradient(colors: [Colors.blue.shade700, Colors.blue.shade400]),
-          border: Border.all(color: Colors.grey.withOpacity(0.15)),
         ),
         child: Row(
           mainAxisAlignment: MainAxisAlignment.spaceBetween,
           children: [
-            Row(
+            const Text("Total de Membros", style: TextStyle(color: Colors.white, fontSize: 16)),
-              children: [
+            Text("$total", style: const TextStyle(color: Colors.white, fontSize: 28, fontWeight: FontWeight.bold)),
-                Icon(Icons.groups, color: AppTheme.primaryRed, size: 28 * context.sf), // 👇 Cor do tema
-                SizedBox(width: 10 * context.sf),
-                Text(
-                  "Total de Membros", 
-                  style: TextStyle(color: Theme.of(context).colorScheme.onSurface, fontSize: 16 * context.sf, fontWeight: FontWeight.w600)
-                ),
-              ],
-            ),
-            Text(
-              "$total", 
-              style: TextStyle(color: Theme.of(context).colorScheme.onSurface, fontSize: 28 * context.sf, fontWeight: FontWeight.bold)
-            ),
           ],
         ),
       ),
@@ -124,11 +97,8 @@ class StatsSectionTitle extends StatelessWidget {
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
-        Text(
+        Text(title, style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold, color: Color(0xFF2C3E50))),
-          title, 
+        const Divider(),
-          style: TextStyle(fontSize: 18 * context.sf, fontWeight: FontWeight.bold, color: Theme.of(context).colorScheme.onSurface)
-        ),
-        Divider(color: Colors.grey.withOpacity(0.2)),
       ],
     );
   }
@@ -151,50 +121,37 @@ class PersonCard extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    // 👇 Adapta as cores do Card ao Modo Escuro e ao Tema
-    final Color defaultBg = Theme.of(context).brightness == Brightness.dark ? const Color(0xFF1E1E1E) : Colors.white;
-    final Color coachBg = Theme.of(context).brightness == Brightness.dark ? AppTheme.warningAmber.withOpacity(0.1) : const Color(0xFFFFF9C4);
-
     return Card(
-      margin: EdgeInsets.only(top: 12 * context.sf),
+      margin: const EdgeInsets.only(top: 12),
       elevation: 2,
-      color: isCoach ? coachBg : defaultBg,
+      color: isCoach ? const Color(0xFFFFF9C4) : Colors.white,
-      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15 * context.sf)),
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
       child: ListTile(
-        contentPadding: EdgeInsets.symmetric(horizontal: 16 * context.sf, vertical: 4 * context.sf),
         leading: isCoach
-            ? CircleAvatar(
+            ? const CircleAvatar(backgroundColor: Colors.orange, child: Icon(Icons.person, color: Colors.white))  
-                radius: 22 * context.sf,
-                backgroundColor: AppTheme.warningAmber, // 👇 Cor do tema
-                child: Icon(Icons.person, color: Colors.white, size: 24 * context.sf)
-              )  
             : Container(
-                width: 45 * context.sf,
+                width: 45,
-                height: 45 * context.sf,
+                height: 45,
                 alignment: Alignment.center,
-                decoration: BoxDecoration(
+                decoration: BoxDecoration(color: Colors.blue.withOpacity(0.1), borderRadius: BorderRadius.circular(10)),
-                  color: AppTheme.primaryRed.withOpacity(0.1), // 👇 Cor do tema
+                child: Text(person.number ?? "J", style: const TextStyle(color: Colors.blue, fontWeight: FontWeight.bold, fontSize: 16)),
-                  borderRadius: BorderRadius.circular(10 * context.sf)
-                ),
-                child: Text(
-                  person.number ?? "J", 
-                  style: TextStyle(color: AppTheme.primaryRed, fontWeight: FontWeight.bold, fontSize: 16 * context.sf)
-                ),
               ),
-        title: Text(
+        title: Text(person.name, style: const TextStyle(fontWeight: FontWeight.bold)),
-          person.name, 
-          style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16 * context.sf, color: Theme.of(context).colorScheme.onSurface)
-        ),
         
+        // --- CANTO DIREITO (Trailing) ---
         trailing: Row(
           mainAxisSize: MainAxisSize.min,
           children: [
+            // IMAGEM DA EQUIPA NO CARD DO JOGADOR
+
+            const SizedBox(width: 5), // Espaço
+            
             IconButton(
-              icon: Icon(Icons.edit_outlined, color: Colors.blue, size: 22 * context.sf),
+              icon: const Icon(Icons.edit_outlined, color: Colors.blue),
               onPressed: onEdit,
             ),
             IconButton(
-              icon: Icon(Icons.delete_outline, color: AppTheme.primaryRed, size: 22 * context.sf), // 👇 Cor do tema
+              icon: const Icon(Icons.delete_outline, color: Colors.red),
               onPressed: onDelete,
             ),
           ],
@@ -223,9 +180,10 @@ class _TeamStatsPageState extends State<TeamStatsPage> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      backgroundColor: Theme.of(context).scaffoldBackgroundColor, // 👇 Adapta-se ao Modo Escuro
+      backgroundColor: const Color(0xFFF5F7FA),
       body: Column(
         children: [
+          // Cabeçalho
           StatsHeader(team: widget.team),
           
           Expanded(
@@ -233,11 +191,11 @@ class _TeamStatsPageState extends State<TeamStatsPage> {
               stream: _controller.getMembers(widget.team.id),
               builder: (context, snapshot) {
                 if (snapshot.connectionState == ConnectionState.waiting) {
-                  return Center(child: CircularProgressIndicator(color: AppTheme.primaryRed));
+                  return const Center(child: CircularProgressIndicator());
                 }
 
                 if (snapshot.hasError) {
-                  return Center(child: Text("Erro ao carregar: ${snapshot.error}", style: TextStyle(color: Theme.of(context).colorScheme.onSurface)));
+                  return Center(child: Text("Erro ao carregar: ${snapshot.error}"));
                 }
 
                 final members = snapshot.data ?? [];
@@ -246,16 +204,15 @@ class _TeamStatsPageState extends State<TeamStatsPage> {
                 final players = members.where((m) => m.type == 'Jogador').toList();
 
                 return RefreshIndicator(
-                  color: AppTheme.primaryRed,
                   onRefresh: () async => setState(() {}),
                   child: SingleChildScrollView(
                     physics: const AlwaysScrollableScrollPhysics(),
-                    padding: EdgeInsets.all(16.0 * context.sf),
+                    padding: const EdgeInsets.all(16.0),
                     child: Column(
                       crossAxisAlignment: CrossAxisAlignment.start,
                       children: [
                         StatsSummaryCard(total: members.length),
-                        SizedBox(height: 30 * context.sf),
+                        const SizedBox(height: 30),
 
                         // TREINADORES
                         if (coaches.isNotEmpty) ...[
@@ -263,18 +220,19 @@ class _TeamStatsPageState extends State<TeamStatsPage> {
                           ...coaches.map((c) => PersonCard(
                                 person: c,
                                 isCoach: true,
+
                                 onEdit: () => _controller.showEditPersonDialog(context, widget.team.id, c),
                                 onDelete: () => _confirmDelete(context, c),
                               )),
-                          SizedBox(height: 30 * context.sf),
+                          const SizedBox(height: 30),
                         ],
 
                         // JOGADORES
                         const StatsSectionTitle(title: "Jogadores"),
                         if (players.isEmpty)
-                          Padding(
+                          const Padding(
-                            padding: EdgeInsets.only(top: 20 * context.sf),
+                            padding: EdgeInsets.only(top: 20),
-                            child: Text("Nenhum jogador nesta equipa.", style: TextStyle(color: Colors.grey, fontSize: 16 * context.sf)),
+                            child: Text("Nenhum jogador nesta equipa.", style: TextStyle(color: Colors.grey, fontSize: 16)),
                           )
                         else
                           ...players.map((p) => PersonCard(
@@ -283,7 +241,7 @@ class _TeamStatsPageState extends State<TeamStatsPage> {
                                 onEdit: () => _controller.showEditPersonDialog(context, widget.team.id, p),
                                 onDelete: () => _confirmDelete(context, p),
                               )),
-                        SizedBox(height: 80 * context.sf),
+                        const SizedBox(height: 80),
                       ],
                     ),
                   ),
@@ -296,8 +254,8 @@ class _TeamStatsPageState extends State<TeamStatsPage> {
       floatingActionButton: FloatingActionButton(
         heroTag: 'fab_team_${widget.team.id}', 
         onPressed: () => _controller.showAddPersonDialog(context, widget.team.id),
-        backgroundColor: AppTheme.successGreen, // 👇 Cor de sucesso do tema
+        backgroundColor: const Color(0xFF00C853),
-        child: Icon(Icons.add, color: Colors.white, size: 24 * context.sf),
+        child: const Icon(Icons.add, color: Colors.white),
       ),
     );
   }
@@ -306,20 +264,16 @@ class _TeamStatsPageState extends State<TeamStatsPage> {
     showDialog(
       context: context,
       builder: (ctx) => AlertDialog(
-        backgroundColor: Theme.of(context).colorScheme.surface,
+        title: const Text("Eliminar Membro?"),
-        title: Text("Eliminar Membro?", style: TextStyle(color: Theme.of(context).colorScheme.onSurface)),
+        content: Text("Tens a certeza que queres remover ${person.name}?"),
-        content: Text("Tens a certeza que queres remover ${person.name}?", style: TextStyle(color: Theme.of(context).colorScheme.onSurface)),
         actions: [
-          TextButton(
+          TextButton(onPressed: () => Navigator.pop(ctx), child: const Text("Cancelar")),
-            onPressed: () => Navigator.pop(ctx), 
-            child: const Text("Cancelar", style: TextStyle(color: Colors.grey))
-          ),
           TextButton(
             onPressed: () async {
               await _controller.deletePerson(person.id);
               if (ctx.mounted) Navigator.pop(ctx);
             },
-            child: Text("Eliminar", style: TextStyle(color: AppTheme.primaryRed)), // 👇 Cor oficial
+            child: const Text("Eliminar", style: TextStyle(color: Colors.red)),
           ),
         ],
       ),
@@ -369,27 +323,20 @@ class StatsController {
       context: context,
       builder: (ctx) => StatefulBuilder(
         builder: (ctx, setState) => AlertDialog(
-          backgroundColor: Theme.of(context).colorScheme.surface,
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
-          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15 * context.sf)),
+          title: Text(isEdit ? "Editar Membro" : "Novo Membro"),
-          title: Text(
-            isEdit ? "Editar Membro" : "Novo Membro", 
-            style: TextStyle(color: Theme.of(context).colorScheme.onSurface)
-          ),
           content: SingleChildScrollView(
             child: Column(
               mainAxisSize: MainAxisSize.min,
               children: [
                 TextField(
                   controller: nameCtrl,
-                  style: TextStyle(color: Theme.of(context).colorScheme.onSurface),
                   decoration: const InputDecoration(labelText: "Nome Completo"),
                   textCapitalization: TextCapitalization.words,
                 ),
-                SizedBox(height: 15 * context.sf),
+                const SizedBox(height: 15),
                 DropdownButtonFormField<String>(
                   value: selectedType,
-                  dropdownColor: Theme.of(context).colorScheme.surface,
-                  style: TextStyle(color: Theme.of(context).colorScheme.onSurface, fontSize: 16 * context.sf),
                   decoration: const InputDecoration(labelText: "Função"),
                   items: ["Jogador", "Treinador"]
                       .map((e) => DropdownMenuItem(value: e, child: Text(e)))
@@ -399,10 +346,9 @@ class StatsController {
                   },  
                 ),
                 if (selectedType == "Jogador") ...[
-                  SizedBox(height: 15 * context.sf),
+                  const SizedBox(height: 15),
                   TextField(
                     controller: numCtrl,
-                    style: TextStyle(color: Theme.of(context).colorScheme.onSurface),
                     decoration: const InputDecoration(labelText: "Número da Camisola"),
                     keyboardType: TextInputType.number,
                   ),
@@ -413,13 +359,12 @@ class StatsController {
           actions: [
             TextButton(
               onPressed: () => Navigator.pop(ctx), 
-              child: const Text("Cancelar", style: TextStyle(color: Colors.grey))
+              child: const Text("Cancelar")
             ),
             ElevatedButton(
               style: ElevatedButton.styleFrom(
-                backgroundColor: AppTheme.successGreen, // 👇 Cor verde do tema
+                backgroundColor: const Color(0xFF00C853),
-                foregroundColor: Colors.white,
+                shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8))
-                shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8 * context.sf))
               ),
               onPressed: () async {
                 if (nameCtrl.text.trim().isEmpty) return;
@@ -452,12 +397,12 @@ class StatsController {
                       errorMsg = "Já existe um membro com este numero na equipa.";
                     }
                     ScaffoldMessenger.of(ctx).showSnackBar(
-                      SnackBar(content: Text(errorMsg), backgroundColor: AppTheme.primaryRed) // 👇 Cor oficial para erro
+                      SnackBar(content: Text(errorMsg), backgroundColor: Colors.red)
                     );
                   }
                 }
               },
-              child: const Text("Guardar"),
+              child: const Text("Guardar", style: TextStyle(color: Colors.white)),
             )
           ],
         ),

lib/utils/size_extension.dart

@@ -1 +1,15 @@
-// TODO Implement this library.
+import 'package:flutter/material.dart';
+import 'dart:math' as math;
+
+// Esta extensão adiciona o superpoder "sf" ao BuildContext
+extension SizeExtension on BuildContext {
+  
+  double get sf {
+    final double wScreen = MediaQuery.of(this).size.width;
+    final double hScreen = MediaQuery.of(this).size.height;
+    
+    // Calcula e devolve a escala na hora!
+    return math.min(wScreen, hScreen) / 400;
+  }
+  
+}

lib/widgets/game_widgets.dart

@@ -3,6 +3,7 @@ import 'package:playmaker/pages/PlacarPage.dart';
 import '../controllers/team_controller.dart';
 import '../controllers/game_controller.dart'; 
 
+// --- CARD DE EXIBIÇÃO DO JOGO ---
 class GameResultCard extends StatelessWidget {
   final String gameId;
   final String myTeam, opponentTeam, myScore, opponentScore, status, season;
@@ -26,13 +27,9 @@ class GameResultCard extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    // 👇 Puxa as cores de fundo dependendo do Modo (Claro/Escuro)
-    final bgColor = Theme.of(context).colorScheme.surface;
-    final textColor = Theme.of(context).colorScheme.onSurface;
-
     return Container(
-      margin: const EdgeInsets.only(bottom: 16),
+      margin: EdgeInsets.only(bottom: 16 * sf),
-      padding: const EdgeInsets.all(16),
+      padding: EdgeInsets.all(16 * sf),
       decoration: BoxDecoration(
         color: Colors.white,
         borderRadius: BorderRadius.circular(20 * sf),
@@ -62,7 +59,7 @@ class GameResultCard extends StatelessWidget {
               ? Icon(Icons.shield, color: Colors.white, size: 24 * sf)
               : null,
         ),
-        const SizedBox(height: 4),
+        SizedBox(height: 6 * sf),
         Text(name, 
           style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13 * sf),
           textAlign: TextAlign.center,
@@ -84,7 +81,7 @@ class GameResultCard extends StatelessWidget {
             _scoreBox(opponentScore, Colors.grey, sf),
           ],
         ),
-        const SizedBox(height: 8),
+        SizedBox(height: 10 * sf),
         TextButton.icon(
           onPressed: () {
             Navigator.push(
@@ -107,16 +104,16 @@ class GameResultCard extends StatelessWidget {
             visualDensity: VisualDensity.compact,
           ),
         ),
-        const SizedBox(height: 4),
+        SizedBox(height: 6 * sf),
-        Text(status, style: const TextStyle(fontSize: 10, color: Colors.blue, fontWeight: FontWeight.bold)),
+        Text(status, style: TextStyle(fontSize: 12 * sf, color: Colors.blue, fontWeight: FontWeight.bold)),
       ],
     );
   }
 
-  Widget _scoreBox(String pts, Color c) => Container(
+  Widget _scoreBox(String pts, Color c, double sf) => Container(
-    padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
+    padding: EdgeInsets.symmetric(horizontal: 12 * sf, vertical: 6 * sf),
-    decoration: BoxDecoration(color: c, borderRadius: BorderRadius.circular(8)),
+    decoration: BoxDecoration(color: c, borderRadius: BorderRadius.circular(8 * sf)),
-    child: Text(pts, style: const TextStyle(color: Colors.white, fontWeight: FontWeight.bold)),
+    child: Text(pts, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 16 * sf)),
   );
 }
 

lib/widgets/home_widgets.dart

@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:playmaker/classe/home.config.dart';
 
 class StatCard extends StatelessWidget {
   final String title;
@@ -11,6 +10,11 @@ class StatCard extends StatelessWidget {
   final bool isHighlighted;
   final VoidCallback? onTap;
   
+  // Variáveis novas para que o tamanho não fique preso à HomeConfig
+  final double sf;
+  final double cardWidth;
+  final double cardHeight;
+
   const StatCard({
     super.key,
     required this.title,
@@ -21,27 +25,30 @@ class StatCard extends StatelessWidget {
     required this.icon,
     this.isHighlighted = false,
     this.onTap,
+    this.sf = 1.0, // Default 1.0 para não dar erro se não passares o valor
+    required this.cardWidth,
+    required this.cardHeight,
   });
 
   @override
   Widget build(BuildContext context) {
-    return Container(
+    return SizedBox(
-      width: HomeConfig.cardwidthPadding,
+      width: cardWidth,
-      height: HomeConfig.cardheightPadding,
+      height: cardHeight,
       child: Card(
         elevation: 0,
         shape: RoundedRectangleBorder(
-          borderRadius: BorderRadius.circular(20),
+          borderRadius: BorderRadius.circular(20 * sf),
           side: isHighlighted 
-            ? BorderSide(color: Colors.amber, width: 2)
+            ? BorderSide(color: Colors.amber, width: 2 * sf)
             : BorderSide.none,
         ),
         child: InkWell(
           onTap: onTap,
-          borderRadius: BorderRadius.circular(20),
+          borderRadius: BorderRadius.circular(20 * sf),
           child: Container(
             decoration: BoxDecoration(
-              borderRadius: BorderRadius.circular(20),
+              borderRadius: BorderRadius.circular(20 * sf),
               gradient: LinearGradient(
                 begin: Alignment.topCenter,
                 end: Alignment.bottomCenter,
@@ -52,13 +59,14 @@ class StatCard extends StatelessWidget {
               ),
             ),
             child: Padding(
-              padding: const EdgeInsets.all(20.0),
+              padding: EdgeInsets.all(16.0 * sf),
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
                   // Cabeçalho
                   Row(
                     mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                    crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
                       Expanded(
                         child: Column(
@@ -66,12 +74,12 @@ class StatCard extends StatelessWidget {
                           children: [
                             Text(
                               title.toUpperCase(),
-                              style: HomeConfig.titleStyle,
+                              style: TextStyle(fontSize: 11 * sf, fontWeight: FontWeight.bold, color: Colors.white70),
                             ),
-                            SizedBox(height: 5),
+                            SizedBox(height: 2 * sf),
                             Text(
                               playerName,
-                              style: HomeConfig.playerNameStyle,
+                              style: TextStyle(fontSize: 14 * sf, fontWeight: FontWeight.bold, color: Colors.white),
                               maxLines: 1,
                               overflow: TextOverflow.ellipsis,
                             ),
@@ -80,38 +88,38 @@ class StatCard extends StatelessWidget {
                       ),
                       if (isHighlighted)
                         Container(
-                          padding: EdgeInsets.all(8),
+                          padding: EdgeInsets.all(6 * sf),
-                          decoration: BoxDecoration(
+                          decoration: const BoxDecoration(
                             color: Colors.amber,
                             shape: BoxShape.circle,
                           ),
                           child: Icon(
                             Icons.star,
-                            size: 20,
+                            size: 16 * sf,
                             color: Colors.white,
                           ),
                         ),
                     ],
                   ),
                   
-                  SizedBox(height: 10),
+                  SizedBox(height: 8 * sf),
                   
                   // Ícone
                   Container(
-                    width: 60,
+                    width: 45 * sf,
-                    height: 60,
+                    height: 45 * sf,
                     decoration: BoxDecoration(
                       color: Colors.white.withOpacity(0.2),
                       shape: BoxShape.circle,
                     ),
                     child: Icon(
                       icon,
-                      size: 30,
+                      size: 24 * sf,
                       color: Colors.white,
                     ),
                   ),
                   
-                  Spacer(),
+                  const Spacer(),
                   
                   // Estatística
                   Center(
@@ -119,26 +127,26 @@ class StatCard extends StatelessWidget {
                       children: [
                         Text(
                           statValue,
-                          style: HomeConfig.statValueStyle,
+                          style: TextStyle(fontSize: 34 * sf, fontWeight: FontWeight.bold, color: Colors.white),
                         ),
-                        SizedBox(height: 5),
+                        SizedBox(height: 2 * sf),
                         Text(
                           statLabel.toUpperCase(),
-                          style: HomeConfig.statLabelStyle,
+                          style: TextStyle(fontSize: 12 * sf, color: Colors.white70),
                         ),
                       ],
                     ),
                   ),
                   
-                  Spacer(),
+                  const Spacer(),
                   
                   // Botão
                   Container(
                     width: double.infinity,
-                    padding: EdgeInsets.symmetric(vertical: 12),
+                    padding: EdgeInsets.symmetric(vertical: 8 * sf),
                     decoration: BoxDecoration(
                       color: Colors.white.withOpacity(0.2),
-                      borderRadius: BorderRadius.circular(15),
+                      borderRadius: BorderRadius.circular(10 * sf),
                     ),
                     child: Center(
                       child: Text(
@@ -146,7 +154,7 @@ class StatCard extends StatelessWidget {
                         style: TextStyle(
                           color: Colors.white,
                           fontWeight: FontWeight.bold,
-                          fontSize: 14,
+                          fontSize: 11 * sf,
                           letterSpacing: 1,
                         ),
                       ),
@@ -169,12 +177,12 @@ class SportGrid extends StatelessWidget {
   const SportGrid({
     super.key,
     required this.children,
-    this.spacing = HomeConfig.cardSpacing,
+    this.spacing = 20.0, // Valor padrão se não for passado nada
   });
 
   @override
   Widget build(BuildContext context) {
-    if (children.isEmpty) return SizedBox();
+    if (children.isEmpty) return const SizedBox();
     
     return Column(
       children: [

lib/widgets/login_widgets.dart

@@ -1,8 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:playmaker/controllers/login_controller.dart';
 import 'package:playmaker/pages/RegisterPage.dart';
-import 'package:playmaker/classe/theme.dart'; // 👇 IMPORT DO TEMA
+import '../utils/size_extension.dart'; // 👇 O NOSSO SUPERPODER!
-import '../utils/size_extension.dart'; 
 
 class BasketTrackHeader extends StatelessWidget {
   const BasketTrackHeader({super.key});
@@ -12,7 +11,7 @@ class BasketTrackHeader extends StatelessWidget {
     return Column(
       children: [
         SizedBox(
-          width: 200 * context.sf, 
+          width: 200 * context.sf, // Ajusta o tamanho da imagem suavemente
           height: 200 * context.sf,
           child: Image.asset(
             'assets/playmaker-logos.png',
@@ -24,7 +23,7 @@ class BasketTrackHeader extends StatelessWidget {
           style: TextStyle(
             fontSize: 36 * context.sf,
             fontWeight: FontWeight.bold,
-            color: Theme.of(context).colorScheme.onSurface, // 👇 Adaptável ao Modo Escuro
+            color: Colors.grey[900],
           ),
         ),
         SizedBox(height: 6 * context.sf), 
@@ -32,7 +31,7 @@ class BasketTrackHeader extends StatelessWidget {
           'Gere as tuas equipas e estatísticas',
           style: TextStyle(
             fontSize: 16 * context.sf,
-            color: Colors.grey, // Mantemos cinza para subtítulo
+            color: Colors.grey[600],
             fontWeight: FontWeight.w500,
           ),
           textAlign: TextAlign.center,
@@ -53,17 +52,13 @@ class LoginFormFields extends StatelessWidget {
       children: [
         TextField(
           controller: controller.emailController,
-          style: TextStyle(fontSize: 15 * context.sf, color: Theme.of(context).colorScheme.onSurface),
+          style: TextStyle(fontSize: 15 * context.sf),
           decoration: InputDecoration(
             labelText: 'E-mail',
             labelStyle: TextStyle(fontSize: 15 * context.sf),
-            prefixIcon: Icon(Icons.email_outlined, size: 22 * context.sf, color: AppTheme.primaryRed), // 👇 Cor do tema
+            prefixIcon: Icon(Icons.email_outlined, size: 22 * context.sf),
             errorText: controller.emailError, 
             border: OutlineInputBorder(borderRadius: BorderRadius.circular(12 * context.sf)),
-            focusedBorder: OutlineInputBorder(
-              borderRadius: BorderRadius.circular(12 * context.sf),
-              borderSide: BorderSide(color: AppTheme.primaryRed, width: 2), // 👇 Cor do tema ao focar
-            ),
             contentPadding: EdgeInsets.symmetric(vertical: 18 * context.sf, horizontal: 16 * context.sf),
           ),
           keyboardType: TextInputType.emailAddress,
@@ -72,21 +67,16 @@ class LoginFormFields extends StatelessWidget {
         TextField(
           controller: controller.passwordController,
           obscureText: controller.obscurePassword,
-          style: TextStyle(fontSize: 15 * context.sf, color: Theme.of(context).colorScheme.onSurface),
+          style: TextStyle(fontSize: 15 * context.sf),
           decoration: InputDecoration(
             labelText: 'Palavra-passe',
             labelStyle: TextStyle(fontSize: 15 * context.sf),
-            prefixIcon: Icon(Icons.lock_outlined, size: 22 * context.sf, color: AppTheme.primaryRed), // 👇 Cor do tema
+            prefixIcon: Icon(Icons.lock_outlined, size: 22 * context.sf),
             errorText: controller.passwordError,
-            focusedBorder: OutlineInputBorder(
-              borderRadius: BorderRadius.circular(12 * context.sf),
-              borderSide: BorderSide(color: AppTheme.primaryRed, width: 2), // 👇 Cor do tema ao focar
-            ),
             suffixIcon: IconButton(
               icon: Icon(
                 controller.obscurePassword ? Icons.visibility_outlined : Icons.visibility_off_outlined,
-                size: 22 * context.sf,
+                size: 22 * context.sf
-                color: Colors.grey,
               ),
               onPressed: controller.togglePasswordVisibility,
             ),
@@ -116,7 +106,7 @@ class LoginButton extends StatelessWidget {
           if (success) onLoginSuccess();
         },
         style: ElevatedButton.styleFrom(
-          backgroundColor: AppTheme.primaryRed, // 👇 Usando a cor do tema
+          backgroundColor: const Color(0xFFE74C3C),
           foregroundColor: Colors.white,
           shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14 * context.sf)),
           elevation: 3,
@@ -145,8 +135,8 @@ class CreateAccountButton extends StatelessWidget {
           Navigator.push(context, MaterialPageRoute(builder: (context) => const RegisterPage()));
         },
         style: OutlinedButton.styleFrom(
-          foregroundColor: AppTheme.primaryRed, // 👇 Usando a cor do tema
+          foregroundColor: const Color(0xFFE74C3C),
-          side: BorderSide(color: AppTheme.primaryRed, width: 2 * context.sf), // 👇 Usando a cor do tema
+          side: BorderSide(color: const Color(0xFFE74C3C), width: 2 * context.sf),
           shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14 * context.sf)),
         ),
         child: Text('Criar Conta', style: TextStyle(fontSize: 18 * context.sf, fontWeight: FontWeight.bold)),

lib/widgets/placar_widgets.dart

@@ -1,86 +1,117 @@
 import 'package:flutter/material.dart';
 import 'package:playmaker/controllers/placar_controller.dart';
-import 'package:playmaker/zone_map_dialog.dart';
 
-// ============================================================================
+// --- PLACAR SUPERIOR ---
-// 1. PLACAR SUPERIOR (CRONÓMETRO E RESULTADO)
-// ============================================================================
 class TopScoreboard extends StatelessWidget {
   final PlacarController controller;
-  const TopScoreboard({super.key, required this.controller});
+  final double sf;
+  
+  const TopScoreboard({super.key, required this.controller, required this.sf});
 
   @override
   Widget build(BuildContext context) {
     return Container(
-      padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 30),
+      padding: EdgeInsets.symmetric(vertical: 10 * sf, horizontal: 35 * sf),
       decoration: BoxDecoration(
         color: const Color(0xFF16202C), 
-        borderRadius: const BorderRadius.only(bottomLeft: Radius.circular(15), bottomRight: Radius.circular(15)), 
+        borderRadius: BorderRadius.only(
-        border: Border.all(color: Colors.white, width: 2), 
+          bottomLeft: Radius.circular(22 * sf), 
+          bottomRight: Radius.circular(22 * sf)
+        ), 
+        border: Border.all(color: Colors.white, width: 2.5 * sf), 
       ),
       child: Row(
         mainAxisSize: MainAxisSize.min, 
         children: [
-          _buildTeamSection(controller.myTeam, controller.myScore, controller.myFouls, controller.myTimeoutsUsed, const Color(0xFF1E5BB2), false),
+          _buildTeamSection(controller.myTeam, controller.myScore, controller.myFouls, controller.myTimeoutsUsed, const Color(0xFF1E5BB2), false, sf),
-          const SizedBox(width: 25),
+          SizedBox(width: 30 * sf),
           Column(
+            mainAxisSize: MainAxisSize.min,
             children: [
               Container(
-                padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 6),
+                padding: EdgeInsets.symmetric(horizontal: 18 * sf, vertical: 5 * sf),
-                decoration: BoxDecoration(color: const Color(0xFF2C3E50), borderRadius: BorderRadius.circular(6)),
+                decoration: BoxDecoration(
-                child: Text(controller.formatTime(), style: const TextStyle(color: Colors.white, fontSize: 24, fontWeight: FontWeight.bold, fontFamily: 'monospace')),
+                  color: const Color(0xFF2C3E50), 
+                  borderRadius: BorderRadius.circular(9 * sf)
+                ),
+                child: Text(
+                  controller.formatTime(), 
+                  style: TextStyle(color: Colors.white, fontSize: 28 * sf, fontWeight: FontWeight.w900, fontFamily: 'monospace', letterSpacing: 2 * sf)
+                ),
+              ),
+              SizedBox(height: 5 * sf),
+              Text(
+                "PERÍODO ${controller.currentQuarter}", 
+                style: TextStyle(color: Colors.orangeAccent, fontSize: 14 * sf, fontWeight: FontWeight.w900)
               ),
-              const SizedBox(height: 5),
-              Text("PERÍODO ${controller.currentQuarter}", style: const TextStyle(color: Colors.orangeAccent, fontSize: 14, fontWeight: FontWeight.bold)),
             ],
           ),
-          const SizedBox(width: 25),
+          SizedBox(width: 30 * sf),
-          _buildTeamSection(controller.opponentTeam, controller.opponentScore, controller.opponentFouls, controller.opponentTimeoutsUsed, const Color(0xFFD92C2C), true),
+          _buildTeamSection(controller.opponentTeam, controller.opponentScore, controller.opponentFouls, controller.opponentTimeoutsUsed, const Color(0xFFD92C2C), true, sf),
         ],
       ),
     );
   }
 
-  Widget _buildTeamSection(String name, int score, int fouls, int timeouts, Color color, bool isOpp) {
+  Widget _buildTeamSection(String name, int score, int fouls, int timeouts, Color color, bool isOpp, double sf) {
+    int displayFouls = fouls > 5 ? 5 : fouls;
+
     final timeoutIndicators = Row(
       mainAxisSize: MainAxisSize.min,
       children: List.generate(3, (index) => Container(
-        margin: const EdgeInsets.symmetric(horizontal: 3),
+        margin: EdgeInsets.symmetric(horizontal: 3.5 * sf),
-        width: 12, height: 12,
+        width: 12 * sf, height: 12 * sf,
-        decoration: BoxDecoration(shape: BoxShape.circle, color: index < timeouts ? Colors.yellow : Colors.grey.shade600, border: Border.all(color: Colors.black26)),
+        decoration: BoxDecoration(
+          shape: BoxShape.circle, 
+          color: index < timeouts ? Colors.yellow : Colors.grey.shade600, 
+          border: Border.all(color: Colors.white54, width: 1.5 * sf)
+        ),
       )),
     );
-    return Row(
+    
-      crossAxisAlignment: CrossAxisAlignment.start, 
+    List<Widget> content = [
-      children: isOpp 
+      Column(
-        ? [
+        children: [
-            Column(children: [_scoreBox(score, color), const SizedBox(height: 4), Text("FALTAS: $fouls", style: TextStyle(color: fouls >= 5 ? Colors.red : Colors.yellowAccent, fontSize: 12, fontWeight: FontWeight.bold)), timeoutIndicators]),
+          _scoreBox(score, color, sf), 
-            const SizedBox(width: 15),
+          SizedBox(height: 7 * sf),
-            Text(name.toUpperCase(), style: const TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold))
+          timeoutIndicators
-          ] 
+        ]
-        : [
+      ),
-            Text(name.toUpperCase(), style: const TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold)),
+      SizedBox(width: 18 * sf),
-            const SizedBox(width: 15),
+      Column(
-            Column(children: [_scoreBox(score, color), const SizedBox(height: 4), Text("FALTAS: $fouls", style: TextStyle(color: fouls >= 5 ? Colors.red : Colors.yellowAccent, fontSize: 12, fontWeight: FontWeight.bold)), timeoutIndicators])
+        crossAxisAlignment: isOpp ? CrossAxisAlignment.start : CrossAxisAlignment.end,
-          ]
+        children: [
-    );
+          Text(
+            name.toUpperCase(), 
+            style: TextStyle(color: Colors.white, fontSize: 20 * sf, fontWeight: FontWeight.w900, letterSpacing: 1.2 * sf)
+          ),
+          SizedBox(height: 5 * sf),
+          Text(
+            "FALTAS: $displayFouls", 
+            style: TextStyle(color: displayFouls >= 5 ? Colors.redAccent : Colors.yellowAccent, fontSize: 13 * sf, fontWeight: FontWeight.bold)
+          ),
+        ],
+      )
+    ];
+
+    return Row(crossAxisAlignment: CrossAxisAlignment.center, children: isOpp ? content : content.reversed.toList());
   }
 
-  Widget _scoreBox(int score, Color color) => Container(
+  Widget _scoreBox(int score, Color color, double sf) => Container(
-    width: 50, height: 40,
+    width: 58 * sf, height: 45 * sf,
     alignment: Alignment.center,
-    decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular(6)),
+    decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular(7 * sf)),
-    child: Text(score.toString(), style: const TextStyle(color: Colors.white, fontSize: 24, fontWeight: FontWeight.bold)),
+    child: Text(score.toString(), style: TextStyle(color: Colors.white, fontSize: 26 * sf, fontWeight: FontWeight.w900)),
   );
 }
 
-// ============================================================================
+// --- BANCO DE SUPLENTES ---
-// 2. BANCO DE SUPLENTES (DRAG & DROP)
-// ============================================================================
 class BenchPlayersList extends StatelessWidget {
   final PlacarController controller;
   final bool isOpponent;
-  const BenchPlayersList({super.key, required this.controller, required this.isOpponent});
+  final double sf;
+  
+  const BenchPlayersList({super.key, required this.controller, required this.isOpponent, required this.sf});
 
   @override
   Widget build(BuildContext context) {
@@ -96,24 +127,45 @@ class BenchPlayersList extends StatelessWidget {
         final bool isFouledOut = fouls >= 5; 
 
         Widget avatarUI = Container(
-          margin: const EdgeInsets.only(bottom: 5),
+          margin: EdgeInsets.only(bottom: 7 * sf),
+          decoration: BoxDecoration(
+            shape: BoxShape.circle, 
+            border: Border.all(color: Colors.white, width: 1.8 * sf),
+            boxShadow: [BoxShadow(color: Colors.black45, blurRadius: 5 * sf, offset: Offset(0, 2.5 * sf))]
+          ),
           child: CircleAvatar(
-            backgroundColor: isFouledOut ? Colors.grey.shade700 : teamColor, 
+            radius: 22 * sf,
-            child: Text(num, style: TextStyle(color: isFouledOut ? Colors.red.shade300 : Colors.white, fontSize: 14, decoration: isFouledOut ? TextDecoration.lineThrough : TextDecoration.none)),
+            backgroundColor: isFouledOut ? Colors.grey.shade800 : teamColor, 
+            child: Text(
+              num, 
+              style: TextStyle(
+                color: isFouledOut ? Colors.red.shade300 : Colors.white, 
+                fontSize: 16 * sf,
+                fontWeight: FontWeight.bold, 
+                decoration: isFouledOut ? TextDecoration.lineThrough : TextDecoration.none
+              )
+            ),
           ),
         );
 
         if (isFouledOut) {
           return GestureDetector(
             onTap: () => ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('🛑 $playerName não pode voltar (Expulso).'), backgroundColor: Colors.red)), 
-            child: avatarUI,
+            child: avatarUI
           );
         }
 
         return Draggable<String>(
           data: "$prefix$playerName", 
-          feedback: Material(color: Colors.transparent, child: CircleAvatar(backgroundColor: teamColor, child: Text(num, style: const TextStyle(color: Colors.white)))),
+          feedback: Material(
-          childWhenDragging: const Opacity(opacity: 0.5, child: SizedBox(width: 40, height: 40)),
+            color: Colors.transparent, 
+            child: CircleAvatar(
+              radius: 28 * sf,
+              backgroundColor: teamColor, 
+              child: Text(num, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 18 * sf))
+            )
+          ),
+          childWhenDragging: Opacity(opacity: 0.5, child: SizedBox(width: 45 * sf, height: 45 * sf)),
           child: avatarUI,
         );
       }).toList(),
@@ -121,18 +173,14 @@ class BenchPlayersList extends StatelessWidget {
   }
 }
 
-// ============================================================================
+// --- CARTÃO DO JOGADOR NO CAMPO ---
-// 3. CARTÃO DO JOGADOR NO CAMPO (TARGET DE FALTAS/PONTOS/SUBSTITUIÇÕES)
-// ============================================================================
-// ============================================================================
-// 3. CARTÃO DO JOGADOR NO CAMPO (AGORA ABRE O POPUP AMARELO)
-// ============================================================================
 class PlayerCourtCard extends StatelessWidget {
   final PlacarController controller;
   final String name;
   final bool isOpponent;
+  final double sf;
   
-  const PlayerCourtCard({super.key, required this.controller, required this.name, required this.isOpponent});
+  const PlayerCourtCard({super.key, required this.controller, required this.name, required this.isOpponent, required this.sf});
 
   @override
   Widget build(BuildContext context) {
@@ -146,46 +194,25 @@ class PlayerCourtCard extends StatelessWidget {
       feedback: Material(
         color: Colors.transparent,
         child: Container(
-          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
+          padding: EdgeInsets.symmetric(horizontal: 18 * sf, vertical: 11 * sf),
-          decoration: BoxDecoration(color: teamColor.withOpacity(0.9), borderRadius: BorderRadius.circular(8)),
+          decoration: BoxDecoration(color: teamColor.withOpacity(0.9), borderRadius: BorderRadius.circular(9 * sf)),
-          child: Text(name, style: const TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold)),
+          child: Text(name, style: TextStyle(color: Colors.white, fontSize: 20 * sf, fontWeight: FontWeight.bold)),
         ),
       ),
-      childWhenDragging: Opacity(opacity: 0.5, child: _playerCardUI(number, name, stats, teamColor, false, false)),
+      childWhenDragging: Opacity(opacity: 0.5, child: _playerCardUI(number, name, stats, teamColor, false, false, sf)),
       child: DragTarget<String>(
         onAcceptWithDetails: (details) {
           final action = details.data; 
-          
+          if (action.startsWith("add_") || action.startsWith("sub_") || action.startsWith("miss_")) {
-          // 👇 SE FOR UM LANÇAMENTO DE CAMPO (2 OU 3 PONTOS), ABRE O POPUP AMARELO!
-          if (action == "add_pts_2" || action == "add_pts_3" || action == "miss_2" || action == "miss_3") {
-             bool isMake = action.startsWith("add_");
-             
-             showDialog(
-               context: context,
-               builder: (ctx) => ZoneMapDialog(
-                 playerName: name,
-                 isMake: isMake,
-                 onZoneSelected: (zone, points, relX, relY) {
-                   Navigator.pop(ctx); // Fecha o popup amarelo
-                   
-                   // 👇 MANDA OS DADOS PARA O CONTROLLER! (Vais ter de criar esta função no PlacarController)
-                   controller.registerShotFromPopup(context, action, "$prefix$name", zone, points, relX, relY);
-                 },
-               ),
-             );
-          } 
-          // Se for 1 Ponto (Lance Livre), Falta, Ressalto ou Roubo, FAZ TUDO NORMAL!
-          else if (action.startsWith("add_") || action.startsWith("sub_") || action.startsWith("miss_")) {
              controller.handleActionDrag(context, action, "$prefix$name"); 
-          } 
+          } else if (action.startsWith("bench_")) {
-          else if (action.startsWith("bench_")) {
              controller.handleSubbing(context, action, name, isOpponent);
           }
         },
         builder: (context, candidateData, rejectedData) {
           bool isSubbing = candidateData.any((data) => data != null && (data.startsWith("bench_my_") || data.startsWith("bench_opp_")));
           bool isActionHover = candidateData.any((data) => data != null && (data.startsWith("add_") || data.startsWith("sub_") || data.startsWith("miss_")));
-          return _playerCardUI(number, name, stats, teamColor, isSubbing, isActionHover);
+          return _playerCardUI(number, name, stats, teamColor, isSubbing, isActionHover, sf);
         },
       ),
     );
@@ -193,7 +220,7 @@ class PlayerCourtCard extends StatelessWidget {
 
   Widget _playerCardUI(String number, String name, Map<String, int> stats, Color teamColor, bool isSubbing, bool isActionHover, double sf) {
     bool isFouledOut = stats["fls"]! >= 5; 
-    Color bgColor = isFouledOut ? Colors.red.shade100 : Colors.white;
+    Color bgColor = isFouledOut ? Colors.red.shade50 : Colors.white;
     Color borderColor = isFouledOut ? Colors.redAccent : Colors.transparent;
     
     if (isSubbing) { 
@@ -208,10 +235,11 @@ class PlayerCourtCard extends StatelessWidget {
     String displayName = name.length > 12 ? "${name.substring(0, 10)}..." : name;
 
     return Container(
-      padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
       decoration: BoxDecoration(
-        color: bgColor, borderRadius: BorderRadius.circular(12), border: Border.all(color: borderColor, width: 2),
+        color: bgColor, 
-        boxShadow: const [BoxShadow(color: Colors.black26, blurRadius: 6, offset: Offset(0, 3))],
+        borderRadius: BorderRadius.circular(11 * sf),
+        border: Border.all(color: borderColor, width: 1.8 * sf),
+        boxShadow: [BoxShadow(color: Colors.black26, blurRadius: 5 * sf, offset: Offset(2 * sf, 3.5 * sf))],
       ),
       child: ClipRRect(
         borderRadius: BorderRadius.circular(9 * sf),
@@ -256,12 +284,12 @@ class PlayerCourtCard extends StatelessWidget {
   }
 }
 
-// ============================================================================
+// --- PAINEL DE BOTÕES DE AÇÃO ---
-// 4. PAINEL DE BOTÕES DE AÇÃO (PONTOS, RESSALTOS, ETC)
-// ============================================================================
 class ActionButtonsPanel extends StatelessWidget {
   final PlacarController controller;
-  const ActionButtonsPanel({super.key, required this.controller});
+  final double sf;
+  
+  const ActionButtonsPanel({super.key, required this.controller, required this.sf});
 
   @override
   Widget build(BuildContext context) {
@@ -274,108 +302,109 @@ class ActionButtonsPanel extends StatelessWidget {
       crossAxisAlignment: CrossAxisAlignment.end,
       children: [
         _columnBtn([
-          _actionBtn("T.O", const Color(0xFF1E5BB2), () => controller.useTimeout(false), labelSize: 20),
+          _dragAndTargetBtn("M1", Colors.redAccent, "miss_1", baseSize, feedSize, sf),
-          _dragAndTargetBtn("1", Colors.orange, "add_pts_1"),
+          _dragAndTargetBtn("1", Colors.orange, "add_pts_1", baseSize, feedSize, sf),
-          _dragAndTargetBtn("1", Colors.orange, "sub_pts_1", isX: true),
+          _dragAndTargetBtn("1", Colors.orange, "sub_pts_1", baseSize, feedSize, sf, isX: true),
-                    _dragAndTargetBtn("STL", Colors.green, "add_stl"),
+          _dragAndTargetBtn("STL", Colors.green, "add_stl", baseSize, feedSize, sf),
-
+        ], gap),
-        ]),
+        SizedBox(width: gap * 1),
-        const SizedBox(width: 15),
         _columnBtn([
-          _dragAndTargetBtn("M2", Colors.redAccent, "miss_2"),            
+          _dragAndTargetBtn("M2", Colors.redAccent, "miss_2", baseSize, feedSize, sf),            
-          _dragAndTargetBtn("2", Colors.orange, "add_pts_2"),             
+          _dragAndTargetBtn("2", Colors.orange, "add_pts_2", baseSize, feedSize, sf),             
-          _dragAndTargetBtn("2", Colors.orange, "sub_pts_2", isX: true),  
+          _dragAndTargetBtn("2", Colors.orange, "sub_pts_2", baseSize, feedSize, sf, isX: true),  
-          _dragAndTargetBtn("AST", Colors.blueGrey, "add_ast"),
+          _dragAndTargetBtn("AST", Colors.blueGrey, "add_ast", baseSize, feedSize, sf),
-        ]),
+        ], gap),
-        const SizedBox(width: 15),
+        SizedBox(width: gap * 1),
         _columnBtn([
-          _dragAndTargetBtn("M3", Colors.redAccent, "miss_3"),            
+          _dragAndTargetBtn("M3", Colors.redAccent, "miss_3", baseSize, feedSize, sf),            
-          _dragAndTargetBtn("3", Colors.orange, "add_pts_3"),             
+          _dragAndTargetBtn("3", Colors.orange, "add_pts_3", baseSize, feedSize, sf),             
-          _dragAndTargetBtn("3", Colors.orange, "sub_pts_3", isX: true),  
+          _dragAndTargetBtn("3", Colors.orange, "sub_pts_3", baseSize, feedSize, sf, isX: true),  
-          _dragAndTargetBtn("TOV", Colors.redAccent, "add_tov"),
+          _dragAndTargetBtn("TOV", Colors.redAccent, "add_tov", baseSize, feedSize, sf),
-        ]),
+        ], gap),
-        const SizedBox(width: 15),
+        SizedBox(width: gap * 1),
         _columnBtn([
-          _actionBtn("T.O", const Color(0xFFD92C2C), () => controller.useTimeout(true), labelSize: 20),
+          _dragAndTargetBtn("ORB", const Color(0xFF1E2A38), "add_orb", baseSize, feedSize, sf, icon: Icons.sports_basketball),
-          _dragAndTargetBtn("ORB", const Color(0xFF1E2A38), "add_rbs", icon: Icons.sports_basketball),
+          _dragAndTargetBtn("DRB", const Color(0xFF1E2A38), "add_drb", baseSize, feedSize, sf, icon: Icons.sports_basketball),
-         _dragAndTargetBtn("DRB", const Color(0xFF1E2A38), "add_rbs", icon: Icons.sports_basketball),
+          _dragAndTargetBtn("BLK", Colors.deepPurple, "add_blk", baseSize, feedSize, sf, icon: Icons.front_hand),
-
+        ], gap),
-          _dragAndTargetBtn("BLK", Colors.deepPurple, "add_blk", icon: Icons.front_hand),
-        ]),
-        const SizedBox(width: 15),
-        _columnBtn([
-        ])
       ],
     );
   }
 
-  // Mantenha os métodos _columnBtn, _dragAndTargetBtn, _actionBtn e _circle exatamente como estão
+  Widget _columnBtn(List<Widget> children, double gap) {
-  Widget _columnBtn(List<Widget> children) => Column(mainAxisSize: MainAxisSize.min, children: children.map((c) => Padding(padding: const EdgeInsets.only(bottom: 8), child: c)).toList());
+    return Column(
+      mainAxisSize: MainAxisSize.min, 
+      children: children.map((c) => Padding(padding: EdgeInsets.only(bottom: gap), child: c)).toList()
+    );
+  }
 
-  Widget _dragAndTargetBtn(String label, Color color, String actionData, {IconData? icon, bool isX = false}) {
+  Widget _dragAndTargetBtn(String label, Color color, String actionData, double baseSize, double feedSize, double sf, {IconData? icon, bool isX = false}) {
     return Draggable<String>(
       data: actionData, 
-      feedback: _circle(label, color, icon, true, isX: isX),
+      feedback: _circle(label, color, icon, true, baseSize, feedSize, sf, isX: isX),
-      childWhenDragging: Opacity(opacity: 0.5, child: _circle(label, color, icon, false, isX: isX)),
+      childWhenDragging: Opacity(
+        opacity: 0.5, 
+        child: _circle(label, color, icon, false, baseSize, feedSize, sf, isX: isX)
+      ),
       child: DragTarget<String>(
         onAcceptWithDetails: (details) {},
         builder: (context, candidateData, rejectedData) {
           bool isHovered = candidateData.any((data) => data != null && data.startsWith("player_"));
           return Transform.scale(
             scale: isHovered ? 1.15 : 1.0, 
-            child: Container(decoration: isHovered ? BoxDecoration(shape: BoxShape.circle, boxShadow: const [BoxShadow(color: Colors.white, blurRadius: 10, spreadRadius: 3)]) : null, child: _circle(label, color, icon, false, isX: isX)),
+            child: Container(
+              decoration: isHovered ? BoxDecoration(shape: BoxShape.circle, boxShadow: [BoxShadow(color: Colors.white, blurRadius: 10 * sf, spreadRadius: 3 * sf)]) : null, 
+              child: _circle(label, color, icon, false, baseSize, feedSize, sf, isX: isX)
+            ),
           );
         }
       ),
     );
   }
 
-  Widget _actionBtn(String label, Color color, VoidCallback onTap, {IconData? icon, bool isX = false, double labelSize = 24}) {
+  Widget _circle(String label, Color color, IconData? icon, bool isFeed, double baseSize, double feedSize, double sf, {bool isX = false}) {
-    return GestureDetector(onTap: onTap, child: _circle(label, color, icon, false, fontSize: labelSize, isX: isX));
+    double size = isFeed ? feedSize : baseSize;
-  }
-
-  Widget _circle(String label, Color color, IconData? icon, bool isFeed, {double fontSize = 20, bool isX = false}) {
     Widget content;
-    bool isPointBtn = label == "1" || label == "2" || label == "3" || label == "M2" || label == "M3";
+    bool isPointBtn = label == "1" || label == "2" || label == "3" || label == "M1" || label == "M2" || label == "M3";
     bool isBlkBtn = label == "BLK";
 
     if (isPointBtn) {
       content = Stack(
         alignment: Alignment.center,
         children: [
-          Container(width: isFeed ? 55 : 45, height: isFeed ? 55 : 45, decoration: const BoxDecoration(color: Colors.black, shape: BoxShape.circle)),
+          Container(width: size * 0.75, height: size * 0.75, decoration: const BoxDecoration(color: Colors.black, shape: BoxShape.circle)),
-          Icon(Icons.sports_basketball, color: color, size: isFeed ? 65 : 55),
+          Icon(Icons.sports_basketball, color: color, size: size * 0.9),
           Stack(
             children: [
-              Text(label, style: TextStyle(fontSize: isFeed ? 26 : 22, fontWeight: FontWeight.w900, foreground: Paint()..style = PaintingStyle.stroke..strokeWidth = 3..color = Colors.white, decoration: TextDecoration.none)),
+              Text(label, style: TextStyle(fontSize: size * 0.38, fontWeight: FontWeight.w900, foreground: Paint()..style = PaintingStyle.stroke..strokeWidth = size * 0.05..color = Colors.white, decoration: TextDecoration.none)),
-              Text(label, style: TextStyle(fontSize: isFeed ? 26 : 22, fontWeight: FontWeight.w900, color: Colors.black, decoration: TextDecoration.none)),
+              Text(label, style: TextStyle(fontSize: size * 0.38, fontWeight: FontWeight.w900, color: Colors.black, decoration: TextDecoration.none)),
             ],
           ),
         ],
       );
-    } 
+    } else if (isBlkBtn) {
-    else if (isBlkBtn) {
       content = Stack(
         alignment: Alignment.center,
         children: [
-          Icon(Icons.front_hand, color: const Color.fromARGB(207, 56, 52, 52), size: isFeed ? 55 : 45),
+          Icon(Icons.front_hand, color: const Color.fromARGB(207, 56, 52, 52), size: size * 0.75),
           Stack(
             alignment: Alignment.center,
             children: [
-              Text(label, style: TextStyle(fontSize: isFeed ? 18 : 16, fontWeight: FontWeight.w900, foreground: Paint()..style = PaintingStyle.stroke..strokeWidth = 3..color = Colors.black, decoration: TextDecoration.none)),
+              Text(label, style: TextStyle(fontSize: size * 0.28, fontWeight: FontWeight.w900, foreground: Paint()..style = PaintingStyle.stroke..strokeWidth = size * 0.05..color = Colors.black, decoration: TextDecoration.none)),
-              Text(label, style: TextStyle(fontSize: isFeed ? 18 : 16, fontWeight: FontWeight.w900, color: Colors.white, decoration: TextDecoration.none)),
+              Text(label, style: TextStyle(fontSize: size * 0.28, fontWeight: FontWeight.w900, color: Colors.white, decoration: TextDecoration.none)),
             ],
           ),
         ],
       );
     } else if (icon != null) {
-      content = Icon(icon, color: Colors.white, size: 30);
+      content = Icon(icon, color: Colors.white, size: size * 0.5);
     } else {
-      content = Text(label, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: fontSize, decoration: TextDecoration.none));
+      content = Text(label, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: size * 0.35, decoration: TextDecoration.none));
     }
 
     return Stack(
-      clipBehavior: Clip.none, alignment: Alignment.bottomRight,
+      clipBehavior: Clip.none, 
+      alignment: Alignment.bottomRight,
       children: [
         Container(
           width: size, height: size,
@@ -383,9 +412,8 @@ class ActionButtonsPanel extends StatelessWidget {
           alignment: Alignment.center, 
           child: content,
         ),
-        if (isX) Positioned(top: 0, right: 0, child: Container(decoration: const BoxDecoration(color: Colors.white, shape: BoxShape.circle), child: Icon(Icons.cancel, color: Colors.red, size: isFeed ? 28 : 24))),
+        if (isX) Positioned(top: 0, right: 0, child: Container(decoration: const BoxDecoration(color: Colors.white, shape: BoxShape.circle), child: Icon(Icons.cancel, color: Colors.red, size: size * 0.4))),
       ],
     );
   }
-  
 }

lib/widgets/register_widgets.dart

@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:playmaker/classe/theme.dart'; // 👇 IMPORT DO TEMA
 import '../controllers/register_controller.dart'; 
 import '../utils/size_extension.dart'; // 👇 O NOSSO SUPERPODER!
 
@@ -10,20 +9,16 @@ class RegisterHeader extends StatelessWidget {
   Widget build(BuildContext context) {
     return Column(
       children: [
-        Icon(Icons.person_add_outlined, size: 100 * context.sf, color: AppTheme.primaryRed), // 👇 Cor do tema
+        Icon(Icons.person_add_outlined, size: 100 * context.sf, color: const Color(0xFFE74C3C)),
         SizedBox(height: 10 * context.sf),
         Text(
           'Nova Conta',
-          style: TextStyle(
+          style: TextStyle(fontSize: 36 * context.sf, fontWeight: FontWeight.bold, color: Colors.grey[900]),
-            fontSize: 36 * context.sf, 
-            fontWeight: FontWeight.bold, 
-            color: Theme.of(context).colorScheme.onSurface, // 👇 Adaptável ao Modo Escuro
-          ),
         ),
         SizedBox(height: 5 * context.sf),
         Text(
           'Cria o teu perfil no BasketTrack',
-          style: TextStyle(fontSize: 16 * context.sf, color: Colors.grey, fontWeight: FontWeight.w500),
+          style: TextStyle(fontSize: 16 * context.sf, color: Colors.grey[600], fontWeight: FontWeight.w500),
           textAlign: TextAlign.center,
         ),
       ],
@@ -50,16 +45,12 @@ class _RegisterFormFieldsState extends State<RegisterFormFields> {
         children: [
           TextFormField(
             controller: widget.controller.nameController,
-            style: TextStyle(fontSize: 15 * context.sf, color: Theme.of(context).colorScheme.onSurface),
+            style: TextStyle(fontSize: 15 * context.sf),
             decoration: InputDecoration(
               labelText: 'Nome Completo',
               labelStyle: TextStyle(fontSize: 15 * context.sf),
-              prefixIcon: Icon(Icons.person_outline, size: 22 * context.sf, color: AppTheme.primaryRed), // 👇 Cor do tema
+              prefixIcon: Icon(Icons.person_outline, size: 22 * context.sf),
               border: OutlineInputBorder(borderRadius: BorderRadius.circular(12 * context.sf)),
-              focusedBorder: OutlineInputBorder(
-                borderRadius: BorderRadius.circular(12 * context.sf),
-                borderSide: BorderSide(color: AppTheme.primaryRed, width: 2), // 👇 Destaque ao focar
-              ),
               contentPadding: EdgeInsets.symmetric(vertical: 18 * context.sf, horizontal: 16 * context.sf),
             ),
           ),
@@ -68,16 +59,12 @@ class _RegisterFormFieldsState extends State<RegisterFormFields> {
           TextFormField(
             controller: widget.controller.emailController,
             validator: widget.controller.validateEmail, 
-            style: TextStyle(fontSize: 15 * context.sf, color: Theme.of(context).colorScheme.onSurface),
+            style: TextStyle(fontSize: 15 * context.sf),
             decoration: InputDecoration(
               labelText: 'E-mail',
               labelStyle: TextStyle(fontSize: 15 * context.sf),
-              prefixIcon: Icon(Icons.email_outlined, size: 22 * context.sf, color: AppTheme.primaryRed),
+              prefixIcon: Icon(Icons.email_outlined, size: 22 * context.sf),
               border: OutlineInputBorder(borderRadius: BorderRadius.circular(12 * context.sf)),
-              focusedBorder: OutlineInputBorder(
-                borderRadius: BorderRadius.circular(12 * context.sf),
-                borderSide: BorderSide(color: AppTheme.primaryRed, width: 2),
-              ),
               contentPadding: EdgeInsets.symmetric(vertical: 18 * context.sf, horizontal: 16 * context.sf),
             ),
             keyboardType: TextInputType.emailAddress,
@@ -88,17 +75,13 @@ class _RegisterFormFieldsState extends State<RegisterFormFields> {
             controller: widget.controller.passwordController,
             obscureText: _obscurePassword,
             validator: widget.controller.validatePassword,
-            style: TextStyle(fontSize: 15 * context.sf, color: Theme.of(context).colorScheme.onSurface),
+            style: TextStyle(fontSize: 15 * context.sf),
             decoration: InputDecoration(
               labelText: 'Palavra-passe',
               labelStyle: TextStyle(fontSize: 15 * context.sf),
-              prefixIcon: Icon(Icons.lock_outlined, size: 22 * context.sf, color: AppTheme.primaryRed),
+              prefixIcon: Icon(Icons.lock_outlined, size: 22 * context.sf),
-              focusedBorder: OutlineInputBorder(
-                borderRadius: BorderRadius.circular(12 * context.sf),
-                borderSide: BorderSide(color: AppTheme.primaryRed, width: 2),
-              ),
               suffixIcon: IconButton(
-                icon: Icon(_obscurePassword ? Icons.visibility_outlined : Icons.visibility_off_outlined, size: 22 * context.sf, color: Colors.grey),
+                icon: Icon(_obscurePassword ? Icons.visibility_outlined : Icons.visibility_off_outlined, size: 22 * context.sf),
                 onPressed: () => setState(() => _obscurePassword = !_obscurePassword),
               ),
               border: OutlineInputBorder(borderRadius: BorderRadius.circular(12 * context.sf)),
@@ -111,15 +94,11 @@ class _RegisterFormFieldsState extends State<RegisterFormFields> {
             controller: widget.controller.confirmPasswordController,
             obscureText: _obscurePassword,
             validator: widget.controller.validateConfirmPassword,
-            style: TextStyle(fontSize: 15 * context.sf, color: Theme.of(context).colorScheme.onSurface),
+            style: TextStyle(fontSize: 15 * context.sf),
             decoration: InputDecoration(
               labelText: 'Confirmar Palavra-passe',
               labelStyle: TextStyle(fontSize: 15 * context.sf),
-              prefixIcon: Icon(Icons.lock_clock_outlined, size: 22 * context.sf, color: AppTheme.primaryRed),
+              prefixIcon: Icon(Icons.lock_clock_outlined, size: 22 * context.sf),
-              focusedBorder: OutlineInputBorder(
-                borderRadius: BorderRadius.circular(12 * context.sf),
-                borderSide: BorderSide(color: AppTheme.primaryRed, width: 2),
-              ),
               border: OutlineInputBorder(borderRadius: BorderRadius.circular(12 * context.sf)),
               contentPadding: EdgeInsets.symmetric(vertical: 18 * context.sf, horizontal: 16 * context.sf),
             ),
@@ -142,7 +121,7 @@ class RegisterButton extends StatelessWidget {
       child: ElevatedButton(
         onPressed: controller.isLoading ? null : () => controller.signUp(context),
         style: ElevatedButton.styleFrom(
-          backgroundColor: AppTheme.primaryRed, // 👇 Cor do tema
+          backgroundColor: const Color(0xFFE74C3C),
           foregroundColor: Colors.white,
           shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14 * context.sf)),
           elevation: 3,

lib/widgets/team_widgets.dart

@@ -1,11 +1,9 @@
 import 'package:flutter/material.dart';
-import 'package:playmaker/classe/theme.dart'; // 👇 IMPORT DO TEMA
+import 'package:playmaker/screens/team_stats_page.dart';
 import '../models/team_model.dart';
-import '../models/person_model.dart';
+import '../controllers/team_controller.dart';
-import '../utils/size_extension.dart'; // 👇 O NOSSO SUPERPODER!
 
-// --- CABEÇALHO ---
+class TeamCard extends StatelessWidget {
-class StatsHeader extends StatelessWidget {
   final Team team;
   final TeamController controller;
   final VoidCallback onFavoriteTap;

lib/zone_map_dialog.dart

@@ -1,188 +0,0 @@
-import 'package:flutter/material.dart';
-import 'dart:math' as math;
-
-class ZoneMapDialog extends StatelessWidget {
-  final String playerName;
-  final bool isMake;
-  final Function(String zone, int points, double relativeX, double relativeY) onZoneSelected;
-
-  const ZoneMapDialog({
-    super.key,
-    required this.playerName,
-    required this.isMake,
-    required this.onZoneSelected,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    final Color headerColor = const Color(0xFFE88F15);
-    final Color yellowBackground = const Color(0xFFDFAB00);
-
-    final double screenHeight = MediaQuery.of(context).size.height;
-    final double dialogHeight = screenHeight * 0.95; 
-    final double dialogWidth = dialogHeight * 1.0;
-
-    return Dialog(
-      backgroundColor: yellowBackground,
-      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
-      clipBehavior: Clip.antiAlias,
-      insetPadding: const EdgeInsets.all(10),
-      child: SizedBox(
-        height: dialogHeight,
-        width: dialogWidth,
-        child: Column(
-          children: [
-            // CABEÇALHO
-            Container(
-              height: 40,
-              color: headerColor,
-              width: double.infinity,
-              child: Stack(
-                alignment: Alignment.center,
-                children: [
-                  Text(
-                    isMake ? "Lançamento de $playerName (Marcou)" : "Lançamento de $playerName (Falhou)",
-                    style: const TextStyle(color: Colors.white, fontSize: 14, fontWeight: FontWeight.bold),
-                  ),
-                  Positioned(
-                    right: 8,
-                    child: InkWell(
-                      onTap: () => Navigator.pop(context),
-                      child: Container(
-                        padding: const EdgeInsets.all(4),
-                        decoration: const BoxDecoration(color: Colors.white, shape: BoxShape.circle),
-                        child: Icon(Icons.close, color: headerColor, size: 16),
-                      ),
-                    ),
-                  )
-                ],
-              ),
-            ),
-            // MAPA INTERATIVO
-            Expanded(
-              child: LayoutBuilder(
-                builder: (context, constraints) {
-                  return GestureDetector(
-                    onTapUp: (details) => _calculateAndReturnZone(context, details.localPosition, constraints.biggest),
-                    child: CustomPaint(
-                      size: Size(constraints.maxWidth, constraints.maxHeight),
-                      painter: DebugPainter(),
-                    ),
-                  );
-                },
-              ),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-
-  void _calculateAndReturnZone(BuildContext context, Offset tap, Size size) {
-    final double w = size.width;
-    final double h = size.height;
-    final double x = tap.dx;
-    final double y = tap.dy;
-    final double basketX = w / 2;
-
-    // MESMAS MEDIDAS DO PAINTER
-    final double margin = w * 0.10;
-    final double length = h * 0.35;
-    final double larguraDoArco = (w / 2) - margin;
-    final double alturaDoArco = larguraDoArco * 0.30;
-    final double totalArcoHeight = alturaDoArco * 4;
-
-    String zone = "Meia Distância";
-    int pts = 2;
-
-    // 1. TESTE DE 3 PONTOS
-    bool is3 = false;
-    if (y < length) {
-      if (x < margin || x > w - margin) is3 = true;
-    } else {
-      double dx = x - basketX;
-      double dy = y - length;
-      double ellipse = (dx * dx) / (larguraDoArco * larguraDoArco) + (dy * dy) / (math.pow(totalArcoHeight / 2, 2));
-      if (ellipse > 1.0) is3 = true;
-    }
-
-    if (is3) {
-      pts = 3;
-      double angle = math.atan2(y - length, x - basketX);
-      if (y < length) {
-        zone = (x < w / 2) ? "Canto Esquerdo" : "Canto Direito";
-      } else if (angle > 2.35) {
-        zone = "Ala Esquerda";
-      } else if (angle < 0.78) {
-        zone = "Ala Direita";
-      } else {
-        zone = "Topo (3pts)";
-      }
-    } else {
-      // 2. TESTE DE GARRAFÃO
-      final double pW = w * 0.28;
-      final double pH = h * 0.38;
-      if (x > basketX - pW / 2 && x < basketX + pW / 2 && y < pH) {
-        zone = "Garrafão";
-      }
-    }
-
-    onZoneSelected(zone, pts, x / w, y / h);
-    Navigator.pop(context);
-  }
-}
-
-class DebugPainter extends CustomPainter {
-  @override
-  void paint(Canvas canvas, Size size) {
-    final double w = size.width;
-    final double h = size.height;
-    final double basketX = w / 2;
-
-    final Paint whiteStroke = Paint()..color = Colors.white..style = PaintingStyle.stroke..strokeWidth = 2.0;
-    final Paint blackStroke = Paint()..color = Colors.black87..style = PaintingStyle.stroke..strokeWidth = 2.0;
-
-    final double margin = w * 0.10;
-    final double length = h * 0.35;
-    final double larguraDoArco = (w / 2) - margin;
-    final double alturaDoArco = larguraDoArco * 0.30;
-    final double totalArcoHeight = alturaDoArco * 4;
-
-    // 3 PONTOS (BRANCO)
-    canvas.drawLine(Offset(margin, 0), Offset(margin, length), whiteStroke);
-    canvas.drawLine(Offset(w - margin, 0), Offset(w - margin, length), whiteStroke);
-    canvas.drawLine(Offset(0, length), Offset(margin, length), whiteStroke);
-    canvas.drawLine(Offset(w - margin, length), Offset(w, length), whiteStroke);
-    canvas.drawArc(Rect.fromCenter(center: Offset(basketX, length), width: larguraDoArco * 2, height: totalArcoHeight), 0, math.pi, false, whiteStroke);
-
-    // DIVISÕES 45º (BRANCO)
-    double sXL = basketX + (larguraDoArco * math.cos(math.pi * 0.75));
-    double sYL = length + ((totalArcoHeight / 2) * math.sin(math.pi * 0.75));
-    double sXR = basketX + (larguraDoArco * math.cos(math.pi * 0.25));
-    double sYR = length + ((totalArcoHeight / 2) * math.sin(math.pi * 0.25));
-    canvas.drawLine(Offset(sXL, sYL), Offset(0, h * 0.85), whiteStroke);
-    canvas.drawLine(Offset(sXR, sYR), Offset(w, h * 0.85), whiteStroke);
-
-    // GARRAFÃO E MEIO CAMPO (PRETO)
-    final double pW = w * 0.28;
-    final double pH = h * 0.38;
-    canvas.drawRect(Rect.fromLTWH(basketX - pW / 2, 0, pW, pH), blackStroke);
-    final double ftR = pW / 2;
-    canvas.drawArc(Rect.fromCircle(center: Offset(basketX, pH), radius: ftR), 0, math.pi, false, blackStroke);
-    
-    // Tracejado
-    const int dashCount = 10;
-    for (int i = 0; i < dashCount; i++) {
-      canvas.drawArc(Rect.fromCircle(center: Offset(basketX, pH), radius: ftR), math.pi + (i * 2 * (math.pi / 20)), math.pi / 20, false, blackStroke);
-    }
-
-    canvas.drawArc(Rect.fromCircle(center: Offset(basketX, h), radius: w * 0.12), math.pi, math.pi, false, blackStroke);
-
-    // CESTO
-    canvas.drawCircle(Offset(basketX, h * 0.12), w * 0.02, blackStroke);
-    canvas.drawLine(Offset(basketX - w * 0.08, h * 0.12 - 5), Offset(basketX + w * 0.08, h * 0.12 - 5), blackStroke);
-  }
-
-  @override
-  bool shouldRepaint(CustomPainter old) => false;
-}

pubspec.yaml

@@ -58,6 +58,7 @@ flutter:
   assets:
     - assets/playmaker-logo.png
     - assets/campo.png
+    - assets/playmaker-logos.png
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/to/resolution-aware-images