fix: Ajuste de visibilidad del buscador en móvil (conservando estética original)

frontend/.firebase/hosting.ZGlzdA.cache

@@ -1,5 +1,10 @@
+workbox-1d305bb8.js,1771779156533,5e0e0f57e6b732b3a5dd91cb61f94f7d1d79775b680269e6b0a208a0f5f1bbd6
 vite.svg,1769464283939,699a02e0e68a579f687d364bbbe7633161244f35af068220aee37b1b33dfb3c7
+sw.js,1771779156532,0886ddf732958b270bcc2c8fd38e9cffc15ce13e32573933eafacae3b9607df2
 sibu.png,1769464283937,293976987d6dd42ea0685703efdf8bb4b92d0e72ca60d086cca82635b824df51
+registerSW.js,1771779154950,09e15d1438017c065a3281739cb5506aeaf7b3047bc3ada992da01d4497c2d43
+manifest.webmanifest,1771779154950,87eb160150ca30a7cf3f3d6ca9af3a21fafe809e86023fa7de1315da036b5592
+index.html,1771779154950,4e85e14a5c17b05ded5fdcc54313f92dcc7421d70406ba817283ffb9c293802d
 icon.svg,1769464283926,50dae95695b6d0ac53627f56ecfae46c3b9a7bfbc2d94c76c1cec012b9422772
 icon-512.png,1769464283924,fe2a429c64367c8e72aa29f32f187e6acbbe462e8313872309912b925b4748d2
 icon-192.png,1769464283919,7a1084f7cf4d0cbbc9584ce42827df01d9ca9572e695ca5d81edc4aee00b7fed
@@ -8,58 +13,56 @@ favicon.ico,1769464283903,553f734900a313ee735847c6fd3333a188e7d21f10efa11903d53c
 favicon-32.png,1769464283900,4d0eeeadf9e051b36d2ad4cec4bb0d8135b7879a0323077d0b5e1e70e0f4445b
 favicon-16.png,1769464283899,5fec82c563501c9fbed7e40b3878a908b91801b60f4fbbfab57cefb4fe78931a
 default-coupon.png,1770001277723,ff8babdd3515989ffe44728488ea910e15d09dbf395fb5036141c520dbfe94a6
-registerSW.js,1771779154950,09e15d1438017c065a3281739cb5506aeaf7b3047bc3ada992da01d4497c2d43
-sw.js,1771779156532,0886ddf732958b270bcc2c8fd38e9cffc15ce13e32573933eafacae3b9607df2
-manifest.webmanifest,1771779154950,87eb160150ca30a7cf3f3d6ca9af3a21fafe809e86023fa7de1315da036b5592
-index.html,1771779154950,4e85e14a5c17b05ded5fdcc54313f92dcc7421d70406ba817283ffb9c293802d
 assets/web-C14UWz6-.js,1771779154950,34b8840b9eb53e83ff185015bfd5483118b0fd643f07024430370f96cb9862c4
-assets/timeFormatter-BjMQ8E0Y.js,1771779154950,659c6bddc1380663c70893da1bb2adc86d18101a122c196a75aaa1d76d9c382f
 assets/useGoogleMaps-5A_ubZ44.js,1771779154950,339581f9eacac7dc7367fc2d8022b11cb6576e82fa0c7494ffd941cbe7a44f60
+assets/timeFormatter-BjMQ8E0Y.js,1771779154950,659c6bddc1380663c70893da1bb2adc86d18101a122c196a75aaa1d76d9c382f
 assets/telemetryService-BSYvhkQc.js,1771779154950,18d3b529123ad1a00f1b0c8e89b8e575a5a739a58bf0e731e4f3efb7ed8c3ea0
-workbox-1d305bb8.js,1771779156533,5e0e0f57e6b732b3a5dd91cb61f94f7d1d79775b680269e6b0a208a0f5f1bbd6
+assets/TaxiView-CsD7ayX5.js,1771779154950,c602269e6416185fa6de7aeec0334585718065028f19989a65f16ac8421b2fc5
 assets/TaxiView-BycuFnLU.css,1771779154949,7f49c5e464c106c63ebd421272b13b65e12615e658d64add93404d58ca0b440d
 assets/StrategicAnalytics-Ck0SNJxh.css,1771779154950,69615149ccc2cd5e3eb7473d4af584f4bbd3bd2d08bbe3f74f7b453a413d5713
-assets/TaxiView-CsD7ayX5.js,1771779154950,c602269e6416185fa6de7aeec0334585718065028f19989a65f16ac8421b2fc5
+assets/StrategicAnalytics-BbOAEFFw.js,1771779154953,7666c4b521ef017dc5c2818aad6798f8c4d801d47ab34c6f327a1d71239f5e2e
-assets/SchedulesView-CYzHq-N2.css,1771779154949,8e963c1782155e8291b0bc68ee440c7ef7ec3b8dbca085e56562b0ba9a069afc
 assets/SplashScreen-T62FHuBm.js,1771779154950,f2d7a063fe77994103ceb2542f8e79a6fbf28d7cdbf0c53cd3a6da796b0d62d5
 assets/SplashScreen-K-kyfAob.css,1771779154949,c01e5e1406d96f10dd4b5253f39453e880cb6f627a844b98b65169a1a5432bdc
-assets/schedulesService-CA7uoKNc.js,1771779154950,b774c95cb6a576f3909e0bc8e6587842d3581e49aa895abbabd022776a5e5d33
+assets/SchedulesView-CYzHq-N2.css,1771779154949,8e963c1782155e8291b0bc68ee440c7ef7ec3b8dbca085e56562b0ba9a069afc
 assets/SchedulesView-CS-orAat.js,1771779154950,83b88093b857279a7b91e8516c169c1973fbc89d00898fc2b1a48e728d5e880e
+assets/schedulesService-CA7uoKNc.js,1771779154950,b774c95cb6a576f3909e0bc8e6587842d3581e49aa895abbabd022776a5e5d33
 assets/RoutesView-BQdZq3GS.css,1771779154949,eeca12c4566c78503b02cf8f764d849517ab81ed1f5077d3dd4c595dd04770d6
+assets/RoutesView-BIJbriTW.js,1771779154950,4150d3c2710de8c5ffd43f337ee0cd4d607bef5a0ad87d99fb424eeb2a1306bd
 assets/routesService-CqEznau3.js,1771779154950,6c1896df86517a13635f4b16942aaf5631b5cfcb02f483d0105f471ea2e212a4
 assets/route-rtu4ZDGy.js,1771779154950,0450b421125bb05ac75da3ffc541dac6b74bfdc2cbeac1ae5483ad273a1cd6ff
-assets/RoutesView-BIJbriTW.js,1771779154950,4150d3c2710de8c5ffd43f337ee0cd4d607bef5a0ad87d99fb424eeb2a1306bd
+assets/purify.es-Bzr520pe.js,1771779154951,6ce952e09072ea544ebfdb257d3775ac9a6de76808b87d6fd0de467e24d1d8ad
 assets/PromoterDashboard-nSP6hhuP.css,1771779154950,d4c01a2f7ae984d0d7ad1ac7b575ab981d75dabfd2c3794ebc74ee43fcc96fb0
 assets/PromoterDashboard-DAXuQeC-.js,1771779154950,cef15deeb12f4d5e0f8ba098f51cac31b006e8ac88e9a1b1ea010a8160e708e1
-assets/purify.es-Bzr520pe.js,1771779154951,6ce952e09072ea544ebfdb257d3775ac9a6de76808b87d6fd0de467e24d1d8ad
 assets/ProfileView-u5IJDVrd.js,1771779154950,5dbcb66906586e1b202157bf9a7ca025b0292cd68e7d0c09d3a27cec04a3b5a4
 assets/ProfileView-BhSlUAPK.css,1771779154949,17e1f8982ffd5bfde0721b5f9a23aca36a66900781e8b43d35dc26f403c2cf0a
-assets/icon-192-cB8p-G7m.js,1771779154950,f41fd8e2adc5e413f2f83fa06bc5a5ad9759f6f28af06348e852d6b88839c20e
 assets/MapView-RP9ACikm.css,1771779154949,f57ff2793eb3d610bb4b02e5d0aa63567cb3f1634e996d26abbb85a6c3df052e
+assets/MapView-D1EbmJqS.js,1771779154950,91c1bb8ee316c44c49ff808cedd8b5b6ce2f91dd1eb00b1037d40035eabe3e2f
+assets/index.es-6ngkqa7-.js,1771779154951,0392adfd400dfef8f557ae0e46f18bbdbb54bf5781712a2e4497edc1da697f89
 assets/index-XhUgrud9.css,1771779154936,c25011d653ab0db008c6bebfc08411fc948a5f10568d05a0c897441a298830e6
+assets/index-CckVM32g.js,1771779154950,e911b4af5df9242abbf89d5a783fc04ccf29bfb0cdf37613ab2a963c6a1dad60
+assets/icon-192-cB8p-G7m.js,1771779154950,f41fd8e2adc5e413f2f83fa06bc5a5ad9759f6f28af06348e852d6b88839c20e
 assets/FavoritesView-HT9hVdla.js,1771779154950,57e4524f7ebe3275b3ca48be040de7111fecc07f10b3c962651fe15d7c103565
 assets/FavoritesView-CR-viOET.css,1771779154949,5d4fc48a791e14b691de4e2f5bfc7af9dec3563ab1845b503da0798682bbbdcc
 assets/favorites-sST5sDO2.js,1771779154950,26891e70a50f7f319692637f6d09ec7b7867c781bfd97d9b30b0e698898d813e
-assets/MapView-D1EbmJqS.js,1771779154950,91c1bb8ee316c44c49ff808cedd8b5b6ce2f91dd1eb00b1037d40035eabe3e2f
-assets/FavoriteButton-BcdybOKP.js,1771779154950,c765e71b1bb3bd2d377574e8fb773c2b10770db1ed18e80b63b07612b790906b
 assets/FavoriteButton-x_eupA7E.css,1771779154949,e83a939e4e4ef837f8b9b5b1e0ed4df3ad37d131d3fd2fb2c0063d4b99235d43
+assets/FavoriteButton-BcdybOKP.js,1771779154950,c765e71b1bb3bd2d377574e8fb773c2b10770db1ed18e80b63b07612b790906b
 assets/DriverDashboard-DWfPJRR-.css,1771779154950,8411c7297f0aee41d3d32e4858fc38c0760659e7aa81867fb3e465dba9a236d7
 assets/DriverDashboard-CRzsIsGi.js,1771779154950,7c5316f87c078bfca2393d8033eeba5bd3a43ff0d5a8516233b3d70eaefe8399
 assets/DiscoverView-_tZVS0_s.css,1771779154949,50599cabae02d02a0ff2d4074f2238e38fd6c2fa9724a7c6308e29981ff59e4c
 assets/DiscoverView-BMwG0iSM.js,1771779154950,1f0db79371797b1f5901185386df876f8d4a1ca28bcc419615ee7d87b9bf34de
 assets/CouponsView-D8TyS2Q2.css,1771779154949,bfb1d6032738efa2153b0400dfd1271672bbafd326e601d074245e81d1364cca
-assets/couponsService-YSD6yV_s.js,1771779154950,9cda2119cb8ed8ceb4f6c96828dd622e31855c86545eac51a8153d9edcb44704
 assets/CouponsView-CTyBhlr4.js,1771779154950,74e42d956113f07858e3286ec5e6a1ee66465a70bf779abc83d555812425e841
-assets/busStopsService-RMBWMdWx.js,1771779154950,b4abd36eb7b246877a7d59df7afd2f1c81ef9db72651af85a5b7ba08db3ff179
+assets/couponsService-YSD6yV_s.js,1771779154950,9cda2119cb8ed8ceb4f6c96828dd622e31855c86545eac51a8153d9edcb44704
 assets/coupon-BWndgJMR.js,1771779154950,80c4151d4b4d3e31c4055b3cf573c8caa0e7dec459601e1a3e07fbc50e5536d7
+assets/busStopsService-RMBWMdWx.js,1771779154950,b4abd36eb7b246877a7d59df7afd2f1c81ef9db72651af85a5b7ba08db3ff179
 assets/BusStopDetailsView-YPniKC_7.css,1771779154949,f485fb81a011121e0c779b173704f7c90c1868d0770ec43b473a037d09b0b537
 assets/BusStopDetailsView-DAFG7paf.js,1771779154950,a48beca317c2cd024d0af462f678061e7ca15df2b55e93f6d889118c4b685ac3
 assets/busStop-_z3EuClx.js,1771779154950,330a08dad42702e3178da98cb472ff39a906e139b4e90ecc69bd7aa17eacbc21
 assets/businessService-BU7-m3I1.js,1771779154950,c845bb798d776d475f89e097efd1df0f4fd64143f598715088bd197a010ce862
 assets/BusinessDetailsView-WENNOas3.js,1771779154950,e6c03f28af9cffc23fc78a90f39bc077d81263766c8eb0d5f4710400dade6ffb
 assets/BusinessDetailsView-B54egNo4.css,1771779154949,b98466538682838251a16af1c1fe6a7fe983a19b8e0594fd5f745d090e474599
-assets/AuthView-BfDSXMHM.css,1771779154949,a808f3dc76eaa54ad6f63c8dc7c9e284462d6c4744cd7dba4a655781d7b03d22
 assets/AuthView-eVob2Ekh.js,1771779154950,48208d508d95d11de9d8e313ec46cecb36fb311256b26ddb4f1d444b17d04e5d
+assets/AuthView-BfDSXMHM.css,1771779154949,a808f3dc76eaa54ad6f63c8dc7c9e284462d6c4744cd7dba4a655781d7b03d22
 assets/authService-UGM2cNTF.js,1771779154950,b2fda263d1e754a6d1211e0077745e4751e3e628f7089c87829728dd62f62389
 assets/AdminTaxis-D5tKQm5A.css,1771779154950,7fcc4c4a87d40432b931283cd8a8fe4665b6677ae68104be82d2052cd71512be
 assets/AdminTaxis-BiHUVLs8.js,1771779154950,b13c12f91241690a906fa41196296585658f4ec2fd86bdffa559d80f5214c974
@@ -68,15 +71,12 @@ assets/AdminShuttles-DIE1FsFn.js,1771779154950,6b07c3d0684a5f8d90998facd47b4fe3c
 assets/AdminSchedules-BOxr18pA.css,1771779154949,ab3196c8f27a0cf9b6579d3751c2e43ab4b846035060754c9a2ae9109da86ec0
 assets/AdminSchedules-Bjt_eZji.js,1771779154950,19c7026988b414b580a98fd9f7084a5872849d3eb671b8e94a95ca793b514160
 assets/AdminRoutes-Cz8oNNEE.css,1771779154949,9e30d2bfdaea7996f84e95fcaebd67a79f0d5a89a0a861acae8e294b0e86a5b0
+assets/AdminRoutes-B1svfNtV.js,1771779154950,4f34b063b4ad72f7dba7109c9c7973c2c8ebf052dcd301d177c5fdf62d7aa04b
 assets/AdminReports-Bug6BxMw.js,1771779154950,89ea48a28fa0682ad23a8df387baa3fe91aafff0b38431263500250b3c8c3247
 assets/AdminReports-B-dcDjo2.css,1771779154949,36d5447431cad2edc2a6218f65bc7d310d22ffbc151661a08ae1a52447969684
-assets/AdminRoutes-B1svfNtV.js,1771779154950,4f34b063b4ad72f7dba7109c9c7973c2c8ebf052dcd301d177c5fdf62d7aa04b
 assets/AdminPanel-DOwcfQQZ.css,1771779154949,123dc97d83d33c8050b10aa70161d4f3a36237fc66a352ad94e4180c6cd1bb7f
 assets/AdminPanel-C6vP9da-.js,1771779154950,f6d441eb946c9a27d2955743759c0de8d3c2fd52373fdaf34ae588a70707e1b6
-assets/AdminDrivers-CuETipci.css,1771779154950,c1b8793aa0eb6c662e1c64899af466bfe79352e28b6fe9748627a4879089ec3b
-assets/AdminBusStops-BREqyMXj.css,1771779154949,9fde17317de1d24a70a3e37ea33886f77f8b87b4b1cc486070e4c98764016d8a
-assets/AdminBusStops-yfQ_Dix_.js,1771779154950,5bf86b702d6e893048fdf4d4a86eb5809fdb3a1ad48ca36b35bc17deef41a049
 assets/AdminDrivers-DTcYDEKA.js,1771779154950,7ee221d7c61b550ba58fef62cfdb6b9cbfda0c76f323d5c9f9a3e24be06db5a7
-assets/index.es-6ngkqa7-.js,1771779154951,0392adfd400dfef8f557ae0e46f18bbdbb54bf5781712a2e4497edc1da697f89
+assets/AdminDrivers-CuETipci.css,1771779154950,c1b8793aa0eb6c662e1c64899af466bfe79352e28b6fe9748627a4879089ec3b
-assets/index-CckVM32g.js,1771779154950,e911b4af5df9242abbf89d5a783fc04ccf29bfb0cdf37613ab2a963c6a1dad60
+assets/AdminBusStops-yfQ_Dix_.js,1771779154950,5bf86b702d6e893048fdf4d4a86eb5809fdb3a1ad48ca36b35bc17deef41a049
-assets/StrategicAnalytics-BbOAEFFw.js,1771779154953,7666c4b521ef017dc5c2818aad6798f8c4d801d47ab34c6f327a1d71239f5e2e
+assets/AdminBusStops-BREqyMXj.css,1771779154949,9fde17317de1d24a70a3e37ea33886f77f8b87b4b1cc486070e4c98764016d8a

frontend/src/views/MapView.vue

@@ -995,68 +995,79 @@ function clearNavigation() {
 
           <!-- Uber-style Search Panel -->
       <Transition name="uber-slide">
-        <div v-if="showUberSearch" class="uber-search-panel stark-hud-panel">
+        <div v-if="showUberSearch" class="uber-search-panel" :class="{ 'is-focused': isInputFocused }">
-          <div class="hud-header">
+          <div class="uber-search-header">
-            <button class="hud-close-btn" @click="closeUberSearch">
+            <button class="back-btn" @click="closeUberSearch">
               <span class="material-icons">arrow_back</span>
             </button>
-            <div class="hud-title">PLANIFICAR VIAJE</div>
+            <div class="search-title">Planear viaje</div>
           </div>
 
-          <div class="hud-search-box">
+          <div class="search-inputs-wrapper">
-            <div class="hud-inputs">
+            <div class="location-line">
-              <div class="hud-input-row">
+              <div class="dot-origin"></div>
-                <span class="material-icons hud-icon origin">my_location</span>
+              <div class="line"></div>
+              <div class="dot-dest"></div>
+            </div>
+            
+            <div class="inputs-column">
+              <div class="input-group">
                 <input 
-                  type="text" 
                   v-model="originQuery" 
-                  class="hud-input" 
+                  type="text" 
+                  placeholder="Mi ubicación" 
+                  class="uber-input"
                   readonly
                 >
               </div>
-              <div class="hud-connector"></div>
+              <div class="input-group">
-              <div class="hud-input-row">
-                <span class="material-icons hud-icon dest">location_on</span>
                 <input 
-                  type="text" 
                   v-model="destinationQuery" 
-                  class="hud-input highlight" 
+                  type="text" 
-                  :placeholder="t('map.where_to')"
+                  placeholder="¿A dónde vamos?" 
+                  class="uber-input focusable"
+                  autofocus
                   @focus="onInputFocus"
                   @blur="onInputBlur"
                 >
+                <button v-if="destinationQuery" @click="destinationQuery = ''" class="clear-btn">
+                  <span class="material-icons">close</span>
+                </button>
               </div>
             </div>
           </div>
 
-          <div class="hud-options">
+          <div class="search-options">
-            <button class="hud-clear-btn" @click="clearAllMapData">
+            <label class="route-toggle">
-              <span class="material-icons">layers_clear</span>
-              <span>LIMPIAR MAPA</span>
-            </button>
-
-            <label class="hud-toggle">
               <input type="checkbox" v-model="showRoutesToggle">
-              <span class="hud-toggle-text">VER RUTAS</span>
+              <span>Ver Rutas</span>
             </label>
+            <button 
+              v-if="routeStore.selectedRouteId || markers.length > 0" 
+              class="clear-map-btn" 
+              @click="clearAllMapData"
+            >
+              <span class="material-icons">layers_clear</span>
+              Limpiar Mapa
+            </button>
           </div>
           
           <!-- Results -->
-          <div v-if="filteredSearchResults.length > 0" class="hud-results">
+          <div v-if="filteredSearchResults.length > 0" class="uber-results">
             <div 
               v-for="stop in filteredSearchResults" 
               :key="stop.id"
-              class="hud-result-item"
+              class="uber-result-item"
               @click="selectStopFromSearch(stop)"
             >
-              <div class="hud-result-icon">
+              <div class="result-icon">
                 <span class="material-icons">directions_bus</span>
               </div>
-              <div class="hud-result-info">
+              <div class="result-content">
-                <div class="hud-result-name">{{ stop.name }}</div>
+                <div class="result-name">{{ stop.name }}</div>
-                <div class="hud-result-desc">Parada de Autobús</div>
+                <div class="result-address">Parada de Autobús</div>
               </div>
-              <span class="material-icons hud-go-icon">chevron_right</span>
+              <span class="material-icons check-icon">chevron_right</span>
             </div>
           </div>
         </div>
@@ -1547,216 +1558,119 @@ function clearNavigation() {
   letter-spacing: -0.01em;
 }
 
-.stark-hud-panel {
+.uber-search-panel {
   position: fixed;
-  top: 15px;
+  top: 15px; /* Pequeño margen para que no choque con el borde */
-  left: 15px;
+  left: 0;
-  right: 15px;
+  right: 0;
-  background: #0f172a; /* Solid Deep Navy */
+  background: var(--header-bg);
-  border: 1px solid var(--border-color);
+  backdrop-filter: blur(30px);
-  border-radius: 20px;
+  -webkit-backdrop-filter: blur(30px);
-  padding: 16px;
+  border-radius: 24px;
+  box-shadow: 0 40px 100px rgba(0,0,0,0.6);
+  padding: 24px;
   z-index: 2500;
-  box-shadow: 0 20px 50px rgba(0,0,0,0.5);
+  border: 1px solid var(--border-color);
   transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
-  display: flex;
-  flex-direction: column;
-  gap: 15px;
   max-width: 500px;
   margin: 0 auto;
 }
 
-/* Elevación Stark al enfocar teclado */
+/* Fix para que no se oculte al salir el teclado */
-.stark-hud-panel.elevated,
+.uber-search-panel.is-focused {
-.stark-hud-panel:focus-within {
+  top: 5px; /* Se pega más arriba pero sigue visible */
   transform: translateY(-5px);
-  border-color: var(--active-color);
+  box-shadow: 0 10px 40px rgba(0,0,0,0.4);
-  box-shadow: 0 10px 30px rgba(254, 231, 21, 0.15);
 }
 
-.hud-header {
+.uber-search-header {
   display: flex;
   align-items: center;
-  gap: 12px;
+  margin-bottom: 24px;
 }
 
-.hud-close-btn {
+.back-btn {
   background: var(--hover-bg);
   border: none;
+  cursor: pointer;
   color: var(--text-primary);
-  width: 36px;
+  width: 40px;
-  height: 36px;
+  height: 40px;
-  border-radius: 10px;
+  border-radius: 12px;
+  margin-right: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
-  cursor: pointer;
 }
 
-.hud-title {
+.search-title {
-  font-size: 13px;
+  font-size: 1.4rem;
-  font-weight: 900;
+  font-weight: 800;
-  letter-spacing: 1.5px;
+  color: var(--text-primary);
-  color: var(--active-color);
+  letter-spacing: -0.02em;
 }
 
-.hud-search-box {
+.search-inputs-wrapper {
+  display: flex;
+  gap: 20px;
   background: var(--bg-secondary);
-  border-radius: 15px;
+  padding: 20px;
-  padding: 12px;
+  border-radius: 16px;
+  margin-bottom: 16px;
   border: 1px solid var(--border-color);
 }
 
-.hud-inputs {
+.location-line {
   display: flex;
   flex-direction: column;
-  gap: 8px;
-  position: relative;
-}
-
-.hud-input-row {
-  display: flex;
   align-items: center;
-  gap: 12px;
+  padding-top: 15px;
-  background: rgba(255,255,255,0.03);
-  padding: 8px 12px;
-  border-radius: 10px;
-  border: 1px solid transparent;
-  transition: all 0.3s;
 }
 
-.hud-input-row:focus-within {
+.dot-origin {
-  background: rgba(254, 231, 21, 0.05);
+  width: 10px;
-  border-color: var(--active-color);
+  height: 10px;
+  border-radius: 50%;
+  background: var(--active-color);
+  box-shadow: 0 0 10px var(--active-color);
 }
 
-.hud-icon {
+.line {
-  font-size: 18px;
-  color: var(--text-secondary);
-}
-
-.hud-icon.origin { color: #3b82f6; } /* Blue for origin */
-.hud-icon.dest { color: var(--active-color); } /* Yellow for destination */
-
-.hud-input {
-  background: transparent;
-  border: none;
-  color: var(--text-primary);
-  font-size: 15px;
-  font-weight: 600;
-  width: 100%;
-  outline: none;
-}
-
-.hud-connector {
-  position: absolute;
-  left: 20px;
-  top: 35px;
   width: 2px;
-  height: 15px;
+  height: 45px;
-  background: var(--border-color);
+  background: linear-gradient(to bottom, var(--active-color), var(--border-color));
-  z-index: 1;
+  margin: 4px 0;
 }
 
-.hud-options {
+.dot-dest {
-  display: flex;
+  width: 10px;
-  justify-content: space-between;
+  height: 10px;
-  align-items: center;
+  border-radius: 2px;
-  padding-top: 5px;
+  background: #fff;
 }
 
-.hud-clear-btn {
+.inputs-column {
-  background: rgba(239, 68, 68, 0.1);
+  flex: 1;
-  color: #ef4444;
-  border: 1px solid rgba(239, 68, 68, 0.2);
-  padding: 8px 12px;
-  border-radius: 10px;
-  font-size: 11px;
-  font-weight: 800;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  cursor: pointer;
-}
-
-.hud-toggle {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  cursor: pointer;
-}
-
-.hud-toggle input {
-  accent-color: var(--active-color);
-  width: 16px;
-  height: 16px;
-}
-
-.hud-toggle-text {
-  font-size: 11px;
-  font-weight: 800;
-  color: var(--text-primary);
-}
-
-.hud-results {
-  margin-top: 10px;
-  max-height: 40vh;
-  overflow-y: auto;
   display: flex;
   flex-direction: column;
-  gap: 5px;
+  gap: 16px;
 }
 
-.hud-result-item {
+.input-group {
+  position: relative;
   display: flex;
   align-items: center;
-  gap: 12px;
+}
-  padding: 12px;
+
-  background: var(--bg-secondary);
+.uber-input {
+  width: 100%;
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid var(--border-color);
+  padding: 12px 16px;
   border-radius: 12px;
-  cursor: pointer;
+  font-size: 1rem;
-  transition: all 0.2s;
-  border: 1px solid transparent;
-}
-
-.hud-result-item:hover {
-  background: var(--hover-bg);
-  border-color: var(--border-color);
-  transform: translateX(4px);
-}
-
-.hud-result-icon {
-  width: 36px;
-  height: 36px;
-  background: rgba(254, 231, 21, 0.1);
-  border-radius: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--active-color);
-}
-
-.hud-result-info {
-  flex: 1;
-}
-
-.hud-result-name {
-  font-size: 14px;
-  font-weight: 700;
   color: var(--text-primary);
 }
-
-.hud-result-desc {
-  font-size: 11px;
-  color: var(--text-secondary);
-}
-
-.hud-go-icon {
-  font-size: 18px;
-  color: var(--text-secondary);
-  opacity: 0.5;
-}
-
 .uber-input:focus {
   background: rgba(255, 255, 255, 0.07);
   border-color: var(--active-color);