/* MISTER FAST LiveMapChat WEB V3.5.1 — Fleet Radius Map Fit
   Wider proportional radius rail, no card background. */
:root{
  --mf351-radius-blue:#0758c9;
  --mf351-radius-track:#d4dfec;
}

/* Make the radius control long enough to read and operate comfortably. */
.mf514-map-wrap .mf532-radius-panel{
  grid-template-columns:92px minmax(380px,560px) 48px!important;
  column-gap:14px!important;
  width:min(760px,calc(100% - 180px))!important;
  min-width:600px!important;
  max-width:760px!important;
}
.mf514-map-wrap .mf532-radius-panel .mf54-range-wrap{
  width:100%!important;
  min-width:380px!important;
}
.mf514-map-wrap .mf532-radius-panel input[type="range"]{
  height:5px!important;
  background:linear-gradient(90deg,var(--mf351-radius-blue) 0 var(--mf350-progress,9.1%),var(--mf351-radius-track) var(--mf350-progress,9.1%) 100%)!important;
}
.mf514-map-wrap .mf532-radius-panel input[type="range"]::-webkit-slider-thumb{
  width:19px!important;
  height:19px!important;
}
.mf514-map-wrap .mf532-radius-panel input[type="range"]::-moz-range-thumb{
  width:13px!important;
  height:13px!important;
}
.mf350-radius-scale{
  font-size:9px!important;
  font-weight:800!important;
}

/* Keep the rail readable when the floating chat overlaps the map. */
@media (max-width:1180px){
  .mf514-map-wrap .mf532-radius-panel{
    grid-template-columns:82px minmax(300px,1fr) 44px!important;
    width:min(650px,calc(100% - 130px))!important;
    min-width:500px!important;
  }
  .mf514-map-wrap .mf532-radius-panel .mf54-range-wrap{min-width:300px!important;}
}
@media (max-width:760px){
  .mf514-map-wrap .mf532-radius-panel{
    grid-template-columns:70px minmax(180px,1fr) 38px!important;
    width:calc(100% - 34px)!important;
    min-width:0!important;
    column-gap:8px!important;
  }
  .mf514-map-wrap .mf532-radius-panel .mf54-range-wrap{min-width:0!important;}
  .mf514-map-wrap .mf532-radius-head b{font-size:9px!important;}
  .mf350-radius-result{font-size:9px!important;}
}