.kb-personal-info-badge{
  z-index:2147483000;
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.82);
  border-radius:999px;
  background:linear-gradient(145deg,#ff334f,#b90023);
  color:#fff!important;
  box-shadow:0 5px 18px rgba(0,0,0,.52),0 0 0 3px rgba(0,126,255,.24);
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent;
}
.kb-personal-info-badge--header{
  position:relative!important;
  inset:auto!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  flex:0 0 42px!important;
  margin:0 6px 0 0!important;
  padding:0!important;
  overflow:visible!important;
}
.kb-personal-info-badge--floating{
  position:fixed!important;
  top:max(8px,env(safe-area-inset-top))!important;
  right:max(10px,env(safe-area-inset-right))!important;
  bottom:auto!important;
  left:auto!important;
  margin:0!important;
}
/* Mobile Regel: eine Info-Glocke darf in KickerBay niemals am unteren
   Bildschirmrand auftauchen. Auch fremde/ältere Overrides werden überstimmt. */
@media (max-width:820px), (pointer:coarse){
  body .kb-personal-info-badge--floating{
    position:fixed!important;
    top:max(8px,env(safe-area-inset-top))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:auto!important;
    left:auto!important;
  }
}
.kb-personal-info-badge[hidden]{display:none!important}
.kb-personal-info-badge>span{font-size:17px;line-height:1;filter:drop-shadow(0 1px 2px #640014)}
.kb-personal-info-badge>strong{
  position:absolute;
  top:-7px;
  right:-8px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid #fff;
  border-radius:999px;
  background:#ff002b;
  color:#fff;
  font:900 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
}
/* R200: Bei null persönlichen Infos bleibt nur die Glocke sichtbar.
   Der leere rote Zähler wird auch dann sicher ausgeblendet, wenn die
   allgemeine Badge-Regel das native hidden-Attribut überschreiben würde. */
.kb-personal-info-badge>strong[hidden]{display:none!important}
@media (min-width:821px) and (pointer:fine){.kb-personal-info-badge{display:none!important}}
@media (max-width:820px), (pointer:coarse){.kb-original-notification-hidden-mobile{display:none!important}}
@media (prefers-reduced-motion:no-preference){
  .kb-personal-info-badge:not([hidden]){animation:kbInfoBadgeIn .28s ease-out both}
  @keyframes kbInfoBadgeIn{from{opacity:0;transform:scale(.62)}to{opacity:1;transform:scale(1)}}
}


/* KickerBay Mobile Shell r112: Auf Unterseiten bleibt dieselbe obere
   Team-/Buttonleiste dauerhaft sichtbar. */
.kb-mobile-persistent-shell,.kb-mobile-persistent-shell-spacer{display:none}
@media (max-width:820px), (pointer:coarse){
  .kb-mobile-persistent-shell{
    position:fixed!important;left:0!important;right:0!important;top:0!important;z-index:2147483600!important;
    display:grid!important;grid-template-rows:auto auto!important;gap:7px!important;
    min-height:104px!important;padding:max(7px,env(safe-area-inset-top)) 10px 8px!important;box-sizing:border-box!important;
    background:linear-gradient(145deg,#061a31 0%,#082b51 62%,#071a30 100%)!important;
    border-bottom:2px solid #ff1744!important;box-shadow:0 7px 20px rgba(0,0,0,.55)!important;
    color:#fff!important;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important;
  }
  .kb-mobile-persistent-shell-spacer{display:block!important;height:calc(104px + max(7px,env(safe-area-inset-top)))!important;min-height:calc(104px + max(7px,env(safe-area-inset-top)))!important;width:100%!important;pointer-events:none!important}
  .kb-mobile-shell-brand{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;height:44px!important}
  .kb-mobile-shell-logo{width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;object-fit:contain!important;background:#fff!important;box-shadow:0 0 0 2px rgba(255,255,255,.16)!important}
  .kb-mobile-shell-brandtext{min-width:0!important;line-height:1.06!important;color:#fff!important}
  .kb-mobile-shell-team{font:900 18px/1.05 system-ui,-apple-system,"Segoe UI",sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .kb-mobile-shell-user{margin-top:2px!important;font:800 13px/1.05 system-ui,-apple-system,"Segoe UI",sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .kb-mobile-shell-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;min-width:0!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .kb-mobile-shell-actions::-webkit-scrollbar{display:none!important}
  .kb-mobile-shell-action,.kb-mobile-shell-avatar,.kb-mobile-shell-info-host{
    position:relative!important;width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;flex:0 0 40px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.58)!important;border-radius:10px!important;background:linear-gradient(180deg,#fff,#e8eef4)!important;
    color:#102033!important;text-decoration:none!important;font-size:20px!important;line-height:1!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;padding:0!important;
  }
  .kb-mobile-shell-action[aria-current="page"]{outline:2px solid #58c7ff!important;box-shadow:0 0 0 3px rgba(20,140,255,.22),0 2px 8px rgba(0,0,0,.3)!important}
  .kb-mobile-shell-info-host{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
  .kb-mobile-shell-info-host .kb-personal-info-badge--header{margin:0!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex:0 0 40px!important}
  .kb-mobile-shell-avatar{overflow:hidden!important;border:2px solid #d6b54a!important;background:#111!important;font-size:19px!important}
  .kb-mobile-shell-avatar img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
  .kb-mobile-shell-avatar-fallback{font-size:20px!important}
  /* Im Shell-Kopf bleibt die Glocke auch bei 0 Infos sichtbar; nur die Zahl verschwindet. */
  .kb-mobile-persistent-shell .kb-personal-info-badge[hidden]{display:flex!important}
}