fix: replace stat-urgent with green price total badge top-right

assets/css/style.css

@@ -2610,13 +2610,17 @@ body {
     line-height: 1.3;
 }
 .stat-price-total {
-    display: block;
+    position: absolute;
-    font-size: 0.75rem;
+    top: 4px;
-    font-weight: 700;
+    right: 4px;
+    background: #dcfce7;
     color: #15803d;
-    margin-top: 2px;
+    font-size: 0.65rem;
+    font-weight: 700;
+    padding: 1px 5px;
+    border-radius: 8px;
+    line-height: 1.3;
     white-space: nowrap;
-    line-height: 1.2;
 }
 
 /* ===== PRODUCT PREVIEW ===== */

index.html

@@ -11,7 +11,7 @@
     <title>EverShelf</title>
     <link rel="manifest" href="manifest.json">
     <link rel="icon" type="image/png" href="assets/img/logo/logo_icon.png">
-    <link rel="stylesheet" href="assets/css/style.css?v=20260507c">
+    <link rel="stylesheet" href="assets/css/style.css?v=20260507d">
     <!-- QuaggaJS for barcode scanning -->
     <script src="https://cdn.jsdelivr.net/npm/@ericblade/quagga2@1.8.4/dist/quagga.min.js"></script>
     <!-- @xenova/transformers: ES-module bootstrap that exposes a lazy category-classifier as window._categoryPipelinePromise -->
@@ -119,7 +119,6 @@
                 <span class="stat-icon">🛒</span>
                 <span class="stat-value" id="stat-spesa">-</span>
                 <span class="stat-label" data-i18n="nav.shopping">Spesa</span>
-                <span class="stat-urgent" id="stat-urgent" style="display:none"></span>
                 <span class="stat-price-total" id="stat-price-total" style="display:none"></span>
             </div>
         </div>
@@ -1462,6 +1461,6 @@
     </div>
 </div>
 
-<script src="assets/js/app.js?v=20260507c"></script>
+<script src="assets/js/app.js?v=20260507d"></script>
 </body>
 </html>