/* SWUAK v72 — radar endpoint spacing + top-right pill only. */

/* Keep the long working scroller and its original edge breathing room. */
.radar-range-wrap{
  width:1700px!important;
  min-width:1700px!important;
  height:40px!important;
  padding:0 28px 19px!important;
}
.radar-range-wrap input{
  position:absolute!important;
  left:28px!important;
  top:2px!important;
  width:calc(100% - 56px)!important;
  height:16px!important;
  z-index:2!important;
}
/* A range thumb's center sits roughly half a thumb inward from the input edge.
   Match the tick coordinate system to that center so the vertical tick runs
   directly behind the dot instead of beside it. */
.radar-time-labels{
  left:34px!important;
  right:34px!important;
  top:19px!important;
  height:17px!important;
  overflow:visible!important;
  z-index:1!important;
}
.radar-time-mark,
.radar-controls .radar-time-mark{
  width:0!important;
  min-width:0!important;
  transform:none!important;
  overflow:visible!important;
}
.radar-time-mark i,
.radar-time-mark.active i{
  left:0!important;
  top:-17px!important;
  width:1px!important;
  height:16px!important;
  transform:translateX(-.5px)!important;
}
.radar-time-mark b,
.radar-controls .radar-time-mark b,
html[data-appearance="seasonal"] .radar-time-mark b,
html[data-appearance="seasonal"] .radar-controls .radar-time-mark b{
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:max-content!important;
  font-size:10.5px!important;
  line-height:1!important;
  transform:translateX(-50%)!important;
}
/* Do not remove the edge space: use it. Move only the endpoint TEXT away from
   the adjacent time while the endpoint tick stays fixed under the slider dot. */
.radar-time-mark.first b{
  transform:translateX(-62%)!important;
  text-align:right!important;
}
.radar-time-mark.last b{
  transform:translateX(-38%)!important;
  text-align:left!important;
}

/* Restore the shared pill behind zoom / minus / home / fullscreen. */
.radar-top-tools{
  background:rgba(255,253,248,.96)!important;
  border:1px solid rgba(101,96,86,.18)!important;
  border-radius:999px!important;
  box-shadow:0 4px 12px rgba(44,39,31,.12)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.radar-top-tools button{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.radar-top-tools button:hover{background:#efebe4!important}
html[data-appearance="seasonal"] .radar-top-tools{
  background:#2f302e!important;
  border-color:#50514d!important;
  box-shadow:0 4px 12px rgba(0,0,0,.22)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-appearance="seasonal"] .radar-top-tools button{
  background:transparent!important;
  border-color:transparent!important;
  color:#e8e5df!important;
}
html[data-appearance="seasonal"] .radar-top-tools button:hover{background:#454642!important}

@media(max-width:720px){
  .radar-range-wrap{
    width:1420px!important;
    min-width:1420px!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }
  .radar-range-wrap input{
    left:24px!important;
    width:calc(100% - 48px)!important;
  }
  .radar-time-labels{
    left:30px!important;
    right:30px!important;
  }
  .radar-time-mark b,
  .radar-controls .radar-time-mark b,
  html[data-appearance="seasonal"] .radar-time-mark b,
  html[data-appearance="seasonal"] .radar-controls .radar-time-mark b{
    font-size:9.5px!important;
  }
}