/* Kept visually identical to the /preview/ session window, with real RFB surface. */
.live-remote{background:#061527!important;position:relative;overflow:hidden;display:flex;align-items:stretch;justify-content:center;}
.remote-viewport{position:absolute;inset:0;width:100%;height:100%;outline:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#020912;}
.remote-viewport canvas{max-width:none;max-height:none;outline:none;}
.live-vnc-status{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;background:radial-gradient(circle at center,#12334c,#061527 65%);color:#e9faff;text-align:center;padding:25px;}
.live-vnc-status svg{width:50px;height:50px;color:#17ddfd;}
.live-vnc-status small{font-size:12px;color:#89b9d6;max-width:360px;line-height:1.5;}
.live-vnc-status[hidden]{display:none!important;}
.live-shortcuts{display:flex;flex-wrap:wrap;gap:8px;}
.live-clipboard-label{display:flex;flex-direction:column;gap:8px;color:#bedef3;font-size:12px;margin:16px 0;}
.live-clipboard-label textarea{background:#061b2e;border:1px solid #2c546a;color:white;border-radius:8px;min-height:110px;padding:12px;resize:vertical;font:inherit;}
#gateway-state{font-size:12px;color:#97bbd2;}
#gateway-badge{white-space:nowrap}
#vnc-viewport:focus-visible{outline:2px solid #00d1ef;outline-offset:-2px}
@media(max-width:800px){.page-top .page-safe{display:none}.live-vnc-status strong{font-size:14px}}

/* Separate persistent noVNC surfaces: switching tabs never disconnects a VM. */
#vnc-viewport .vnc-session-surface{position:absolute;inset:0;width:100%;height:100%;display:flex;overflow:hidden;align-items:center;justify-content:center;transform-origin:center center;}
#vnc-viewport .vnc-session-surface[hidden]{display:none!important;}
.session-tabs{min-width:0;overflow-x:auto;}
.session-tab{min-width:0;flex-shrink:0;}
.session-tab .tab-select{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.session-add:disabled{opacity:.4;cursor:not-allowed;}

/* Separate persistent noVNC surfaces: switching tabs never disconnects a VM. */
#vnc-viewport .vnc-session-surface{position:absolute;inset:0;width:100%;height:100%;display:flex;overflow:hidden;align-items:center;justify-content:center;transform-origin:center center;}
#vnc-viewport .vnc-session-surface[hidden]{display:none!important;}
.session-tabs{min-width:0;overflow-x:auto;}
.session-tab{min-width:0;flex-shrink:0;}
.session-tab .tab-select{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.session-add:disabled{opacity:.4;cursor:not-allowed;}