/* v1.9.6 — real XFCE workstation in same authenticated lab viewport. */
.node-shape.desktop-node{fill:#dff3fc;stroke:#39a0bf}
html[data-theme="dark"] .node-shape.desktop-node{fill:#0e4660;stroke:#61c4e8}
.desktop-workspace{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;height:100%;background:#0a1422;color:#d9ecff}
.desktop-workspace[hidden],#terminal[hidden]{display:none!important}
.desktop-banner{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid #38506a;background:#142a40;font-size:12px}
.desktop-banner span{font-size:11px;color:#a4c7e7;flex:1}
.desktop-banner b{color:#6fd4ef}
.desktop-canvas{flex:1;min-height:280px;min-width:0;width:100%;height:100%;background:#101820;display:flex;justify-content:center;align-items:center;overflow:hidden}
.desktop-canvas canvas{max-width:100%;max-height:100%}
.lesson-inline-page .desktop-workspace{min-height:0}
.lesson-inline-page .desktop-canvas{min-height:180px}
#inline-console.expanded .desktop-workspace{flex:1;min-height:0}
@media(max-width:620px){.desktop-banner{gap:5px}.desktop-banner span{flex-basis:100%}.desktop-canvas{min-height:270px}}

/* v1.9.6.3 — readable workstation controls, separately from lesson/IOS styles. */
.desktop-banner{font-size:13px;min-height:44px;gap:9px;background:#172b40;border-color:#526c85}
.desktop-banner b{color:#c6f4ff;font-size:13px;white-space:nowrap}
.desktop-banner span{font-size:12px;color:#cfdeed;min-width:0}
.desktop-view-controls{display:flex;gap:4px;align-items:center;flex:none;margin-left:auto}
.desktop-view-btn{font:600 12px/1.3 system-ui,sans-serif;color:#e8f4ff;background:#213b56;border:1px solid #6283a4;border-radius:6px;padding:7px 11px;min-height:34px;white-space:nowrap;cursor:pointer}
.desktop-view-btn:hover,.desktop-view-btn:focus-visible{background:#315b7d;outline:2px solid #72ccfc;outline-offset:1px}
.desktop-view-btn.is-selected{background:#1269ab;border-color:#65baff;color:#fff}
.desktop-canvas{min-height:0;overflow:hidden}
.desktop-canvas[data-desktop-view="native"]{justify-content:flex-start;align-items:flex-start}
.desktop-canvas[data-desktop-view="native"]>div{overflow:auto!important}
.desktop-workspace:fullscreen{display:flex!important;flex-direction:column;width:100vw;height:100dvh;background:#081522;border-radius:0}
.desktop-workspace:fullscreen .desktop-canvas{flex:1;min-height:0}
.desktop-workspace:fullscreen .desktop-banner{padding:10px 16px}
@media(max-width:780px){.desktop-banner span{display:none}.desktop-banner{flex-wrap:wrap;gap:6px}.desktop-view-controls{margin-left:0}.desktop-view-btn{padding:6px 9px}}
@media(max-width:440px){.desktop-banner b{width:100%}.desktop-view-btn{font-size:11px}}
.desktop-canvas[data-desktop-view="native"] canvas{max-width:none;max-height:none}
.desktop-banner [data-action="desktop-reconnect"]{min-height:34px;font-size:12px}

/* v1.9.7: larger workstation and more usable chrome. Pixel-perfect canvas scaling remains owned by noVNC. */
.desktop-workspace .desktop-banner {padding:11px 12px;min-height:49px}
.desktop-workspace .desktop-canvas {background:#111c2d;min-height:190px}
.desktop-workspace:fullscreen .desktop-canvas {min-height:0}
.desktop-workspace .desktop-banner b {font-size:14px}
.desktop-workspace .desktop-fullscreen-btn {background:#145681;border-color:#6bc8f5}
.desktop-workspace .desktop-fullscreen-btn:hover {background:#1d739f}