/* Lightweight Tom Select-compatible styling used ONLY for ROUTE_SEARCH.
   This is intentionally minimal and scoped by .ts-control / .ts-dropdown classes. */

.ts-wrapper{ position:relative; }
.ts-control{
  display:flex; align-items:center; flex-wrap:wrap;
  min-height:38px; padding:6px 10px;
  border:1px solid rgba(0,0,0,.15);
  border-radius:10px;
  background:#fff;
}
.ts-control input{
  border:0; outline:0; flex:1 1 auto; min-width:60px;
  font-size:14px; padding:0; margin:0;
  background:transparent;
}
.ts-wrapper.disabled .ts-control{ background:rgba(0,0,0,.03); opacity:.8; }

.ts-dropdown{
  position:absolute; left:0; right:0; top:calc(100% + 6px);
  z-index:50;
  background:#fff;
  border:1px solid rgba(0,0,0,.15);
  border-radius:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
  max-height:260px;
  overflow:auto;
}
.ts-dropdown .option{
  padding:10px 12px;
  font-size:14px;
  line-height:1.2;
  cursor:pointer;
}
.ts-dropdown .option.active{ background:rgba(0,0,0,.06); }
.ts-dropdown .no-results{ padding:10px 12px; color:rgba(0,0,0,.55); font-size:13px; }

/* Make it feel native on mobile */
@media (max-width: 480px){
  .ts-control{ border-radius:12px; }
  .ts-dropdown{ border-radius:14px; }
}