.agentConnection{display:grid;gap:8px;margin:12px 0}.agentConnection button{width:100%}.agentConnectionStatus{font-size:12px;overflow-wrap:anywhere;margin:0}.agentConnectionDialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line,#d4dbe6);border-radius:20px;background:var(--surface,#fff);color:var(--text,#202633);padding:22px}.agentConnectionDialog::backdrop{background:#0009}.agentConnectionDialog h2{margin:0 0 10px}.agentConnectionDialog button{min-height:42px}.agentConnectionDialog .connectionActions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.agentConnectionDialog input{box-sizing:border-box;width:100%;min-height:44px;margin:6px 0}.agentConnectionDialog img{display:block;max-width:100%;height:auto;margin:16px auto;background:white}.agentConnectionDialog video{width:100%;max-height:300px;background:#000;border-radius:12px}.agentConnectionDialog .connectionList{display:grid;gap:8px}.agentConnectionDialog .connectionList button{text-align:start;overflow-wrap:anywhere}.agentConnectionDialog .connectionClose{float:inline-end}.agentConnectionDialog [hidden]{display:none!important}.agentConnectionDialog .connectionCode{font-family:monospace;font-size:12px;overflow-wrap:anywhere;direction:ltr;user-select:all}
.connectionFilters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.connectionFilters select{min-width:0;max-width:210px;min-height:44px}.connectionFilters p{grid-column:1/-1;margin:0 0 8px}.connectionProject{border:1px solid var(--line,#d4dbe6);border-radius:12px;padding:14px;display:grid;gap:8px}.connectionProjectHeading{display:flex;gap:8px;align-items:center}.connectionProjectPath{display:block;font-size:12px;overflow-wrap:anywhere;white-space:normal;text-align:left;user-select:all}.connectionProject p{font-size:12px;margin:0}.connectionProject button{justify-self:start;min-width:120px}@media(max-width:520px){.connectionFilters{grid-template-columns:1fr}.connectionFilters select{max-width:none;width:100%}}