/* LILYJO_PUBLIC_DASHBOARD_DESTINATION_ETA_STYLE_027N27 */
#pub-ray-dashboard .pub-ray-destination-eta-n27{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;grid-column:1/-1;margin:0 0 10px 0
}
#pub-ray-dashboard .pub-ray-destination-eta-n27 .pub-ray-metric{min-height:88px}
#pub-ray-dashboard .n27-destination strong{color:#f2f8fb;font-size:1.22rem;line-height:1.12;white-space:normal;overflow-wrap:anywhere}
#pub-ray-dashboard .n27-eta strong{color:#ffd46a;font-size:1.28rem;line-height:1.12}
#pub-ray-dashboard .n27-destination span,#pub-ray-dashboard .n27-eta span{line-height:1.22}
@media(max-width:760px){#pub-ray-dashboard .pub-ray-destination-eta-n27{grid-template-columns:1fr}#pub-ray-dashboard .n27-destination strong,#pub-ray-dashboard .n27-eta strong{font-size:1.08rem}}


/* LILYJO_DESTINATION_ETA_SAFE_STRIPS_STYLE_027N34B */
.pub-route-panel-n34b{
  padding:14px !important;
}
.pub-route-panel-n34b .pub-route-strip-n34b{
  width:100% !important;
  min-height:42px !important;
  margin:7px 0 0 !important;
  padding:8px 11px !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:104px minmax(76px,130px) 1fr !important;
  align-items:center !important;
  column-gap:10px !important;
  row-gap:2px !important;
  border-radius:10px !important;
  float:none !important;
  max-width:none !important;
  clear:both !important;
}
.pub-route-panel-n34b .pub-route-strip-label-n34b{
  grid-column:1 !important;
  margin:0 !important;
  font-size:10px !important;
  line-height:1.1 !important;
  letter-spacing:.12em !important;
  white-space:nowrap !important;
}
.pub-route-panel-n34b .pub-route-strip-value-n34b{
  grid-column:2 !important;
  margin:0 !important;
  font-size:17px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}
.pub-route-panel-n34b .pub-route-strip-note-n34b{
  grid-column:3 !important;
  margin:0 !important;
  font-size:11px !important;
  line-height:1.25 !important;
  min-width:0 !important;
}
.pub-route-panel-n34b .pub-route-strip-eta-n34b .pub-route-strip-value-n34b{
  color:#f6ca44 !important;
}
.pub-route-panel-n34b :has(> .pub-route-strip-destination-n34b):has(> .pub-route-strip-eta-n34b){
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
}
@media (max-width:900px){
  .pub-route-panel-n34b .pub-route-strip-n34b{
    grid-template-columns:88px 1fr !important;
  }
  .pub-route-panel-n34b .pub-route-strip-note-n34b{
    grid-column:2 !important;
  }
}


/* LILYJO_DESTINATION_ETA_COMPACT_STYLE_027N34C */
.pub-route-title-hidden-n34c{
  display:none !important;
}

.pub-route-panel-compact-n34c{
  padding:10px 12px !important;
}

.pub-route-panel-compact-n34c .pub-route-strip-n34b{
  min-height:28px !important;
  margin:4px 0 0 !important;
  padding:4px 9px !important;
  grid-template-columns:118px 1fr !important;
  column-gap:8px !important;
  row-gap:0 !important;
  border-radius:8px !important;
}

.pub-route-panel-compact-n34c .pub-route-strip-label-n34b{
  grid-column:1 !important;
  font-size:10px !important;
  line-height:1 !important;
}

.pub-route-panel-compact-n34c .pub-route-strip-value-n34b{
  grid-column:2 !important;
  font-size:16px !important;
  line-height:1 !important;
  justify-self:start !important;
}

.pub-route-panel-compact-n34c .pub-route-note-hidden-n34c,
.pub-route-panel-compact-n34c .pub-route-strip-note-n34b{
  display:none !important;
}

/* Keep CURRENT ROUTE + LIVE header compact */
.pub-route-panel-compact-n34c > :first-child{
  margin-bottom:3px !important;
}


/* LILYJO_WIND_UNAVAILABLE_STYLE_027N34D */
.pub-wind-unavailable-n34d{
  display:none;
  margin:0 14px 10px;
  padding:9px 12px;
  border:1px solid rgba(246,190,67,.45);
  border-radius:10px;
  background:rgba(74,50,10,.92);
  color:#fff4d0;
  font-size:12px;
  line-height:1.3;
  box-sizing:border-box;
}
.pub-wind-unavailable-n34d.show{
  display:flex;
  align-items:center;
  gap:10px;
}
.pub-wind-unavailable-n34d strong{
  color:#ffd465;
  white-space:nowrap;
}
.pub-wind-unavailable-n34d span{
  opacity:.9;
}
@media (max-width:700px){
  .pub-wind-unavailable-n34d.show{
    display:block;
  }
  .pub-wind-unavailable-n34d strong{
    display:block;
    margin-bottom:3px;
  }
}