.connectivity-dialog{width:min(1100px,95vw);max-height:92vh;overflow:auto;background:var(--panel,#fff);color:var(--ink,#102033);border:1px solid var(--line,#dbe7f2);border-radius:12px;padding:22px}.connectivity-dialog::backdrop{background:#01070dbb}.connectivity-bar{display:flex;align-items:center;justify-content:space-between;gap:15px}.connectivity-bar h2{margin:0}.connectivity-dialog .card{padding:18px;margin:18px 0}.connectivity-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.connectivity-form h3,.connectivity-form>button{grid-column:1/-1}.connectivity-port{padding:14px 0;border-top:1px solid var(--line);display:flex;align-items:start;gap:12px;flex-wrap:wrap}.connectivity-port>strong{flex:1 1 200px}.connectivity-port>small{color:var(--muted)}.connectivity-port>div{flex-basis:100%}.connectivity-path{list-style:none;padding:0;display:flex;gap:10px;flex-wrap:wrap}.connectivity-path li{padding:10px;border:1px solid var(--line);border-radius:6px;max-width:100%;overflow-wrap:anywhere}.connectivity-path small,.connectivity-edge{display:block;font-size:12px;color:var(--muted);margin-top:7px}.connectivity-edge{color:var(--brand);border-top:1px solid var(--line);padding-top:8px}.connectivity-message{color:var(--bad,#dc2626);overflow-wrap:anywhere}.connectivity-dialog label{min-width:0}.connectivity-dialog input,.connectivity-dialog select{width:100%;min-width:0}.connectivity-dialog [hidden]{display:none!important}@media(max-width:650px){.connectivity-form{grid-template-columns:1fr}.connectivity-dialog{padding:14px}.connectivity-bar h2{font-size:1.1rem}.connectivity-path{display:block}.connectivity-path li{margin:8px 0}}
.connectivity-bar{position:sticky;top:-22px;background:var(--panel,#fff);z-index:2;padding:12px 0;border-bottom:1px solid var(--line)}@media(max-width:650px){.connectivity-bar{top:-14px}}