/* Desktop presenter canvas; the original app components run inside the tablet. */
.slide.is-oversight { width: min(100cqw, 100cqh * 16 / 9); height: min(100cqh, 100cqw * 9 / 16); --u: calc(100cqw / 1440); }
.is-oversight > .intro, .is-oversight > .scene, .is-oversight > .issue-annotations, .is-oversight > .issues, .is-oversight > .takeaway, .is-oversight > .illustrative, .is-oversight > #scene-description { display: none; }
.is-oversight .slide-header { left: calc(62 * var(--u)); right: auto; align-items: flex-start; }
.oversight-screen { position: absolute; inset: 0; }
.oversight-screen[hidden] { display: none; }
.oversight-title { position: absolute; left: calc(62 * var(--u)); top: calc(128 * var(--u)); width: calc(295 * var(--u)); margin: 0; font-size: calc(46 * var(--u)); font-weight: 720; line-height: 1.06; letter-spacing: -.045em; }
.oversight-title span { color: #c4a4e4; }
.oversight-caption { position: absolute; left: calc(62 * var(--u)); top: calc(332 * var(--u)); width: calc(280 * var(--u)); margin: 0; font-size: calc(27 * var(--u)); line-height: 1.25; letter-spacing: -.025em; font-weight: 450; color: #ced7e1; }
.oversight-stages { position: absolute; left: calc(62 * var(--u)); top: calc(490 * var(--u)); width: calc(280 * var(--u)); display: flex; gap: calc(5 * var(--u)); margin: 0; padding: 0; list-style: none; }
.oversight-stages li { flex: 1; height: calc(5 * var(--u)); background: #30343c; border-radius: 4px; }
.oversight-stages .is-current { background: #c4a4e4; }
.oversight-stages .is-done { background: #7091a6; }
.oversight-note { position: absolute; left: calc(62 * var(--u)); top: calc(530 * var(--u)); width: calc(280 * var(--u)); margin: 0; color: #9caab7; font-size: calc(19 * var(--u)); line-height: 1.4; }
.oversight-window { position: absolute; top: calc(105 * var(--u)); left: calc(390 * var(--u)); width: calc(1000 * var(--u)); height: calc(640 * var(--u)); border: calc(2 * var(--u)) solid #69717e; border-radius: calc(39 * var(--u)); background: linear-gradient(135deg,#343b46,#101319 28%,#171d26 75%,#3e4651); box-shadow: inset 0 0 0 calc(4 * var(--u)) #0c0f14, 0 calc(25 * var(--u)) calc(75 * var(--u)) #0008; }
.oversight-viewport { position: absolute; top: calc(24 * var(--u)); left: 0; right: 0; bottom: calc(16 * var(--u)); overflow: hidden; }
.oversight-viewport iframe { display: block; width: 1000px; height: 585px; border: 0; transform: scale(calc(100cqw / 1493.776px)); transform-origin: top left; pointer-events: none; background: #f8fafc; }
.oversight-screen[data-role='manager'] .oversight-viewport iframe { width: 800px; height: 468px; transform: scale(calc(100cqw / 1195.021px)); }
.oversight-toolbar { position: absolute; top: calc(65 * var(--u)); left: calc(410 * var(--u)); width: calc(960 * var(--u)); height: calc(28 * var(--u)); display: flex; align-items: center; gap: calc(20 * var(--u)); font-size: calc(13 * var(--u)); }
.oversight-role { color: #e2e6ef; font-weight: 550; font-size: calc(15 * var(--u)); }
.oversight-phase { color: #a28cbd; }
.oversight-status { margin-left: auto; color: #9caab7; font-size: calc(12 * var(--u)); }
.oversight-footnote { position: absolute; bottom: calc(20 * var(--u)); left: calc(70 * var(--u)); margin: 0; color: #74808d; font-size: calc(12 * var(--u)); }
.oversight-screen[data-device-view='home'] .tablet-glass, .oversight-screen[data-device-view='opening'] .tablet-glass { background: #1c263d; }
.oversight-screen[data-device-view='home'] .tablet-status, .oversight-screen[data-device-view='opening'] .tablet-status { color: #dbe5f4; }
.oversight-screen[data-device-view='home'] .tablet-home, .oversight-screen[data-device-view='opening'] .tablet-home { background: #dbe5f4; }
.is-oversight .back-control, .is-oversight .advance-control { height: max(40px, calc(44 * var(--u))); font-size: max(14px, calc(17 * var(--u))); }
.is-oversight .advance-control:not(:disabled) { background: #c4a4e4; border-color: #c4a4e4; color: #21192d; font-weight: 550; }