/* Living Galaxy: all colour comes from the active workspace. */
.nebula-canvas,.stars-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.nebula-canvas{z-index:0}.stars-canvas{z-index:1}#core{z-index:2;width:39%;height:51%;top:50%}#graph{z-index:3}
#empty{z-index:4}#dragHint{z-index:5}
.universe{background:#040811;border-color:color-mix(in srgb,var(--primary) 35%,#1a2432);box-shadow:inset 0 0 35px #02050b}
#filters,.graph-footer{background:color-mix(in srgb,var(--primary) 4%,#070d16)}
#filters button{background:color-mix(in srgb,var(--primary) 7%,#080e18)}
.connection-summary{padding:9px 17px 12px;border-bottom:1px solid color-mix(in srgb,var(--accent) 18%,#172333);font-size:11px;color:#a8baca}
.connection-summary p{font-size:10px;line-height:1.5;margin:0 0 9px}
.connection-summary button{font-size:10px;padding:6px 8px}
.connection-state{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:11px;margin:0 0 7px}
.connection-state::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.connection-state.unavailable{color:#97a6b8}
.connection-scope{font-size:10px!important;color:#8c9daf!important}
.item-icon.connection-icon{font-size:12px;letter-spacing:-.03em;border-radius:50%;width:32px;height:32px}
#library .connection-row{padding-left:3px}
@media(max-height:560px){.connection-summary{padding:6px 12px}.connection-summary p{display:none}}
@media(prefers-reduced-motion:reduce){.connection-state::before{box-shadow:none}}