/* Cross-floor destinations stay readable independently of the drawing zoom. */
.floor-remote-layer { position: absolute; inset: 0; z-index: 10; pointer-events: none; }
.floor-remote-group { position: absolute; display: flex; flex-direction: column; overflow: hidden; box-sizing: border-box; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: var(--text); box-shadow: 0 5px 16px #0003; transform-origin: top left; pointer-events: auto; }
.floor-remote-group header { display: flex; align-items: center; gap: 8px; flex: none; padding: 8px 10px; border-bottom: 1px solid var(--border); background: var(--surface-3); font-size: 14px; line-height: 1.4; }
.floor-remote-group header strong { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.floor-remote-group header small { font-size: 14px; color: var(--muted); }
.floor-remote-list { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.floor-remote-link { display: grid; gap: 3px; width: 100%; min-height: 52px; padding: 8px 10px; border: 0; border-left: 3px solid var(--remote-color); border-bottom: 1px solid var(--border); background: var(--surface); color: var(--text); font: inherit; font-size: 14px; line-height: 1.4; text-align: left; cursor: pointer; overflow-wrap: anywhere; }
.floor-remote-link:last-child { border-bottom: 0; }
.floor-remote-link span { color: var(--muted); font-size: 14px; }
.floor-remote-link:hover,.floor-remote-link:focus-visible { background: var(--blue-soft); outline: 2px solid var(--blue); outline-offset: -3px; }
.floor-inline-port.floor-remote-target-port { outline: 2px solid var(--blue); outline-offset: 3px; }
@media print { .floor-remote-group { box-shadow: none; } }