/* 0.51.4-alpha — Automation controls and toggle repair */
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-preference-list label,
.vchat-frontend-app .vchat-automation-settings-grid .vchat-preference-list label{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:18px!important;
  row-gap:10px!important;
  min-height:0!important;
  text-align:left!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-preference-list label > span,
.vchat-frontend-app .vchat-automation-settings-grid .vchat-preference-list label > span{
  display:block!important;
  min-width:0!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-preference-list label > input[type="checkbox"],
.vchat-frontend-app .vchat-automation-settings-grid .vchat-preference-list label > input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  position:relative!important;
  display:inline-block!important;
  box-sizing:border-box!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d8cfeb!important;
  border-radius:999px!important;
  background:#e9e4f5!important;
  box-shadow:inset 0 1px 1px rgba(31,20,70,.06)!important;
  cursor:pointer!important;
  place-self:center end!important;
  flex:none!important;
  float:none!important;
  transform:none!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-preference-list label > input[type="checkbox"]::before,
.vchat-frontend-app .vchat-automation-settings-grid .vchat-preference-list label > input[type="checkbox"]::before{
  content:''!important;
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(32,21,76,.18)!important;
  transition:transform .18s ease!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-preference-list label > input[type="checkbox"]:checked,
.vchat-frontend-app .vchat-automation-settings-grid .vchat-preference-list label > input[type="checkbox"]:checked{
  background:#6a54d0!important;
  border-color:#6a54d0!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-preference-list label > input[type="checkbox"]:checked::before,
.vchat-frontend-app .vchat-automation-settings-grid .vchat-preference-list label > input[type="checkbox"]:checked::before{
  transform:translateX(22px)!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-preference-list label > input[type="checkbox"]:focus-visible,
.vchat-frontend-app .vchat-automation-settings-grid .vchat-preference-list label > input[type="checkbox"]:focus-visible{
  outline:none!important;
  box-shadow:0 0 0 4px rgba(102,80,191,.14)!important;
}

.vchat-frontend-app [data-vchat-panel="automations"] .vchat-switch,
.vchat-frontend-app #vchat-automation-list .vchat-switch{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:44px!important;
  min-height:26px!important;
  margin:0!important;
  position:relative!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-switch input,
.vchat-frontend-app #vchat-automation-list .vchat-switch input{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  pointer-events:none!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-switch span,
.vchat-frontend-app #vchat-automation-list .vchat-switch span{
  display:block!important;
  position:relative!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  border-radius:999px!important;
  background:#ded8ec!important;
  border:1px solid #d2cae6!important;
  box-shadow:inset 0 1px 1px rgba(31,20,70,.06)!important;
  transition:background .18s ease,border-color .18s ease!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-switch span::after,
.vchat-frontend-app #vchat-automation-list .vchat-switch span::after{
  content:''!important;
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 4px 10px rgba(32,21,76,.18)!important;
  transition:transform .18s ease!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-switch input:checked + span,
.vchat-frontend-app #vchat-automation-list .vchat-switch input:checked + span{
  background:#6a54d0!important;
  border-color:#6a54d0!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-switch input:checked + span::after,
.vchat-frontend-app #vchat-automation-list .vchat-switch input:checked + span::after{
  transform:translateX(18px)!important;
}

.vchat-frontend-app #vchat-modal .vchat-check-row,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-check-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  padding:14px 16px!important;
  border:1px solid #e5dff1!important;
  border-radius:18px!important;
  background:#fbfaff!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset!important;
}
.vchat-frontend-app #vchat-modal .vchat-check-row input[type="checkbox"],
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-check-row input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  margin:0!important;
  border:1.5px solid #c9c1df!important;
  border-radius:7px!important;
  background:#fff!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  flex:none!important;
  transform:none!important;
}
.vchat-frontend-app #vchat-modal .vchat-check-row input[type="checkbox"]::after,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-check-row input[type="checkbox"]::after{
  content:''!important;
  width:6px!important;
  height:11px!important;
  border-right:2px solid #fff!important;
  border-bottom:2px solid #fff!important;
  transform:rotate(45deg) scale(0)!important;
  transform-origin:center!important;
  transition:transform .15s ease!important;
}
.vchat-frontend-app #vchat-modal .vchat-check-row input[type="checkbox"]:checked,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-check-row input[type="checkbox"]:checked{
  border-color:#6a54d0!important;
  background:#6a54d0!important;
}
.vchat-frontend-app #vchat-modal .vchat-check-row input[type="checkbox"]:checked::after,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-check-row input[type="checkbox"]:checked::after{
  transform:rotate(45deg) scale(1)!important;
}
.vchat-frontend-app #vchat-modal .vchat-check-row span,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-check-row span{
  display:block!important;
  min-width:0!important;
  color:#2d2840!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:760!important;
}
.vchat-frontend-app #vchat-modal .vchat-check-row span strong,
.vchat-frontend-app #vchat-modal .vchat-check-row span small,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-check-row span strong,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-check-row span small{
  display:block!important;
}
.vchat-frontend-app #vchat-modal .vchat-check-row span small,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-check-row span small{
  margin-top:4px!important;
  color:#8a83a0!important;
  font-size:11px!important;
  font-weight:600!important;
}

.vchat-frontend-app #vchat-modal .vchat-auto-action-group,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-auto-action-group{
  gap:12px!important;
  padding:16px!important;
  border-radius:18px!important;
  background:#fcfbff!important;
}
.vchat-frontend-app #vchat-modal .vchat-auto-master-toggle,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-auto-master-toggle{
  padding:15px 16px!important;
  border-radius:18px!important;
}
.vchat-frontend-app #vchat-modal .vchat-auto-grid,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-auto-grid{
  gap:12px!important;
}

.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-card-actions,
.vchat-frontend-app #vchat-automation-list .vchat-automation-card-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-card-actions button,
.vchat-frontend-app #vchat-automation-list .vchat-automation-card-actions button,
.vchat-frontend-app #vchat-modal .vchat-modal-actions button,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-toolbar button,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-templates button{
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-card-actions button,
.vchat-frontend-app #vchat-automation-list .vchat-automation-card-actions button,
.vchat-frontend-app #vchat-modal .vchat-modal-actions button:not(.primary){
  border:1px solid #ded8ec!important;
  background:#fff!important;
  color:#5f519f!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-card-actions button.danger,
.vchat-frontend-app #vchat-automation-list .vchat-automation-card-actions button.danger{
  border-color:#f0ccd4!important;
  color:#bb4963!important;
  background:#fff!important;
}
.vchat-frontend-app #vchat-modal .vchat-modal-actions button.primary,
.vchat-frontend-app [data-vchat-panel="automations"] #vchat-save-close-settings,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-toolbar button.is-active{
  background:#6a54d0!important;
  border-color:#6a54d0!important;
  color:#fff!important;
}

@media (max-width: 820px){
  .vchat-frontend-app [data-vchat-panel="automations"] .vchat-preference-list label,
  .vchat-frontend-app .vchat-automation-settings-grid .vchat-preference-list label{
    grid-template-columns:1fr!important;
  }
  .vchat-frontend-app [data-vchat-panel="automations"] .vchat-preference-list label > input[type="checkbox"],
  .vchat-frontend-app .vchat-automation-settings-grid .vchat-preference-list label > input[type="checkbox"]{
    place-self:start!important;
  }
}