style: simplify map area styles

css/map.css

@@ -21,12 +21,8 @@
 /* Map Area */
 .map-area {
     flex: 1;
-    width: 0; /* This is important for flex layout calculations */
     position: relative;
 }
-    transition: transform 0.3s ease;
-    z-index: 10;
-}
 
 .sidebar-header {
     padding: 20px;
@@ -298,12 +294,6 @@
     margin: 0;
 }
 
-/* Map Area */
-.map-area {
-    flex: 1;
-    position: relative;
-}
-
 #map {
     width: 100%;
     height: 100%;
@@ -512,22 +502,22 @@
         height: 100%;
         transform: translateX(-100%);
     }
-    
+
     .sidebar.active {
         transform: translateX(0);
     }
-    
+
     .app-container {
         flex-direction: column;
     }
-    
+
     .map-controls {
         top: auto;
         bottom: 20px;
         right: 20px;
         flex-direction: row;
     }
-    
+
     .mode-indicator {
         top: 10px;
         left: 10px;