From 0a533d5119a5c84860d6a75ea702546eb5bb7b02 Mon Sep 17 00:00:00 2001
From: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Sun, 10 May 2026 19:30:26 +0000
Subject: [PATCH] fix(web): repair index.css braces damaged by Pattern G dedup
 script
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Commit 14398af's strict-duplicate dedup script ate adjacent newlines/
chars when removing identical rules, leaving:

  - Line 1454: missing `}` to close `@media (max-width: 560px)` block
    that contains .trading-sidebar-{logo,avatar} display:none rule
  - Lines 2632-2635: corrupted "@media ... {media ... {ntral shell..."
    text from overlapping deletions of two adjacent @media blocks
  - Line 2649: `}  .trading-sidebar {` collapsed onto one line without
    a closing brace separator

Symptoms: production Vite build failed with
  [@tailwindcss/vite:generate:build] Missing closing } at media
  (max-width: 560px) — file: /app/web/src/index.css

Fix verified by walking the file with a brace-balance checker:
final depth 0, zero extra-close errors. The audit-css.mjs script
should grow a brace-balance check to prevent this regressing.

Generated with [Devin](https://cli.devin.ai/docs)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 web/src/index.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/index.css b/web/src/index.css
index b12882d..e46f432 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -1451,6 +1451,7 @@ body {
   .trading-sidebar-avatar {
     display: none !important;
   }
+}
 
 @media (max-width: 640px) {
   .entries-tab-nav {
@@ -2630,9 +2631,6 @@ body {
 }
 
 /* Final chrome overrides: keep navigation, alerts, content, and assistant from colliding. */
-@media (max-width: 1279px) {
-
-@media (min-width: 561px) and (max-width: 1023px) {media (max-width: 560px) {ntral shell sizing shared by the final breakpoint rules below. */
 @media (max-width: 1279px) {
   .dashboard-main {
     margin-left: var(--trading-shell-tablet-sidebar-width);
@@ -2646,7 +2644,9 @@ body {
 @media (min-width: 561px) and (max-width: 1023px) {
   .dashboard-main {
     margin-left: var(--trading-shell-tablet-sidebar-width);
-  }  .trading-sidebar {
+  }
+
+  .trading-sidebar {
     top: 0;
     right: auto;
     bottom: 0;