/* Toggle switch — iOS-style slider */
.v2-toggle {
  position: relative;
  width: 44px;
  height: 24px;
  cursor: pointer;
  display: inline-block;
  flex-shrink: 0;
}
.v2-toggle input { opacity: 0; width: 0; height: 0; }
.v2-toggle-slider {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: var(--gray-300);
  border-radius: 12px;
  transition: 0.3s;
}
.v2-toggle-slider::before {
  content: '';
  position: absolute;
  width: 18px; height: 18px;
  left: 3px; bottom: 3px;
  background: white;
  border-radius: 50%;
  transition: 0.3s;
}
.v2-toggle input:checked + .v2-toggle-slider { background: #10b981; }
.v2-toggle input:checked + .v2-toggle-slider::before { transform: translateX(20px); }

/* Small variant — 36×20 for compact layouts */
.v2-toggle-sm { width: 36px; height: 20px; }
.v2-toggle-sm .v2-toggle-slider { border-radius: 10px; }
.v2-toggle-sm .v2-toggle-slider::before { width: 14px; height: 14px; }
.v2-toggle-sm input:checked + .v2-toggle-slider::before { transform: translateX(16px); }