.webcat-visibility-toggle {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 2147482100;
  min-height: 44px;
  padding: 7px 11px;
  border: 1px solid rgba(69, 221, 255, .45);
  border-radius: 999px;
  background: rgba(7, 7, 25, .93);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .45), 0 0 18px rgba(69, 221, 255, .12);
  color: #e9faff;
  font: 800 .67rem/1.1 Inter, system-ui, sans-serif;
  cursor: pointer;
}

.webcat-visibility-toggle:hover,
.webcat-visibility-toggle:focus-visible {
  border-color: #ff62c2;
  color: #fff;
  box-shadow: 0 0 0 3px rgba(255, 98, 194, .18), 0 8px 22px rgba(0, 0, 0, .45);
  outline: 2px solid #ff62c2;
  outline-offset: 2px;
}

.webcat-visibility-toggle[aria-pressed="false"] {
  border-color: rgba(255, 98, 194, .5);
  color: #ffd8f1;
}

/* This control belongs to the radio dock, rather than floating over requests. */
.radio-dock .webcat-visibility-toggle {
  position: static;
  z-index: auto;
  flex: none;
  margin: 0;
}

@media (max-width: 620px) {
  .webcat-visibility-toggle {
    right: 10px;
    bottom: 10px;
    min-height: 44px;
  }
}

/* Match the shared dock control row without enlarging the dock. */
@media (max-width: 1100px) {
  .gg-persistent-radio-bar .webcat-visibility-toggle { min-height: 30px; }
}