From fa00a867775101b92c674e5a32c07c6ef70a4c55 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Tue, 3 Mar 2026 15:51:14 +0000
Subject: [PATCH] Analytics AI summary: restore thick left sky accent border
 (border-l-8)

Thin border all around, prominent 8px left accent in oliver-sky colour
per design guidance.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/components/Analytics.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/Analytics.tsx b/frontend/components/Analytics.tsx
index f82503b..2a72267 100755
--- a/frontend/components/Analytics.tsx
+++ b/frontend/components/Analytics.tsx
@@ -166,7 +166,7 @@ export const Analytics: React.FC<{ agencyId?: string; isAdmin?: boolean }> = ({
             {/* AI Performance Summary */}
             <section className="mt-10">
                 <h2 className="text-2xl font-semibold text-oliver-black mb-4">AI performance summary</h2>
-                <div className="bg-white border-2 border-oliver-sky text-oliver-black p-6 rounded-[10px] shadow-md flex items-start gap-4">
+                <div className="bg-white border border-oliver-sky border-l-8 text-oliver-black p-6 rounded-[10px] shadow-md flex items-start gap-4">
                     <div className="flex-shrink-0">
                         <LightbulbIcon className="h-9 w-9 text-oliver-orange" />
                     </div>