#push-bell{
  position:fixed; bottom:126px; right:10px; width:56px; height:56px;
  background:#4581b9 url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffffff' d='M12 22a2 2 0 0 0 2-2h-4a2 2 0 0 0 2 2zm6-6V11a6 6 0 1 0-12 0v5l-2 2v1h18v-1l-2-2z'/></svg>") no-repeat center;
  background-size:28px 28px; border:none; border-radius:50%;
  box-shadow:0 3px 6px rgba(0,0,0,.3); cursor:pointer; z-index:9999;
}
#push-bell.active{ box-shadow:0 0 0 2px #fff inset, 0 3px 6px rgba(0,0,0,.3); }

#push-cta{
  position:fixed; top:-600px; left:50%; transform:translateX(-50%); z-index:10000;
  width:740px; max-width:95%; background:#fff; border-radius:12px;
  box-shadow:0 12px 32px rgba(0,0,0,.25);
  padding:14px 16px; transition:top .25s ease;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#1e1e1e;
}
#push-cta.show{ top:16px; }

#push-cta .tnp-row{ display:flex; align-items:flex-start; gap:16px; }
#push-cta .tnp-logo{ width:72px; height:72px; border-radius:50%; overflow:hidden; flex:0 0 auto; box-shadow:0 0 0 1px #ddd inset; }
#push-cta .tnp-logo img{ width:100%; height:100%; object-fit:cover; }

#push-cta .tnp-copy{ display:flex; flex-direction:column; gap:10px; flex:1; }
#push-cta .tnp-line{ font-size:16px; font-weight:600; }
#push-cta .tnp-actions{ display:flex; align-items:center; gap:18px; }

#push-cta .tnp-close{ background:none; border:none; color:#1e4876; cursor:pointer; font-weight:700; padding:6px 8px; }

#push-cta .tnp-cta{
  background:#4581b9; color:#fff; border:none; border-radius:6px;
  padding:10px 18px; font-weight:800; cursor:pointer;
  box-shadow:0 2px 6px rgba(69,129,185,.35);
}
#push-cta .tnp-cta:hover{ filter:brightness(.95); }

#push-cta .tnp-toggle{ display:flex; align-items:center; gap:8px; font-weight:600; color:#1e1e1e; }
#push-cta .tnp-toggle input{ width:18px; height:18px; accent-color:#4581b9; }

/* === Kanal-Checkboxen === */
#push-cta .tnp-channels{
  margin:4px 0 6px;
}
#push-cta .tnp-channels-title{
  font-size:13px; font-weight:600; color:#444; margin-bottom:6px;
}
#push-cta .tnp-channels-grid{
  display:flex; flex-wrap:wrap; gap:4px 14px;
}
#push-cta .tnp-channel-label{
  display:flex; align-items:center; gap:5px;
  font-size:13px; color:#333; cursor:pointer;
  padding:2px 0;
}
#push-cta .tnp-channel-label input[type="checkbox"]{
  width:15px; height:15px; accent-color:#4581b9;
  margin:0; cursor:pointer;
}
#push-cta .tnp-channel-label span{
  line-height:1.3;
}

/* Mobile */
@media (max-width:600px){
  #push-cta{ width:96%; padding:12px; }
  #push-cta .tnp-row{ flex-direction:column; align-items:center; text-align:center; gap:10px; }
  #push-cta .tnp-copy{ align-items:center; }
  #push-cta .tnp-channels-grid{ justify-content:center; }
  #push-cta .tnp-actions{ flex-wrap:wrap; justify-content:center; }
}