/* JoyJoy V316 — one compact toggle geometry across the whole personal cabinet. */
body[data-account-page] .account-page{
  --joy-switch-width:46px;
  --joy-switch-height:26px;
  --joy-switch-knob:18px;
  --joy-switch-offset:3px;
  --joy-switch-shift:20px;
  --joy-switch-active:var(--account-accent,#2da44e);
  --joy-switch-off:#d8e0e9;
  --joy-switch-border:#a8b3c2;
  --joy-switch-knob-bg:#fff;
  --profile-switch-width:var(--joy-switch-width);
  --profile-switch-height:var(--joy-switch-height);
  --profile-switch-knob:var(--joy-switch-knob);
  --profile-switch-offset:var(--joy-switch-offset);
  --profile-switch-shift:var(--joy-switch-shift);
}

body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"]{--joy-switch-active:#2997d6}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"]{--joy-switch-active:#2da44e}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="gamey"]{--joy-switch-active:#d93f7d}

/* Wrapper-based switches: TuneTune, Shieldy, Gamey, profile and console. */
body[data-account-page] .account-page :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch){
  position:relative!important;
  inset:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 var(--joy-switch-width)!important;
  width:var(--joy-switch-width)!important;
  min-width:var(--joy-switch-width)!important;
  max-width:var(--joy-switch-width)!important;
  height:var(--joy-switch-height)!important;
  min-height:var(--joy-switch-height)!important;
  max-height:var(--joy-switch-height)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
  vertical-align:middle!important;
  overflow:visible!important;
}
body[data-account-page] .account-page :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>input[type="checkbox"]{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
}
body[data-account-page] .account-page :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>i{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--joy-switch-border)!important;
  border-radius:999px!important;
  background:var(--joy-switch-off)!important;
  box-shadow:inset 0 1px 2px rgba(16,35,63,.10)!important;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  pointer-events:none!important;
}
body[data-account-page] .account-page :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>i::after{
  content:""!important;
  position:absolute!important;
  top:var(--joy-switch-offset)!important;
  left:var(--joy-switch-offset)!important;
  width:var(--joy-switch-knob)!important;
  height:var(--joy-switch-knob)!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--joy-switch-knob-bg)!important;
  box-shadow:0 2px 5px rgba(16,35,63,.24)!important;
  transform:translateX(0)!important;
  transition:transform .18s ease!important;
  box-sizing:border-box!important;
}
body[data-account-page] .account-page :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>input:checked+i{
  border-color:var(--joy-switch-active)!important;
  background:var(--joy-switch-active)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--joy-switch-active) 12%,transparent)!important;
}
body[data-account-page] .account-page :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>input:checked+i::after{
  transform:translateX(var(--joy-switch-shift))!important;
}
body[data-account-page] .account-page :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>input:focus-visible+i{
  outline:3px solid color-mix(in srgb,var(--joy-switch-active) 22%,transparent)!important;
  outline-offset:2px!important;
}
body[data-account-page] .account-page :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>input:disabled+i{
  opacity:.48!important;
  filter:saturate(.55)!important;
}
body[data-account-page] .account-page :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>input:disabled{cursor:not-allowed!important}

/* Direct input + rail markup used by toggle rows. */
body[data-account-page] .account-page label.toggle-row>input[type="checkbox"]{
  width:var(--joy-switch-width)!important;
  min-width:var(--joy-switch-width)!important;
  max-width:var(--joy-switch-width)!important;
  height:var(--joy-switch-height)!important;
  min-height:var(--joy-switch-height)!important;
  max-height:var(--joy-switch-height)!important;
}
body[data-account-page] .account-page label.toggle-row>i{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  flex:0 0 var(--joy-switch-width)!important;
  width:var(--joy-switch-width)!important;
  min-width:var(--joy-switch-width)!important;
  max-width:var(--joy-switch-width)!important;
  height:var(--joy-switch-height)!important;
  min-height:var(--joy-switch-height)!important;
  max-height:var(--joy-switch-height)!important;
  margin-left:auto!important;
  padding:0!important;
  border:1px solid var(--joy-switch-border)!important;
  border-radius:999px!important;
  background:var(--joy-switch-off)!important;
  box-shadow:inset 0 1px 2px rgba(16,35,63,.10)!important;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  pointer-events:none!important;
}
body[data-account-page] .account-page label.toggle-row>i::after{
  content:""!important;
  position:absolute!important;
  top:var(--joy-switch-offset)!important;
  left:var(--joy-switch-offset)!important;
  width:var(--joy-switch-knob)!important;
  height:var(--joy-switch-knob)!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--joy-switch-knob-bg)!important;
  box-shadow:0 2px 5px rgba(16,35,63,.24)!important;
  transform:translateX(0)!important;
  transition:transform .18s ease!important;
  box-sizing:border-box!important;
}
body[data-account-page] .account-page label.toggle-row>input:checked+i{
  border-color:var(--joy-switch-active)!important;
  background:var(--joy-switch-active)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--joy-switch-active) 12%,transparent)!important;
}
body[data-account-page] .account-page label.toggle-row>input:checked+i::after{transform:translateX(var(--joy-switch-shift))!important}
body[data-account-page] .account-page label.toggle-row>input:focus-visible+i{
  outline:3px solid color-mix(in srgb,var(--joy-switch-active) 22%,transparent)!important;
  outline-offset:2px!important;
}
body[data-account-page] .account-page label.toggle-row>input:disabled+i{opacity:.48!important;filter:saturate(.55)!important}

/* Bare switch inputs used by Shieldy options and subscription auto-renewal. */
body[data-account-page] .account-page input.ui-switch-control[type="checkbox"],
body[data-account-page] .account-page .subscription-autorenew-v151>input[type="checkbox"]{
  position:relative!important;
  display:inline-block!important;
  flex:0 0 var(--joy-switch-width)!important;
  width:var(--joy-switch-width)!important;
  min-width:var(--joy-switch-width)!important;
  max-width:var(--joy-switch-width)!important;
  height:var(--joy-switch-height)!important;
  min-height:var(--joy-switch-height)!important;
  max-height:var(--joy-switch-height)!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--joy-switch-border)!important;
  border-radius:999px!important;
  background:var(--joy-switch-off)!important;
  box-shadow:inset 0 1px 2px rgba(16,35,63,.10)!important;
  cursor:pointer!important;
  vertical-align:middle!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  box-sizing:border-box!important;
}
body[data-account-page] .account-page input.ui-switch-control[type="checkbox"]::after,
body[data-account-page] .account-page .subscription-autorenew-v151>input[type="checkbox"]::after{
  content:""!important;
  position:absolute!important;
  top:var(--joy-switch-offset)!important;
  left:var(--joy-switch-offset)!important;
  width:var(--joy-switch-knob)!important;
  height:var(--joy-switch-knob)!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--joy-switch-knob-bg)!important;
  box-shadow:0 2px 5px rgba(16,35,63,.24)!important;
  transform:translateX(0)!important;
  transition:transform .18s ease!important;
  box-sizing:border-box!important;
}
body[data-account-page] .account-page input.ui-switch-control[type="checkbox"]:checked,
body[data-account-page] .account-page .subscription-autorenew-v151>input[type="checkbox"]:checked{
  border-color:var(--joy-switch-active)!important;
  background:var(--joy-switch-active)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--joy-switch-active) 12%,transparent)!important;
}
body[data-account-page] .account-page input.ui-switch-control[type="checkbox"]:checked::after,
body[data-account-page] .account-page .subscription-autorenew-v151>input[type="checkbox"]:checked::after{
  transform:translateX(var(--joy-switch-shift))!important;
}
body[data-account-page] .account-page input.ui-switch-control[type="checkbox"]:focus-visible,
body[data-account-page] .account-page .subscription-autorenew-v151>input[type="checkbox"]:focus-visible{
  outline:3px solid color-mix(in srgb,var(--joy-switch-active) 22%,transparent)!important;
  outline-offset:2px!important;
}
body[data-account-page] .account-page input.ui-switch-control[type="checkbox"]:disabled,
body[data-account-page] .account-page .subscription-autorenew-v151>input[type="checkbox"]:disabled{
  opacity:.48!important;
  filter:saturate(.55)!important;
  cursor:not-allowed!important;
}

html[data-theme="dark"] body[data-account-page] .account-page{
  --joy-switch-off:#33445a;
  --joy-switch-border:#5a6f88;
  --joy-switch-knob-bg:#f7f9fc;
}

@media(max-width:620px){
  body[data-account-page] .account-page label.toggle-row{padding-right:62px!important}
}


/* V315: a wrapped switch must render only the wrapper rail, never a second bare input rail. */
body[data-account-page] .account-page :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>input.ui-switch-control[type="checkbox"],
body[data-account-page] .account-page :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>input[type="checkbox"]{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
body[data-account-page] .account-page :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>input.ui-switch-control[type="checkbox"]::before,
body[data-account-page] .account-page :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>input.ui-switch-control[type="checkbox"]::after,
body[data-account-page] .account-page :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>input[type="checkbox"]::before,
body[data-account-page] .account-page :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>input[type="checkbox"]::after{
  content:none!important;
  display:none!important;
}


/* V338 — Shieldy keeps its larger switch geometry; TuneTune adopts it with a calmer blue finish. */
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"],
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"]{
  --joy-switch-width:52px;
  --joy-switch-height:30px;
  --joy-switch-knob:24px;
  --joy-switch-offset:2px;
  --joy-switch-shift:22px;
}

/* Shieldy: use real layout columns for the rail instead of pinning the visible track to an edge. */
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] [data-module-panel^="sh-"] label.toggle-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--joy-switch-width)!important;
  align-items:center!important;
  justify-content:initial!important;
  column-gap:18px!important;
  min-width:0!important;
  padding-right:16px!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] [data-module-panel^="sh-"] label.toggle-row>span:first-child{
  grid-column:1!important;
  min-width:0!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] [data-module-panel^="sh-"] label.toggle-row>i{
  position:relative!important;
  inset:auto!important;
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] [data-module-panel^="sh-"] label.toggle-row>input[type="checkbox"]{
  position:absolute!important;
  top:50%!important;
  right:16px!important;
  inset-inline-start:auto!important;
  z-index:4!important;
  width:var(--joy-switch-width)!important;
  height:var(--joy-switch-height)!important;
  opacity:0!important;
  transform:translateY(-50%)!important;
}

body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] [data-module-panel^="sh-"] :is(
  .feature-toggle-grid>label,
  label.routing-display-item,
  label.journal-event-option-v202,
  label.rr-rule-row,
  label.rr-inline-switch,
  label.rr-master-switch,
  .card-title,
  .unified-log-head,
  .automod-rule-head,
  .welcome-section-actions,
  .automod-master-state,
  .welcome-master-status,
  div.toggle-row
):has(> :is(.normalized-switch,.mini-switch,.switch,.tt-route-switch,.equalizer-switch,input.ui-switch-control[type="checkbox"])){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-content:initial!important;
  column-gap:18px!important;
  min-width:0!important;
  padding-right:16px!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] [data-module-panel^="sh-"] label:not(.mini-switch):not(.switch):not(.normalized-switch):not(.tt-route-switch):not(.equalizer-switch):has(> :is(.normalized-switch,.mini-switch,.switch,.tt-route-switch,.equalizer-switch)){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-content:initial!important;
  column-gap:18px!important;
  min-width:0!important;
  padding-right:16px!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] [data-module-panel^="sh-"] :is(
  .feature-toggle-grid>label,
  label.routing-display-item,
  label.journal-event-option-v202,
  .card-title,
  .unified-log-head,
  .automod-rule-head,
  .welcome-section-actions,
  .automod-master-state,
  .welcome-master-status,
  div.toggle-row,
  label:not(.mini-switch):not(.switch):not(.normalized-switch):not(.tt-route-switch):not(.equalizer-switch)
)>:is(.normalized-switch,.mini-switch,.switch,.tt-route-switch,.equalizer-switch){
  position:relative!important;
  inset:auto!important;
  grid-column:2!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] [data-module-panel^="sh-"] :is(.rr-rule-row,.rr-inline-switch,.rr-master-switch)>input.ui-switch-control[type="checkbox"]{
  position:relative!important;
  inset:auto!important;
  grid-column:2!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
}

/* The tools page uses the same spacing model as the rest of Shieldy. */
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] [data-module-panel="sh-other"] .flexible-feature-card>.card-title,
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] [data-module-panel="sh-other"] .feature-toggle-grid>label{
  padding-right:18px!important;
}

/* TuneTune: same pleasant size as Shieldy, with a softer rail and a blue active state. */
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"]{
  --joy-switch-active:#2b9ed8;
  --joy-switch-off:#e4edf4;
  --joy-switch-border:#afbfcc;
  --joy-switch-knob-bg:#ffffff;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>i,
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] label.toggle-row>i{
  background:linear-gradient(180deg,#edf3f7 0%,#dce7ef 100%)!important;
  border-color:#afbfcc!important;
  box-shadow:inset 0 1px 2px rgba(24,54,82,.10),0 1px 2px rgba(24,54,82,.05)!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] input.ui-switch-control[type="checkbox"]{
  background:linear-gradient(180deg,#edf3f7 0%,#dce7ef 100%)!important;
  border-color:#afbfcc!important;
  box-shadow:inset 0 1px 2px rgba(24,54,82,.10),0 1px 2px rgba(24,54,82,.05)!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>i::after,
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] label.toggle-row>i::after,
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] input.ui-switch-control[type="checkbox"]::after{
  background:linear-gradient(180deg,#ffffff 0%,#f7fafc 100%)!important;
  box-shadow:0 2px 6px rgba(24,54,82,.24),inset 0 1px 0 rgba(255,255,255,.9)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>input:checked+i,
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] label.toggle-row>input:checked+i,
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] input.ui-switch-control[type="checkbox"]:checked{
  background:linear-gradient(135deg,#35b5eb 0%,#268bc8 100%)!important;
  border-color:#2384c0!important;
  box-shadow:0 0 0 3px rgba(43,158,216,.13),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch):hover>i,
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] label.toggle-row:hover>i{
  border-color:#8fa9bb!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>input:checked+i::after,
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] label.toggle-row>input:checked+i::after,
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] input.ui-switch-control[type="checkbox"]:checked::after{
  box-shadow:0 2px 7px rgba(15,66,98,.30),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
html[data-theme="dark"] body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"]{
  --joy-switch-off:#33475a;
  --joy-switch-border:#597087;
}
html[data-theme="dark"] body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>i,
html[data-theme="dark"] body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] label.toggle-row>i,
html[data-theme="dark"] body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"] input.ui-switch-control[type="checkbox"]{
  background:linear-gradient(180deg,#3c5268 0%,#304355 100%)!important;
  border-color:#597087!important;
}

@media(max-width:680px){
  body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] [data-module-panel^="sh-"] label.toggle-row,
  body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] [data-module-panel^="sh-"] :is(
    .feature-toggle-grid>label,
    label.routing-display-item,
    label.journal-event-option-v202,
    label.rr-rule-row,
    label.rr-inline-switch,
    label.rr-master-switch,
    .card-title,
    .unified-log-head,
    .automod-rule-head,
    .welcome-section-actions,
    .automod-master-state,
    .welcome-master-status,
    div.toggle-row
  ):has(> :is(.normalized-switch,.mini-switch,.switch,.tt-route-switch,.equalizer-switch,input.ui-switch-control[type="checkbox"])){
    column-gap:14px!important;
    padding-right:12px!important;
  }
  body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] [data-module-panel^="sh-"] label.toggle-row>input[type="checkbox"]{
    right:12px!important;
  }
}

/* V338 final geometry lock: assets/css/account.css contains older high-specificity dimensions. */
body[data-account-page="bots"] :is(
  #panel-bot-control[data-active-bot="shieldy"],
  #panel-bot-control[data-active-bot="tunetune"]
) :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch){
  flex:0 0 52px!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
}
body[data-account-page="bots"] :is(
  #panel-bot-control[data-active-bot="shieldy"],
  #panel-bot-control[data-active-bot="tunetune"]
) :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>input[type="checkbox"]{
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
body[data-account-page="bots"] :is(
  #panel-bot-control[data-active-bot="shieldy"],
  #panel-bot-control[data-active-bot="tunetune"]
) :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>i{
  inset:0!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
}
body[data-account-page="bots"] :is(
  #panel-bot-control[data-active-bot="shieldy"],
  #panel-bot-control[data-active-bot="tunetune"]
) :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>i::after{
  top:2px!important;
  left:2px!important;
  width:24px!important;
  height:24px!important;
}
body[data-account-page="bots"] :is(
  #panel-bot-control[data-active-bot="shieldy"],
  #panel-bot-control[data-active-bot="tunetune"]
) :is(.normalized-switch,.tt-route-switch,.equalizer-switch,.mini-switch,.switch)>input:checked+i::after{
  transform:translateX(22px)!important;
}
body[data-account-page="bots"] :is(
  #panel-bot-control[data-active-bot="shieldy"],
  #panel-bot-control[data-active-bot="tunetune"]
) label.toggle-row>i{
  flex:0 0 52px!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
}
body[data-account-page="bots"] :is(
  #panel-bot-control[data-active-bot="shieldy"],
  #panel-bot-control[data-active-bot="tunetune"]
) label.toggle-row>i::after{
  top:2px!important;
  left:2px!important;
  width:24px!important;
  height:24px!important;
}
body[data-account-page="bots"] :is(
  #panel-bot-control[data-active-bot="shieldy"],
  #panel-bot-control[data-active-bot="tunetune"]
) label.toggle-row>input:checked+i::after{
  transform:translateX(22px)!important;
}
body[data-account-page="bots"] :is(
  #panel-bot-control[data-active-bot="shieldy"],
  #panel-bot-control[data-active-bot="tunetune"]
) input.ui-switch-control[type="checkbox"]{
  flex:0 0 52px!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
}
body[data-account-page="bots"] :is(
  #panel-bot-control[data-active-bot="shieldy"],
  #panel-bot-control[data-active-bot="tunetune"]
) input.ui-switch-control[type="checkbox"]::after{
  top:2px!important;
  left:2px!important;
  width:24px!important;
  height:24px!important;
}
body[data-account-page="bots"] :is(
  #panel-bot-control[data-active-bot="shieldy"],
  #panel-bot-control[data-active-bot="tunetune"]
) input.ui-switch-control[type="checkbox"]:checked::after{
  transform:translateX(22px)!important;
}