/* Häkchen überall als Schieberegler (wie Push-Benachrichtigungen). Versteckte
   Hilfs-Häkchen (Menü, Bearbeiten-Modus, Push-Schalter) bleiben unberührt. */
input[type=checkbox]:not([hidden]):not([data-push-toggle]){
  -webkit-appearance:none;appearance:none;flex:none;position:relative;cursor:pointer;
  width:44px;max-width:none;height:24px;padding:0;margin:0;border:none;border-radius:999px;
  background:var(--muted, #8a8174);vertical-align:middle;transition:background .15s ease}
input[type=checkbox]:not([hidden]):not([data-push-toggle])::before{
  content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;
  background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .25);transition:transform .15s ease}
input[type=checkbox]:not([hidden]):not([data-push-toggle]):checked{background:var(--accent, #5e6b54)}
input[type=checkbox]:not([hidden]):not([data-push-toggle]):checked::before{transform:translateX(20px)}
input[type=checkbox]:not([hidden]):not([data-push-toggle]):focus-visible{
  outline:3px solid var(--accent-soft);outline-offset:2px;box-shadow:none}
input[type=checkbox]:not([hidden]):not([data-push-toggle]):disabled{opacity:.5;cursor:not-allowed}
/* Beschriftung neben dem Schalter statt darüber */
label:has(> input[type=checkbox]:not([hidden])){display:flex;align-items:center;gap:10px;
  font-size:14px;font-weight:500;color:var(--ink);margin:6px 0;cursor:pointer}
form p:has(> input[type=checkbox]:not([hidden])){display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
form p:has(> input[type=checkbox]:not([hidden])) > label{margin:0;order:2}
form p:has(> input[type=checkbox]:not([hidden])) > .helptext{order:3;flex-basis:100%}