From 91b9d368e4f4c658ab77b0020a796e456096cfaf Mon Sep 17 00:00:00 2001
From: Guillem Arias <accounts@gariasf.com>
Date: Tue, 19 May 2026 11:50:41 +0200
Subject: [PATCH] fix(goals): card hover uses bg-container-hover (gray-50)
 instead of shadow lift

Mirror the affordance used in the accounts/select_provider screen and
the bank-sync flows: a near-imperceptible gray-50 fill swap rather
than a shadow. Lighter than the previous shadow lift, doesn't introduce
elevation noise inside the grid, and the ring track (gray-200) + status
pill outline still keep enough separation against the gray-50 hover bg
that we don't reintroduce the original contrast issue.
---
 app/components/goals/card_component.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/goals/card_component.html.erb b/app/components/goals/card_component.html.erb
index b54c9d24f..51684e8fd 100644
--- a/app/components/goals/card_component.html.erb
+++ b/app/components/goals/card_component.html.erb
@@ -1,4 +1,4 @@
-<div class="group relative bg-container rounded-xl shadow-border-xs hover:shadow-sm transition-shadow p-6 <%= "opacity-75" if goal.paused? || goal.archived? %>"
+<div class="group relative bg-container rounded-xl shadow-border-xs hover:bg-container-hover transition-colors p-6 <%= "opacity-75" if goal.paused? || goal.archived? %>"
      <% if filterable %> data-goals-filter-target="card"<% end %>
      data-goal-name="<%= goal.name %>"
      data-goal-status="<%= goal.display_status %>">