/* v31 visual refresh: right-side dock polish */
.dock .dots i{
  width:8px;
  height:8px;
  border-radius:999px;
  background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.98) 0 46%, rgba(173,216,230,.92) 47% 100%);
  box-shadow:0 0 0 1px rgba(173,216,230,.12), 0 0 8px rgba(173,216,230,.18);
  transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.dock .dots button.near i{
  background:radial-gradient(circle at 50% 50%, rgba(255,255,255,1) 0 42%, rgba(173,216,230,.98) 43% 100%);
  box-shadow:0 0 0 1px rgba(173,216,230,.18), 0 0 12px rgba(173,216,230,.22);
}
.dock .dots button.on i,
.dock .dots button.on.near i{
  background:linear-gradient(180deg,#dff6ff 0%, #add8e6 100%);
  box-shadow:0 0 0 1px rgba(173,216,230,.22), 0 0 14px rgba(173,216,230,.42);
}
.dock .dots button{
  isolation:isolate;
}
@media (max-width:820px){
  .dock .dots i{width:6px;height:6px}
}