/* TrafficMember V126 — navigation collision + logo + lightweight meteor layer */
html,body{overflow-x:hidden!important}
/* New official TrafficMember logo */
.st-top-brand img,.st-side-brand img,.brand img,.ba-brand img,.admin-brand img{object-fit:contain!important;background:#fff!important}

/* Member sidebar: opaque, compact and collision-proof */
.tm-modern-member .compact-member-sidebar{
  position:fixed!important;left:0!important;top:0!important;bottom:0!important;
  width:min(278px,86vw)!important;z-index:1600!important;isolation:isolate!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  background:#071421!important;
  border-right:1px solid rgba(91,155,202,.18)!important;
  box-shadow:18px 0 48px rgba(0,0,0,.34)!important;
}
.tm-modern-member .compact-member-sidebar::before{
  content:"";position:absolute;right:-70px;top:72px;width:150px;height:2px;
  transform:rotate(-27deg);transform-origin:right center;
  background:linear-gradient(90deg,transparent,rgba(155,215,255,.10),rgba(255,255,255,.85),transparent);
  filter:blur(.35px);opacity:.72;pointer-events:none;z-index:0;
  animation:tm126Meteor 7.5s linear infinite;
}
@keyframes tm126Meteor{
  0%{translate:70px -40px;opacity:0}
  12%{opacity:.75}
  42%{translate:-280px 150px;opacity:.8}
  43%,100%{translate:-420px 215px;opacity:0}
}
.tm-modern-member .compact-member-sidebar>*{position:relative!important;z-index:1!important}
.tm-modern-member .compact-member-sidebar .st-side-name b{display:block!important;line-height:1.25!important}
.tm-modern-member .compact-member-sidebar .st-side-name small{display:block!important;margin-top:3px!important;line-height:1.15!important}
.tm-modern-member .compact-member-sidebar .ct-nav .ct-link{
  position:relative!important;z-index:2!important;width:100%!important;box-sizing:border-box!important;
  min-height:43px!important;white-space:nowrap!important;overflow:hidden!important;
}
.tm-modern-member .compact-member-sidebar .ct-nav .ct-link span:last-child{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tm-modern-member .compact-member-sidebar .ct-nav .ct-link.active{box-shadow:inset 3px 0 0 #6db7ff!important}
.tm-modern-member .compact-member-sidebar .ct-nav-divider{margin:9px 10px!important}
.tm-modern-member .compact-member-sidebar .st-side-bottom{position:sticky!important;bottom:0!important;background:#071421!important;z-index:3!important}

/* Topbar gets a single, very light meteor streak */
.tm-modern-member .st-topbar{position:sticky!important;isolation:isolate!important;overflow:hidden!important}
.tm-modern-member .st-topbar::after{
  content:"";position:absolute;right:-80px;top:12px;width:110px;height:2px;transform:rotate(-24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
  opacity:.5;filter:blur(.3px);pointer-events:none;z-index:0;
  animation:tm126TopMeteor 9s linear infinite;
}
.tm-modern-member .st-top-left,.tm-modern-member .st-top-actions{position:relative!important;z-index:2!important}
@keyframes tm126TopMeteor{
  0%,72%{translate:100px -30px;opacity:0}
  76%{opacity:.55}
  84%{translate:-360px 130px;opacity:.15}
  86%,100%{translate:-460px 175px;opacity:0}
}

/* Keep logo mark crisp inside the compact square frame */
.tm-modern-member .st-top-brand img,.tm-modern-member .st-side-brand img{padding:4px!important}

/* Source page button stack: never allow labels to overlap */
.source-actions-row{align-items:center!important}
.source-actions-row .admin-btn{position:relative!important;z-index:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.15!important;white-space:nowrap!important;min-height:42px!important}
.source-card{contain:layout paint!important}

/* Reduced motion / low-power devices */
@media(max-width:760px){
  .tm-modern-member .compact-member-sidebar{width:min(286px,84vw)!important}
  .tm-modern-member .compact-member-sidebar::before{animation-duration:10s!important;opacity:.5!important}
  .tm-modern-member .st-topbar::after{animation-duration:12s!important;opacity:.35!important}
}
@media(prefers-reduced-motion:reduce){
  .tm-modern-member .compact-member-sidebar::before,.tm-modern-member .st-topbar::after{animation:none!important;display:none!important}
}