
/* V5.0.14 — Admin Settings checkbox/toggle repair.
   Loaded last so theme/global input rules cannot deform the switches. */
#settings label.toggle{
 box-sizing:border-box!important;
 position:relative!important;
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:flex-start!important;
 gap:12px!important;
 width:100%!important;
 min-width:0!important;
 min-height:52px!important;
 margin:0!important;
 padding:10px 14px!important;
 border:1px solid #263b58!important;
 border-radius:12px!important;
 background:#0b1727!important;
 color:#d9e5f4!important;
 line-height:1.25!important;
 overflow:hidden!important;
 cursor:pointer!important;
}
#settings label.toggle>input[type="checkbox"]{
 position:absolute!important;
 opacity:0!important;
 pointer-events:none!important;
 width:1px!important;
 height:1px!important;
 min-width:0!important;
 min-height:0!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 appearance:none!important;
 -webkit-appearance:none!important;
}
#settings label.toggle>span{
 box-sizing:border-box!important;
 position:relative!important;
 display:inline-block!important;
 flex:0 0 40px!important;
 width:40px!important;
 min-width:40px!important;
 max-width:40px!important;
 height:22px!important;
 min-height:22px!important;
 margin:0!important;
 padding:0!important;
 border:1px solid #405570!important;
 border-radius:999px!important;
 background:#34445a!important;
 vertical-align:middle!important;
 overflow:visible!important;
}
#settings label.toggle>span::after{
 content:""!important;
 box-sizing:border-box!important;
 position:absolute!important;
 top:3px!important;
 left:3px!important;
 width:14px!important;
 height:14px!important;
 margin:0!important;
 border:0!important;
 border-radius:50%!important;
 background:#fff!important;
 box-shadow:0 1px 3px rgba(0,0,0,.35)!important;
 transform:none!important;
 transition:left .18s ease!important;
}
#settings label.toggle>input[type="checkbox"]:checked+span{
 border-color:#7760f2!important;
 background:linear-gradient(135deg,#1599f7,#7257ef)!important;
}
#settings label.toggle>input[type="checkbox"]:checked+span::after{left:21px!important}
#settings label.toggle>input[type="checkbox"]:focus-visible+span{
 outline:0!important;
 box-shadow:0 0 0 3px rgba(70,145,255,.22)!important;
}
#settings .three{align-items:stretch!important}
#settings .three>label.toggle{height:100%!important}
@media(max-width:760px){
 #settings label.toggle{min-height:50px!important;padding:10px 12px!important}
}
