.browser-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;margin:-20px 0 28px;background:#eaf0e1;border:1px solid #dbe5cf;border-radius:6px;font-size:11px;color:#5f754f}.settings-card>.button+.button{margin-left:8px}.connections-graph{background:white;border:1px solid var(--border);border-radius:10px;padding:10px;overflow:auto}.connections-graph>p{padding:25px}.connections-graph svg{display:block;width:100%;min-width:500px;max-height:560px}.connection-line{stroke:#d7e1ce;stroke-width:1}.connection-weight-3{stroke:#78966b;stroke-width:2}.connection-weight-2{stroke:#b7c8a8;stroke-width:1.5}.connection-node{cursor:pointer;outline:none}.connection-node circle{fill:#6d8e59;stroke:white;stroke-width:3}.connection-node:hover circle,.connection-node:focus circle{fill:#263f20;stroke:#adc893;stroke-width:5}.connection-node text{font-family:system-ui,sans-serif;font-size:10px;fill:#506c3c}.connections-list{margin-top:18px}.connection-row{display:flex;align-items:center;gap:8px;padding:12px;background:white;border-bottom:1px solid var(--border);flex-wrap:wrap}.connection-row small{margin-left:auto;color:#89977b;font-size:10px}.connection-row .text-button{text-align:left}.sidebar nav .nav-item:last-child{margin-top:3px}@media(max-width:760px){.browser-banner{margin:0 0 22px;font-size:10px;align-items:flex-start}.connections-graph svg{min-width:400px}.sidebar{gap:7px}.sidebar nav{gap:0}.sidebar nav .nav-item{padding:8px}.connection-row small{width:100%;margin-left:5px}.brand{font-size:21px}.settings-card>.button+.button{margin:10px 0 0}}
