.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(280px,.55fr)}
#camera-screen-wrap{margin-top:10px;background:#02050a;border:1px solid #344a64;border-radius:8px;overflow:hidden;line-height:0;position:relative}
#camera-screen{display:block;width:100%;height:auto;min-height:260px;object-fit:contain;user-select:none}
#screen{min-height:260px}
#camera-screen.control{cursor:none;outline:3px solid #22c55e;outline-offset:-3px}
#camera-remote-pointer{position:absolute;left:0;top:0;width:20px;height:20px;border:2px solid #fff;border-radius:50%;background:#16a34a99;box-shadow:0 0 0 2px #052e16,0 0 14px #22c55e;transform:translate(-50%,-50%);pointer-events:none;display:none;z-index:4}
#camera-remote-pointer::before,#camera-remote-pointer::after{content:"";position:absolute;background:#fff}
#camera-remote-pointer::before{width:2px;height:28px;left:7px;top:-6px}
#camera-remote-pointer::after{width:28px;height:2px;left:-6px;top:7px}
#camera-screen-wrap.control-active #camera-remote-pointer{display:block}
#camera-screen-wrap.control-active{box-shadow:0 0 0 3px #22c55e}
@media(max-width:1400px){.grid{grid-template-columns:1fr 1fr}.grid aside{grid-column:1/-1}}
@media(max-width:900px){.grid{grid-template-columns:1fr}.grid aside{grid-column:auto}}
@media print{body{background:#fff!important;color:#000!important}.brandbar,header,.warning,.grid,main>section:not(#call-log-panel),#print-call-log{display:none!important}main,#app,#call-log-panel{display:block!important}#call-log-panel{border:0!important;box-shadow:none!important;background:#fff!important;color:#000!important;margin:0!important;padding:0!important}.print-subtitle{color:#333!important}#call-log-panel table{font-size:10pt}#call-log-panel th,#call-log-panel td{color:#000!important;border-color:#aaa!important}#call-log-panel h2{font-size:18pt}}
.remote-desktop-panel{padding:0;overflow:hidden}
.remote-desktop-panel .panel-title{padding:14px 18px;margin:0;border-bottom:1px solid #284663;align-items:center}
.remote-desktop-panel .panel-title h2,.remote-desktop-panel .panel-title p{margin:0}
.remote-fullscreen-link{display:inline-block;padding:10px 14px;border-radius:8px;background:#177ddc;color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}
#remote-desktop{display:block;width:100%;height:76vh;min-height:680px;border:0;background:#050b14}
.legacy-live-grid{grid-template-columns:1fr!important}
.legacy-live-grid>.live-panel{display:none!important}
.supremo-launch-panel{padding:24px}
.supremo-launch-content{display:flex;align-items:center;justify-content:space-between;gap:24px}
.supremo-launch-content h2,.supremo-launch-content p{margin:0 0 8px}
.supremo-launch-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 22px;border-radius:10px;background:#1976d2;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 8px 24px #0005;white-space:nowrap}
.supremo-launch-button:hover{filter:brightness(1.15)}
.supremo-security-note{margin:14px 0 0;color:#9fb0c5;font-size:.9rem}
.rdp-web-panel{padding:0;overflow:hidden}
.rdp-web-panel .panel-title{padding:14px 18px;margin:0;border-bottom:1px solid #284663;align-items:center}
.rdp-web-panel .panel-title h2,.rdp-web-panel .panel-title p{margin:0}
#rdp-web-desktop{display:block;width:100%;height:78vh;min-height:700px;border:0;background:#050b14}
@media(max-width:900px){#remote-desktop{height:72vh;min-height:520px}.remote-desktop-panel .panel-title{align-items:flex-start;gap:10px;flex-direction:column}}
@media(max-width:900px){.supremo-launch-content{align-items:stretch;flex-direction:column}.supremo-launch-button{width:100%}}
@media(max-width:900px){#rdp-web-desktop{height:74vh;min-height:540px}.rdp-web-panel .panel-title{align-items:flex-start;gap:10px;flex-direction:column}}