/* Marcadores do mapa do passageiro (Leaflet divIcon). Pareiam com src/lib/leafletMarkers.ts. */
.mgo-bus { display: flex; flex-direction: column; align-items: center; }
.mgo-bus-pin-box { position: relative; width: 44px; height: 44px; }
.mgo-bus-arrow-orbit { position: absolute; inset: 0; }
.mgo-bus-arrow {
  position: absolute; top: -6px; left: 50%; margin-left: -6px;
  width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent;
  border-bottom: 10px solid #f5811e;
}
.mgo-bus-pin {
  position: absolute; inset: 6px; display: flex; align-items: center; justify-content: center;
  background: #fff; border: 2px solid #f5811e; border-radius: 999px; font-size: 18px;
  box-shadow: 0 1px 3px rgba(16, 23, 28, 0.24);
}
.mgo-bus-label {
  margin-top: 2px; padding: 2px 8px; display: flex; gap: 6px; align-items: baseline;
  background: #fff; border: 1px solid #dfe2e4; border-radius: 999px; white-space: nowrap;
  font-family: 'DMSans_500Medium', system-ui, sans-serif; font-size: 12px; color: #10171c;
  box-shadow: 0 1px 3px rgba(16, 23, 28, 0.16);
}
.mgo-bus-eta { font-family: 'DMMono_500Medium', ui-monospace, monospace; font-size: 12px; }
.mgo-stop {
  width: 14px; height: 14px; border-radius: 999px; border: 2px solid #5e646a;
  box-shadow: 0 1px 2px rgba(16, 23, 28, 0.2);
}
.mgo-dest { display: flex; flex-direction: column; align-items: center; }
.mgo-dest-pin {
  width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;
  background: #fff; border: 2px solid #10171c; border-radius: 999px; font-size: 16px;
}
.mgo-dest-label {
  margin-top: 2px; padding: 2px 8px; background: #fff; border: 1px solid #dfe2e4;
  border-radius: 999px; font-family: 'DMSans_500Medium', system-ui, sans-serif;
  font-size: 12px; color: #10171c; white-space: nowrap;
}
.mgo-pickup {
  width: 26px; height: 26px; border-radius: 999px; background: rgba(16, 23, 28, 0.08);
  display: flex; align-items: center; justify-content: center;
}
.mgo-pickup-dot { width: 14px; height: 14px; border-radius: 999px; border: 2px solid #fff; }
.mgo-me {
  width: 16px; height: 16px; border-radius: 999px; background: #0083c4; border: 2px solid #fff;
  box-shadow: 0 0 0 4px rgba(0, 131, 196, 0.2);
}
.leaflet-container { background: #ebf3f9; font-family: 'DMSans_400Regular', system-ui, sans-serif; }
/* Controle de zoom e atribuição do OpenStreetMap sobem acima do cartão de ETA.
   A altura do cartão é medida em mapa.web.tsx (onLayout) e chega aqui pela
   variável. Sem isso o cartão, que ocupa a largura toda, cobriria a atribuição —
   e ela é exigência de licença do provedor de tiles. */
.mgo-map .leaflet-bottom { bottom: var(--mgo-bottom-inset, 0px); }