/* Shared on/off palette; retain each component's size and thumb movement. */
:root { --wy-switch-off: #262626; }
:is(.app-shell, dialog.modal) :is(.prototype-switch,.payload-switch),
:is(.app-shell, dialog.modal) input.quick-switch,
:is(.app-shell, dialog.modal) .tenant-status input,
dialog.route-planner-modal .route-settings-panel .rs-switch input,
.app-shell .route-library-map .route-layer-switch .route-layer-track,
.app-shell .route-enable-toggle .route-enable-track {
  background: var(--wy-switch-off);
  border-color: var(--wy-switch-off);
}
:is(.app-shell, dialog.modal) :is(.prototype-switch,.payload-switch).on,
:is(.app-shell, dialog.modal) input.quick-switch:checked,
:is(.app-shell, dialog.modal) .tenant-status input:checked,
dialog.route-planner-modal .route-settings-panel .rs-switch input:checked,
.app-shell .route-library-map .route-layer-switch input:checked + .route-layer-track,
.app-shell .route-enable-toggle[aria-checked="true"] .route-enable-track {
  background: var(--wy-primary, #275BC4);
  border-color: var(--wy-primary, #275BC4);
}
:is(.app-shell, dialog.modal) .prototype-switch::after { background: #fff; }
/* Legacy native-switch declarations use !important. */
:is(.app-shell, dialog.modal) input.native-switch {
  background: var(--wy-switch-off) !important;
  border-color: var(--wy-switch-off) !important;
}
:is(.app-shell, dialog.modal) input.native-switch:checked {
  background: var(--wy-primary, #275BC4) !important;
  border-color: var(--wy-primary, #275BC4) !important;
}
:is(.app-shell, dialog.modal) input.native-switch::before { background: #fff; }
.app-shell .payload-management-page .payload-switch:not(.on),
dialog.payload-management-modal .payload-switch:not(.on) { background: var(--wy-switch-off); }