.community-popup-v1{position:fixed;right:18px;top:18px;z-index:99999;display:flex;gap:10px;align-items:center;min-width:290px;max-width:390px;padding:13px 15px;background:#102517;border:1px solid #3d713d;border-radius:13px;color:#eef7ef;box-shadow:0 15px 45px #0008;transform:translateY(-15px);opacity:0;transition:.25s;text-decoration:none}.community-popup-v1.show{transform:none;opacity:1}.community-popup-v1 span{font-size:22px}.community-popup-v1 strong{display:block;font-size:13px}.community-popup-v1 small{display:block;color:#a5b4a8;font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.community-popup-v1{left:10px;right:10px;top:10px;min-width:0;max-width:none}}
.notification-settings-v2{max-width:980px;margin:0 auto}.notification-head-v2{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid rgba(120,223,69,.10)}.notification-kicker-v2{font-size:10px;font-weight:950;letter-spacing:1.2px;color:#78df45;margin-bottom:7px}.notification-success-v2{margin:16px 0 0;padding:11px 13px;border:1px solid #315d37;border-radius:10px;background:#0b2110;color:#a9ed8a;font-size:12px;font-weight:800}.notification-grid-v2{display:grid;gap:12px;margin-top:18px}.notification-option-v2{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;padding:17px;border:1px solid #28442e;border-radius:14px;background:linear-gradient(135deg,#0c1d10,#09160c)}.notification-icon-v2{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#142a18;border:1px solid #31583a;font-size:21px}.notification-option-copy-v2 strong{display:block;font-size:14px}.notification-option-copy-v2 span{display:block;color:#91a196;font-size:11px;line-height:1.5;margin-top:3px}.notification-status-v2{display:block;color:#78df45;font-size:10px;margin-top:6px}.notification-form-v2{display:grid;gap:9px}.notification-toggle-v2{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 17px;border:1px solid #1e3524;border-radius:13px;background:#08150b;cursor:pointer}.notification-toggle-v2:hover{border-color:#31583a}.notification-toggle-v2 b{display:block;font-size:12px}.notification-toggle-v2 small{display:block;color:#718278;font-size:10px;margin-top:3px;line-height:1.45}@media(max-width:700px){.notification-head-v2{flex-direction:column}.notification-option-v2{grid-template-columns:42px 1fr}.notification-option-v2 .notification-enable-v2{grid-column:1/-1;width:100%}.notification-toggle-v2{align-items:flex-start}.notification-toggle-v2 input{margin-top:1px}}

.notification-toggle-v2 input:disabled{opacity:.45;cursor:not-allowed}

/* v14: robuste Toggle-Schalter – kein ::before/::after auf input (Browser-kompatibel) */
.notification-toggle-v2{position:relative}.notification-toggle-v2 input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.cm-switch-ui-v14{position:relative;display:inline-flex;align-items:center;flex:0 0 54px;width:54px;height:30px;border-radius:999px;background:#15251a;border:1px solid #38523d;box-sizing:border-box;transition:background .18s,border-color .18s,box-shadow .18s;cursor:pointer}.cm-switch-ui-v14 i{display:block;width:22px;height:22px;margin-left:3px;border-radius:50%;background:#a1aea5;box-shadow:0 1px 5px rgba(0,0,0,.45);transition:transform .18s,background .18s}.notification-toggle-v2 input:checked + .cm-switch-ui-v14{background:#72d746;border-color:#8be965;box-shadow:0 0 0 2px rgba(120,223,69,.10)}.notification-toggle-v2 input:checked + .cm-switch-ui-v14 i{transform:translateX(24px);background:#071008}.notification-toggle-v2 input:focus-visible + .cm-switch-ui-v14{box-shadow:0 0 0 3px rgba(120,223,69,.28)}.notification-toggle-v2 input:disabled + .cm-switch-ui-v14{opacity:.45;cursor:not-allowed}.notification-toggle-v2:hover .cm-switch-ui-v14{border-color:#4d7655}@media(max-width:700px){.notification-toggle-v2{align-items:center}.notification-toggle-v2 input{margin:-1px!important}}

/* v16: notification toggles – fixed alignment and visible state */
.notification-toggle-v2{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  width:100%;
  min-width:0;
  padding:16px 17px;
  border:1px solid #1e3524;
  border-radius:13px;
  background:#08150b;
  cursor:pointer;
}
.notification-toggle-v2 > span:first-child{
  min-width:0;
  flex:1 1 auto;
}
.notification-toggle-v2 > span:first-child b{display:block;font-size:12px}
.notification-toggle-v2 > span:first-child small{
  display:block;
  color:#718278;
  font-size:10px;
  margin-top:3px;
  line-height:1.45;
}
.notification-toggle-v2 input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.notification-toggle-v2 .cm-switch-ui-v14{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex:0 0 62px;
  width:62px;
  height:32px;
  margin-left:auto;
  padding:3px;
  border-radius:999px;
  background:#101a13;
  border:1px solid #3c5742;
  box-sizing:border-box;
  cursor:pointer;
  transition:background .18s,border-color .18s,box-shadow .18s;
}
.notification-toggle-v2 .cm-switch-ui-v14:after{
  content:"AUS";
  position:absolute;
  right:7px;
  top:9px;
  color:#7b8980;
  font-size:7px;
  line-height:1;
  font-weight:950;
  letter-spacing:.4px;
}
.notification-toggle-v2 .cm-switch-ui-v14 i{
  position:relative;
  z-index:2;
  display:block;
  width:24px;
  height:24px;
  margin:0;
  flex:0 0 24px;
  border-radius:50%;
  background:#aab5ad;
  box-shadow:0 1px 5px rgba(0,0,0,.45);
  transition:transform .18s,background .18s;
}
.notification-toggle-v2 input:checked + .cm-switch-ui-v14{
  background:linear-gradient(135deg,#83e950,#5fbe35);
  border-color:#91ef65;
  box-shadow:0 0 0 2px rgba(120,223,69,.10),0 5px 16px rgba(77,190,48,.14);
  justify-content:flex-end;
}
.notification-toggle-v2 input:checked + .cm-switch-ui-v14:after{
  content:"AN";
  left:8px;
  right:auto;
  color:#071008;
}
.notification-toggle-v2 input:checked + .cm-switch-ui-v14 i{
  background:#071008;
}
.notification-toggle-v2 input:focus-visible + .cm-switch-ui-v14{
  box-shadow:0 0 0 3px rgba(120,223,69,.28);
}
.notification-toggle-v2:hover .cm-switch-ui-v14{
  border-color:#5b805f;
}
@media(max-width:700px){
  .notification-toggle-v2{align-items:center}
  .notification-toggle-v2 .cm-switch-ui-v14{flex-basis:58px;width:58px}
}

/* v17 FINAL: notification switch position is independent of layout */
form#community-preferences-form label.notification-toggle-v2{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:64px!important;
  padding:16px 100px 16px 17px!important;
  box-sizing:border-box!important;
}
form#community-preferences-form label.notification-toggle-v2 > span:first-child{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}
form#community-preferences-form label.notification-toggle-v2 > input[type="checkbox"]{
  position:absolute!important;
  left:-9999px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
form#community-preferences-form label.notification-toggle-v2 > span.cm-switch-ui-v14{
  position:absolute!important;
  z-index:5!important;
  right:17px!important;
  left:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:62px!important;
  height:32px!important;
  min-width:62px!important;
  max-width:62px!important;
  padding:3px!important;
  margin:0!important;
  border-radius:999px!important;
  background:#101a13!important;
  border:1px solid #3c5742!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
}
form#community-preferences-form label.notification-toggle-v2 > span.cm-switch-ui-v14 i{
  display:block!important;
  position:relative!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  margin:0!important;
  border-radius:50%!important;
  background:#aab5ad!important;
  transform:none!important;
  transition:transform .18s,background .18s!important;
}
form#community-preferences-form label.notification-toggle-v2 > input[type="checkbox"]:checked + span.cm-switch-ui-v14{
  justify-content:flex-end!important;
  background:#72d746!important;
  border-color:#91ef65!important;
}
form#community-preferences-form label.notification-toggle-v2 > input[type="checkbox"]:checked + span.cm-switch-ui-v14 i{
  transform:none!important;
  background:#071008!important;
}
form#community-preferences-form label.notification-toggle-v2 > span.cm-switch-ui-v14:after{
  content:""!important;
}
form#community-preferences-form label.notification-toggle-v2 > input[type="checkbox"]:checked + span.cm-switch-ui-v14:after{
  content:""!important;
}
@media(max-width:700px){
  form#community-preferences-form label.notification-toggle-v2{
    padding-right:92px!important;
  }
  form#community-preferences-form label.notification-toggle-v2 > span.cm-switch-ui-v14{
    right:14px!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
  }
}

/* v19: classic ON/OFF switch – modeled after the supplied reference */
form#community-preferences-form label.notification-toggle-v2 > span.cm-switch-ui-v14{
  position:absolute!important;
  right:17px!important;
  left:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:78px!important;
  height:40px!important;
  min-width:78px!important;
  max-width:78px!important;
  padding:4px!important;
  display:block!important;
  box-sizing:border-box!important;
  border-radius:999px!important;
  background:#7f8994!important;
  border:2px solid #aab1b8!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.15)!important;
  overflow:hidden!important;
}
form#community-preferences-form label.notification-toggle-v2 > span.cm-switch-ui-v14 i{
  position:absolute!important;
  left:4px!important;
  top:4px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  margin:0!important;
  border-radius:50%!important;
  background:#f5f5f5!important;
  border:1px solid #e5e5e5!important;
  box-shadow:0 2px 5px rgba(0,0,0,.25)!important;
  transform:none!important;
  transition:left .2s ease,background .2s ease!important;
}
form#community-preferences-form label.notification-toggle-v2 > span.cm-switch-ui-v14:before{
  content:"OFF"!important;
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.2px!important;
  line-height:1!important;
}
form#community-preferences-form label.notification-toggle-v2 > input[type="checkbox"]:checked + span.cm-switch-ui-v14{
  background:#4db7c1!important;
  border-color:#6bc9d1!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.12),0 0 0 2px rgba(77,183,193,.10)!important;
}
form#community-preferences-form label.notification-toggle-v2 > input[type="checkbox"]:checked + span.cm-switch-ui-v14 i{
  left:40px!important;
  background:#f8f8f8!important;
}
form#community-preferences-form label.notification-toggle-v2 > input[type="checkbox"]:checked + span.cm-switch-ui-v14:before{
  content:"ON"!important;
  left:10px!important;
  right:auto!important;
}
form#community-preferences-form label.notification-toggle-v2:hover > span.cm-switch-ui-v14{
  filter:brightness(1.04)!important;
}
@media(max-width:700px){
  form#community-preferences-form label.notification-toggle-v2 > span.cm-switch-ui-v14{
    right:14px!important;
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:38px!important;
  }
  form#community-preferences-form label.notification-toggle-v2 > span.cm-switch-ui-v14 i{
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
  }
  form#community-preferences-form label.notification-toggle-v2 > input[type="checkbox"]:checked + span.cm-switch-ui-v14 i{
    left:37px!important;
  }
}

/* v20 desktop permission action */
#community-desktop-enable{min-width:190px;text-align:center;cursor:pointer}
#community-desktop-enable:hover{filter:brightness(1.06)}