/* The section-state marker remains in the button; its visible form follows
   the existing lower outline, outside the clipped face. */
.banatti-port-segments{display:none !important;}
.banatti-port-outline-host{overflow:visible !important;}
.banatti-port-outline-host-static{position:relative;}
.banatti-port-section-outline{
  position:absolute !important;
  display:block !important;
  overflow:visible !important;
  pointer-events:none !important;
  user-select:none;
  z-index:2147483647;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
}
.banatti-port-section-outline[data-visible="false"]{display:none !important;}
.banatti-port-section-outline *{fill:none;pointer-events:none !important;stroke-linecap:butt;stroke-linejoin:round;}
.banatti-port-outline-base{stroke:#315e0a;stroke-width:1.1;opacity:.82;}
.banatti-port-section-outline[data-active="true"] .banatti-port-outline-base{
  stroke:#142709;
  stroke-width:calc(2.6px * var(--banatti-port-outline-scale,1));
  opacity:1;
}
/* Give every connected tick a quiet lower rail; the current interval alone glows. */
.banatti-port-section-outline[data-outline-family="connected"] .banatti-port-outline-base{
  stroke:#477d1a;
  stroke-width:calc(1.7px * var(--banatti-port-outline-scale,1));
  opacity:.92;
}
.banatti-port-outline-tick-shadow{stroke:#030801;stroke-width:2.8;}
.banatti-port-section-outline[data-outline-family="connected"] .banatti-port-outline-tick-shadow{display:none;}
.banatti-port-outline-ticks{
  stroke:#b9ff85;
  stroke-width:calc(1.5px * var(--banatti-port-outline-scale,1));
  opacity:1;
  filter:drop-shadow(0 0 .7px rgba(117,230,13,.42));
}
.banatti-port-outline-current{display:none;}
.banatti-port-section-outline[data-active="true"] .banatti-port-outline-current[data-current="true"]{
  display:block;
  animation:banattiPortOutlineBreathe 2.6s ease-in-out infinite;
}
.banatti-port-outline-glow{stroke:#75e60d;stroke-width:calc(7px * var(--banatti-port-outline-scale,1));opacity:.22;filter:blur(1.3px);}
.banatti-port-outline-light{stroke:#75e60d;stroke-width:calc(3.6px * var(--banatti-port-outline-scale,1));filter:drop-shadow(0 0 2px rgba(117,230,13,.64));}
.banatti-port-outline-spine{stroke:#c6ff9b;stroke-width:calc(1.1px * var(--banatti-port-outline-scale,1));opacity:.88;}
@keyframes banattiPortOutlineBreathe{0%,100%{opacity:.79;}50%{opacity:1;}}
@media(prefers-reduced-motion:reduce){
  .banatti-port-section-outline[data-active="true"] .banatti-port-outline-current[data-current="true"]{animation:none;opacity:1;}
}