.workspace-connection-button{color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:5px 3px;font-size:11px;display:inline-flex}.workspace-connection-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:7px;height:7px}.access-page>.workspace-connection-button{position:fixed;top:20px;right:24px}.workspace-connection-button[data-state=connected] .workspace-connection-dot{background:var(--teal)}.workspace-connection-button[data-state=error]{color:var(--red)}.workspace-connection-button[data-state=error] .workspace-connection-dot{background:var(--red);box-shadow:0 0 0 3px color-mix(in srgb, var(--red) 14%, transparent)}.workspace-connection-panel{z-index:1200;pointer-events:auto;border:1px solid var(--line);background:var(--panel);width:340px;max-width:calc(100vw - 24px);color:var(--text);border-radius:9px;padding:14px;font-size:12px;position:fixed;overflow:auto;box-shadow:0 8px 30px #0004}.workspace-connection-panel header,.workspace-connection-panel footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.workspace-connection-panel ul{margin:12px 0;padding:0;list-style:none}.workspace-connection-panel li{border-top:1px solid var(--line);padding:10px 0}.workspace-connection-panel li p{overflow-wrap:anywhere;margin:0 0 4px}.workspace-connection-panel time{color:var(--muted);font-size:10px}@media (max-width:600px){.workspace-connection-button .connection-label{display:none}.workspace-connection-button{padding:10px}}