fix(ui): update logo image for improved branding consistency

Web/templates/base.html

@@ -176,6 +176,13 @@
             z-index: 1900;
         }
 
+        #loginNavbar {
+            padding-top: 0;
+            padding-bottom: 0;
+            min-height: 28px;
+            overflow: visible;
+        }
+
         .navbar .container-fluid {
             gap: 8px;
             /* Ensure container respects safe areas on all sides */
@@ -183,6 +190,13 @@
             padding-right: max(env(safe-area-inset-right, 0), 12px);
             padding-bottom: env(safe-area-inset-bottom, 0);
         }
+
+        #loginNavbar .container-fluid {
+            padding-top: 2px;
+            padding-bottom: 2px;
+            align-items: center;
+            min-height: 28px;
+        }
         
         .navbar-brand {
             font-weight: bold;
@@ -192,6 +206,27 @@
             flex-shrink: 0;
         }
 
+        #loginNavbar .navbar-brand {
+            padding-right: 0;
+        }
+
+        #loginNavbar .navbar-brand::before {
+            content: none;
+            margin-right: 0;
+        }
+
+        #loginNavbar .invario-logo {
+            display: block;
+            height: 114px;
+            width: auto;
+            max-width: min(78vw, 520px);
+            object-fit: contain;
+            filter: none;
+            margin-top: 0;
+            margin-bottom: 0;
+            transform: translateY(8px);
+        }
+
         .navbar-text.tenant-badge {
             font-size: 0.82rem;
             color: rgba(255,255,255,0.9);
@@ -337,6 +372,14 @@
                 font-size: 0.75rem;
                 padding: 0.4rem 0.5rem;
             }
+
+            #loginNavbar .invario-logo {
+                height: 94px;
+                max-width: 80vw;
+                margin-top: 0;
+                margin-bottom: 0;
+                transform: translateY(6px);
+            }
         }
 
         .navbar.nav-compact .navbar-brand {
@@ -1269,7 +1312,7 @@
     <nav class="navbar navbar-expand-lg navbar-dark" id="loginNavbar">
         <div class="container-fluid">
             <a class="navbar-brand py-0" href="{{ url_for('home') }}">
-                <img src="{{ url_for('static', filename='img/invario-logo.png') }}" alt="Invario" height="100" class="d-inline-block align-top" style="max-height: 48px;">
+                <img src="{{ url_for('static', filename='img/invario-logo.png') }}" alt="Invario" class="invario-logo">
             </a>
             <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                 <li class="nav-item">