/* Connected nodes fit the panel without horizontal scrolling. */
#connectedNodesPanel .tableScroll{overflow:visible;min-width:0}
#connectedNodesPanel table{display:block;min-width:0!important;width:100%;max-width:100%}
#connectedNodesPanel thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#connectedNodesPanel tbody{display:grid;gap:12px;width:100%;min-width:0}
#connectedNodesPanel tr{display:block;width:100%;min-width:0;padding:12px;border:1px solid #2b3d56;border-radius:12px;background:#0b1422}
#connectedNodesPanel td{display:block;width:100%;min-width:0;border:0;padding:4px 0;overflow-wrap:anywhere;white-space:normal}
#connectedNodesPanel td:not([colspan]):before{display:inline-block;min-width:6rem;margin-right:8px;color:#adc2d8;font-weight:600}
#connectedNodesPanel td:nth-child(1):not([colspan]):before{content:'Node'}
#connectedNodesPanel td:nth-child(2):before{content:'State'}
#connectedNodesPanel td:nth-child(3):before{content:'Duration'}
#connectedNodesPanel td:nth-child(4):before{content:'Direction'}
#connectedNodesPanel td:nth-child(5):before{content:'Controls';display:block}
#connectedNodesPanel td button{display:block;width:100%;min-width:0;min-height:44px;margin:6px 0}