/* The beta cohort on/off switch (.bc-toggle) and the read-only badge
   (.bc-badge) shown to operators without ota write. Shared by Releases & Beta
   (beta-cohort.js) and the unit page's Beta panel (device-unit.js); each loads
   this sheet before its own. Palette comes from theme.css. */

/* On/off toggle switch */
.bc-toggle {
  width: 40px;
  height: 22px;
  border-radius: 11px;
  border: 1px solid var(--lf-border-strong);
  background: var(--lf-btn-bg);
  padding: 0;
  cursor: pointer;
  position: relative;
  transition: background 0.15s, border-color 0.15s;
  vertical-align: middle;
}
.bc-toggle .bc-knob {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--lf-text-dim);
  transition: left 0.15s, background 0.15s;
}
.bc-toggle.on {
  background: var(--lf-success-bg);
  border-color: var(--lf-success-border);
}
.bc-toggle.on .bc-knob {
  left: 20px;
  background: var(--lf-success);
}
.bc-toggle:disabled { opacity: 0.5; cursor: default; }

/* Read-only beta badge (operators without ota write) */
.bc-badge {
  font-size: 10px;
  padding: 3px 10px;
  border-radius: 10px;
  color: var(--lf-text-dim);
  background: var(--lf-btn-bg);
  border: 1px solid var(--lf-border-strong);
}
.bc-badge.on {
  color: var(--lf-success);
  background: var(--lf-success-bg);
  border-color: var(--lf-success-border);
}