body.vxServerLogTypesModalOpen{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}

#server-logtypes-modal.vxServerLogTypesModal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483200!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  padding:clamp(10px,2vw,24px)!important;
  margin:0!important;
  overflow:hidden!important;
  background:rgba(2,6,12,.9)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  animation:none!important;
  transition:none!important;
}

#server-logtypes-modal.vxServerLogTypesModal.hidden{
  display:none!important;
}

.vxServerLogTypesDialog{
  width:min(940px,calc(100vw - 32px))!important;
  height:min(780px,calc(100dvh - 32px))!important;
  max-width:100%!important;
  max-height:100%!important;
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:1px solid #2a3748!important;
  border-radius:18px!important;
  background:#0d141e!important;
  box-shadow:0 30px 100px rgba(0,0,0,.78)!important;
  color:#e8eef7!important;
}

.vxServerLogTypesHeader{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-width:0!important;
  padding:20px 22px 17px!important;
  border-bottom:1px solid #243041!important;
  background:linear-gradient(180deg,#151f2c 0%,#101822 100%)!important;
}

.vxServerLogTypesTitleBlock{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  min-width:0!important;
}

.vxServerLogTypesIcon{
  flex:0 0 auto!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(96,165,250,.4)!important;
  border-radius:13px!important;
  background:rgba(37,99,235,.16)!important;
  color:#7db7ff!important;
  font-size:25px!important;
  font-weight:800!important;
  line-height:1!important;
}

.vxServerLogTypesTitleBlock>div{
  min-width:0!important;
}

.vxServerLogTypesTitleBlock span:not(.vxServerLogTypesIcon){
  display:block!important;
  margin-bottom:3px!important;
  color:#7889a0!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}

.vxServerLogTypesTitleBlock h3{
  margin:0!important;
  color:#f7f9fc!important;
  font-size:clamp(18px,2.5vw,24px)!important;
  line-height:1.2!important;
}

.vxServerLogTypesTitleBlock p{
  margin:5px 0 0!important;
  max-width:680px!important;
  color:#94a4b9!important;
  font-size:13px!important;
  overflow-wrap:anywhere!important;
}

.vxServerLogTypesClose{
  flex:0 0 auto!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid #334155!important;
  border-radius:11px!important;
  background:#172231!important;
  color:#dce5f2!important;
  cursor:pointer!important;
  font-size:24px!important;
  line-height:1!important;
}

.vxServerLogTypesClose:hover{
  border-color:#64748b!important;
  background:#202e40!important;
}

.vxServerLogTypesToolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  padding:14px 18px!important;
  border-bottom:1px solid #222e3d!important;
  background:#0f1722!important;
}

.vxServerLogTypesSearch{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
}

.vxServerLogTypesSearch>span{
  position:absolute!important;
  left:13px!important;
  z-index:1!important;
  color:#718298!important;
  font-size:22px!important;
  pointer-events:none!important;
}

.vxServerLogTypesSearch input{
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  box-sizing:border-box!important;
  padding:0 42px!important;
  border:1px solid #2b3a4e!important;
  border-radius:12px!important;
  outline:none!important;
  background:#0a111b!important;
  color:#edf3fb!important;
  font-size:14px!important;
}

.vxServerLogTypesSearch input:focus{
  border-color:#4b8df8!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.14)!important;
}

.vxServerLogTypesSearch button{
  position:absolute!important;
  right:8px!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#8fa0b5!important;
  cursor:pointer!important;
  font-size:18px!important;
}

.vxServerLogTypesSearch button[hidden]{
  display:none!important;
}

.vxServerLogTypesStats{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  white-space:nowrap!important;
}

.vxServerLogTypesStats span,
.vxServerLogTypesStats strong{
  padding:7px 10px!important;
  border:1px solid #2a3748!important;
  border-radius:999px!important;
  background:#141e2a!important;
  font-size:11px!important;
}

.vxServerLogTypesStats span{
  color:#9cadc1!important;
}

.vxServerLogTypesStats strong{
  color:#86efac!important;
  border-color:rgba(34,197,94,.28)!important;
  background:rgba(22,101,52,.14)!important;
}

.vxServerLogTypesBody{
  min-width:0!important;
  min-height:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  padding:16px 18px 20px!important;
  background:#0b121b!important;
}

.vxServerLogTypesGrid{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
  align-content:start!important;
  gap:12px!important;
}

.vxServerLogTypesState{
  width:100%!important;
  box-sizing:border-box!important;
  padding:34px 18px!important;
  border:1px dashed #334155!important;
  border-radius:14px!important;
  background:#101923!important;
  color:#91a2b7!important;
  text-align:center!important;
  font-size:13px!important;
}

.vxServerLogTypesState[hidden]{
  display:none!important;
}

.vxServerLogTypesState.is-error{
  border-color:rgba(248,113,113,.4)!important;
  background:rgba(127,29,29,.12)!important;
  color:#fca5a5!important;
}

.vxServerLogTypeCard{
  min-width:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  gap:11px!important;
  padding:14px!important;
  overflow:hidden!important;
  border:1px solid #273447!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#131d29 0%,#101822 100%)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
}

.vxServerLogTypeCard.is-enabled{
  border-color:rgba(34,197,94,.42)!important;
  box-shadow:
    inset 0 0 0 1px rgba(34,197,94,.08),
    0 8px 24px rgba(0,0,0,.18)!important;
}

.vxServerLogTypeCard.is-saving{
  opacity:.68!important;
  pointer-events:none!important;
}

.vxServerLogTypeCardHead{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
}

.vxServerLogTypeName{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
}

.vxServerLogTypeName b{
  min-width:0!important;
  color:#f3f6fb!important;
  font-size:14px!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important;
}

.vxServerLogTypeName span{
  width:max-content!important;
  max-width:100%!important;
  padding:3px 7px!important;
  border:1px solid #39485b!important;
  border-radius:999px!important;
  background:#192431!important;
  color:#92a4b9!important;
  font-size:10px!important;
  font-weight:800!important;
}

.vxServerLogTypeName span.is-enabled{
  border-color:rgba(34,197,94,.35)!important;
  background:rgba(22,101,52,.17)!important;
  color:#86efac!important;
}

.vxServerLogTypeCode{
  min-width:0!important;
  padding:8px 10px!important;
  overflow:hidden!important;
  border:1px solid #243246!important;
  border-radius:9px!important;
  background:#080e16!important;
  color:#7dd3fc!important;
  font:600 11px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  overflow-wrap:anywhere!important;
}

.vxServerLogTypeMeta{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:8px!important;
  align-items:start!important;
  font-size:11px!important;
}

.vxServerLogTypeMeta span{
  color:#75869b!important;
}

.vxServerLogTypeMeta strong{
  min-width:0!important;
  color:#b7c4d4!important;
  font-weight:600!important;
  overflow-wrap:anywhere!important;
}

.vxServerLogTypeActions{
  display:flex!important;
  justify-content:flex-end!important;
  margin-top:auto!important;
}

.vxServerLogTypeActions .sa-btn{
  position:static!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
}

.vxServerLogTypeSwitch{
  position:relative!important;
  flex:0 0 auto!important;
  width:46px!important;
  height:26px!important;
  cursor:pointer!important;
}

.vxServerLogTypeSwitch input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}

.vxServerLogTypeSwitch span{
  position:absolute!important;
  inset:0!important;
  border:1px solid #455469!important;
  border-radius:999px!important;
  background:#202b39!important;
  transition:background .14s ease,border-color .14s ease!important;
}

.vxServerLogTypeSwitch span::after{
  content:""!important;
  position:absolute!important;
  left:3px!important;
  top:3px!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  background:#a7b4c5!important;
  transition:transform .14s ease,background .14s ease!important;
}

.vxServerLogTypeSwitch input:checked+span{
  border-color:#22c55e!important;
  background:#15803d!important;
}

.vxServerLogTypeSwitch input:checked+span::after{
  transform:translateX(20px)!important;
  background:#f0fdf4!important;
}

.vxServerLogTypeSwitch input:focus-visible+span{
  box-shadow:0 0 0 3px rgba(59,130,246,.25)!important;
}

.vxServerLogTypesFooter{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-width:0!important;
  padding:13px 18px!important;
  border-top:1px solid #243041!important;
  background:#101923!important;
}

.vxServerLogTypesFooter span{
  min-width:0!important;
  color:#8697ab!important;
  font-size:11px!important;
  overflow-wrap:anywhere!important;
}

.vxServerLogTypesFooter .sa-btn{
  position:static!important;
  inset:auto!important;
  flex:0 0 auto!important;
  min-width:104px!important;
  width:auto!important;
  height:auto!important;
}

@media(max-width:700px){
  #server-logtypes-modal.vxServerLogTypesModal{
    align-items:flex-start!important;
    padding:8px!important;
  }

  .vxServerLogTypesDialog{
    width:100%!important;
    height:calc(100dvh - 16px)!important;
    border-radius:14px!important;
  }

  .vxServerLogTypesHeader{
    padding:15px!important;
  }

  .vxServerLogTypesIcon{
    width:36px!important;
    height:36px!important;
    border-radius:10px!important;
  }

  .vxServerLogTypesToolbar{
    grid-template-columns:minmax(0,1fr)!important;
    padding:12px!important;
  }

  .vxServerLogTypesStats{
    justify-content:flex-start!important;
    overflow:auto!important;
  }

  .vxServerLogTypesBody{
    padding:12px!important;
  }

  .vxServerLogTypesGrid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .vxServerLogTypesFooter{
    align-items:stretch!important;
    flex-direction:column!important;
    padding:12px!important;
  }

  .vxServerLogTypesFooter .sa-btn{
    width:100%!important;
  }
}