/* ─── Toggle Switch (used in automations, skills index tables) ─── */

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 18px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

.toggle-switch .toggle-track {
  position: absolute;
  inset: 0;
  border-radius: 9px;
  background: var(--bg-tertiary, rgba(107, 102, 96, 0.3));
  transition: background 0.2s ease;
}

.toggle-switch.active .toggle-track {
  background: var(--success, #2dd4a0);
}

.toggle-switch .toggle-knob {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: white;
  transition: transform 0.2s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.toggle-switch.active .toggle-knob {
  transform: translateX(14px);
}