:root{color:#18212b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e9edf2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#e9edf2;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:#25313e;cursor:pointer;background:#fff;border:1px solid #bdc7d1;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 12px;transition:border-color .12s,background-color .12s,color .12s;display:inline-flex}button:hover:not(:disabled){background:#f5f8fa;border-color:#8ea2b7}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #4b88c7}button:disabled{color:#8b98a5;cursor:not-allowed;background:#f3f5f7;border-color:#d5dce3}button.primary{color:#fff;background:#1f73b7;border-color:#17649d}button.primary:hover:not(:disabled){background:#1965a4;border-color:#145887}button svg{flex:none}.app-shell{background:#e9edf2;grid-template-columns:72px minmax(0,1fr);min-height:100vh;display:grid}.side-rail{color:#c8d3de;background:#17212b;border-right:1px solid #1d2a36;flex-direction:column;align-items:center;gap:30px;padding:18px 10px;display:flex}.rail-brand,.side-rail nav,.topbar-meta,.brand,.status{align-items:center;display:flex}.rail-brand{color:#fff;gap:5px;font-size:12px;font-weight:750}.side-rail nav{flex-direction:column;gap:6px;width:100%}.side-rail a{color:#aebdcb;text-align:center;border-left:2px solid #0000;width:100%;padding:8px 2px;font-size:10px;line-height:1.2;text-decoration:none;display:block}.side-rail a:hover,.side-rail a[aria-current=page]{color:#fff;border-left-color:#53a7e8}.side-rail a[aria-current=page]{background:#223241;font-weight:700}.app-frame{min-width:0;max-height:100vh;overflow:auto}.topbar{background:#fff;border-bottom:1px solid #cbd4dc;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:10px 24px;display:flex}.brand{color:#1f73b7;gap:10px;min-width:0}.brand>div{min-width:0}.brand h1{color:#18212b;margin:0;font-size:17px;font-weight:700;line-height:1.15}.brand span,.field>span,.eyebrow,.environment-pill,.panel-header>div>span,.event-panel p,.muted{color:#657483;font-size:12px}.topbar-meta{justify-content:flex-end;gap:8px;min-width:0}.environment-pill,.status{background:#f8fafb;border:1px solid #d2dae2;border-radius:5px;min-height:30px;padding:0 9px}.status{color:#5b6978;gap:7px;max-width:min(420px,42vw);font-size:12px}.status span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status.is-online{color:#176b48;background:#f2faf5;border-color:#a9d6bd}.login-workspace,.console-workspace{max-width:1680px;margin:0 auto}.login-workspace{grid-template-columns:minmax(0,1fr) minmax(280px,.58fr);gap:20px;padding:28px 24px;display:grid}.login-panel,.login-context,.panel,.toolbar-panel,.event-panel{background:#fff;border:1px solid #ced7df;border-radius:6px;box-shadow:0 1px 2px #1d2b390d}.login-panel,.login-context{padding:24px}.login-panel{gap:22px;max-width:680px;display:grid}.section-heading h2,.section-heading p{margin:0}.section-heading h2{color:#18212b;margin-top:6px;font-size:22px;font-weight:700;line-height:1.25}.section-heading p,.login-status{color:#657483;margin-top:8px;font-size:14px;line-height:1.5}.login-panel form,.login-context{gap:14px;display:grid}.login-context{align-content:start}.login-context div{gap:5px;display:grid}.login-context strong{overflow-wrap:anywhere;color:#25313e;font-size:13px}.field{gap:6px;min-width:0;display:grid}.field input,.assignment-form input{color:#18212b;background:#fff;border:1px solid #b9c5d0;border-radius:5px;width:100%;min-width:0;height:36px;padding:0 10px}.console-workspace{padding:18px 24px 26px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.summary-item{background:#fff;border:1px solid #ced7df;border-radius:6px;gap:5px;min-height:106px;padding:15px;display:grid;box-shadow:0 1px 2px #1d2b390a}.summary-item span,.summary-item code{color:#6b7a88;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.summary-item strong{color:#1c2a37;text-overflow:ellipsis;white-space:nowrap;font-size:21px;font-weight:700;overflow:hidden}.summary-item code{font-family:inherit}.workspace-grid{grid-template-columns:minmax(400px,.94fr) minmax(540px,1.36fr);grid-template-areas:"operations viewer";align-items:start;gap:16px;display:grid}.operations-column,.viewer-column{gap:16px;min-width:0;display:grid}.operations-column{grid-area:operations}.viewer-column{grid-area:viewer}.operations-column{container:operations/inline-size}.panel{overflow:hidden}.panel-header{background:#fbfcfd;border-bottom:1px solid #e0e6eb;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 14px;display:flex}.panel-header h2,.event-panel h2{color:#24313d;margin:0;font-size:14px;font-weight:700}.panel-header button{width:32px;min-width:32px;height:32px;min-height:32px;padding:0}.user-tools{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;padding:14px;display:flex}.user-tools form{flex-wrap:wrap;flex:420px;align-items:end;gap:10px;min-width:0;display:flex}.compactField{flex:140px;min-width:140px}.user-tools form button{flex:none}.user-list,.assignment-list{flex-wrap:wrap;gap:6px;display:flex}.user-list{flex:130px;justify-content:flex-end;min-width:0}.user-list span,.assignment-chip{color:#415160;background:#f7f9fb;border:1px solid #d4dde5;border-radius:5px;align-items:center;min-height:26px;padding:0 8px;font-size:12px;display:inline-flex}.device-table{border:1px solid #d2dbe3;border-radius:5px;margin:14px;display:grid;overflow:hidden}.device-row{background:#fff;border-bottom:1px solid #e2e8ed;grid-template-columns:minmax(120px,1.1fr) minmax(74px,.55fr) minmax(180px,1.2fr) minmax(168px,.95fr);align-items:center;gap:12px;min-height:56px;padding:10px 12px;font-size:13px;display:grid}.device-row:last-child{border-bottom:0}.device-row-head{color:#61707f;text-transform:uppercase;background:#f5f7f9;min-height:36px;font-size:11px;font-weight:700}.device-row strong,.device-row code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.device-row strong{color:#22303c}.device-row code{color:#748291;margin-top:3px;font-size:11px}.device-empty{color:#657483;padding:18px 12px;font-size:13px}.assignment-cell{gap:6px;min-width:0;display:grid}.assignment-chip{gap:4px;min-width:0}.assignment-chip button,.assignment-form button,.session-pill button{place-items:center;width:26px;min-width:26px;height:26px;min-height:26px;padding:0;display:inline-grid}.assignment-form{gap:6px;min-width:0;display:flex}.assignment-form input{height:30px;padding:0 8px}.device-actions{flex-wrap:wrap;gap:7px;min-width:0;display:flex}.device-actions .iconButton{min-width:92px}.toolbar-panel{align-items:end;gap:10px;padding:12px;display:flex}.toolbar-panel .field{flex:170px}.viewer-panel{min-width:0}.viewer-surface{background:#0c1218;border:1px solid #101a24;border-radius:6px;place-items:center;min-height:460px;display:grid;position:relative;overflow:hidden}.remotePreview,.remoteVideo{object-fit:contain;background:#0c1218;width:100%;height:100%;position:absolute;inset:0}.remotePreview{z-index:1;pointer-events:none}.remoteVideo{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.remoteVideo:focus-visible{outline-offset:-3px;outline:2px solid #8fc6f4}.viewer-surface:fullscreen{border:0;border-radius:0;width:100vw;height:100vh;min-height:100vh}.viewer-surface:fullscreen::backdrop{background:#0c1218}.viewer-placeholder{z-index:0;color:#aab7c3;justify-items:center;gap:12px;font-size:14px;display:grid}.fullscreenButton,.sasButton,.escapeButton,.softKeyboardButton{z-index:3;color:#dce6ee;background:#131e27f0;border-color:#344653;place-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;display:inline-grid;position:absolute}.fullscreenButton:hover:not(:disabled),.sasButton:hover:not(:disabled),.escapeButton:hover:not(:disabled),.softKeyboardButton:hover:not(:disabled){background:#253845;border-color:#5b788a}.fullscreenButton{top:12px;right:12px}.sasButton,.escapeButton,.softKeyboardButton{bottom:12px}.sasButton{left:12px}.escapeButton{left:58px}.softKeyboardButton{left:104px}.sasButton:disabled,.escapeButton:disabled,.softKeyboardButton:disabled{opacity:.45}.softKeyboardInput{z-index:-1;opacity:0;resize:none;border:0;width:1px;height:1px;padding:0;position:absolute;bottom:12px;left:12px}.diagnostics{z-index:2;color:#dbe5ed;background:#131e27f0;border:1px solid #344653;border-radius:5px;gap:4px;min-width:190px;max-width:calc(100% - 174px);padding:8px 10px;font-size:11px;display:grid;position:absolute;bottom:12px;right:12px}.diagnostics div{justify-content:space-between;gap:14px;display:flex}.diagnostics span{color:#9eafbd}.diagnostics strong{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-weight:650;overflow:hidden}.secureDesktopNotice{z-index:3;color:#f5e7d0;background:#312617f2;border:1px solid #80633b;border-radius:5px;align-items:center;gap:10px;max-width:620px;padding:9px 12px;font-size:12px;display:flex;position:absolute;top:58px;left:12px;right:12px}.secureDesktopNotice strong{color:#ffd78e;flex:none;font-weight:700}.activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.session-strip,.audit-strip{flex-wrap:wrap;gap:8px;padding:12px 14px 14px;display:flex}.session-pill,.audit-pill{max-width:100%;font-size:12px}.session-pill{color:#174631;background:#f2faf5;border:1px solid #b4d7c3;border-radius:5px;align-items:center;gap:8px;min-height:38px;padding:5px 6px 5px 10px;display:inline-flex}.session-pill.is-ended{color:#687684;background:#f7f9fb;border-color:#d7dfe6}.session-pill>span{min-width:0}.session-pill strong,.session-pill code,.audit-pill strong,.audit-pill code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.session-pill code,.audit-pill code{color:inherit;margin-top:2px;font-size:11px}.audit-pill{color:#513b10;background:#fff9e9;border:1px solid #e0c98f;border-radius:5px;flex-direction:column;justify-content:center;min-height:38px;padding:6px 10px;display:inline-flex}.security-panel{align-content:start;display:grid}.security-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 14px 4px;display:grid}.security-summary span{background:#f7fafc;border:1px solid #d6e1ea;border-radius:5px;min-width:0;padding:8px}.security-summary strong,.security-summary code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.security-summary strong{color:#1d2c38;font-size:18px;line-height:1}.security-summary code{color:#687684;margin-top:4px;font-size:11px}.security-list{gap:8px;padding:10px 14px 14px;display:grid}.security-event{background:#fff;border:1px solid #d9e3eb;border-left-width:3px;border-radius:5px;grid-template-columns:1fr;align-items:start;gap:8px;min-width:0;padding:8px 10px;font-size:12px;display:grid}.security-event div,.security-event code,.security-event span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.security-event strong{color:#233341;display:block}.security-event time{color:#73808c;margin-top:2px;font-size:10px;display:block}.security-event code{color:#475866;font-size:11px}.security-event span{color:#687684}.security-event.is-danger{background:#fff8f8;border-left-color:#d14d4d}.security-event.is-warning{background:#fffaf0;border-left-color:#d8902f}.security-event.is-success{background:#f5fbf7;border-left-color:#2f9a63}.security-event.is-neutral{border-left-color:#7b8a97}.event-panel{gap:12px;max-height:360px;padding:14px;display:grid;overflow:auto}.event-panel h2{border-bottom:1px solid #e0e6eb;padding-bottom:10px}.event-panel p{margin:0}.event-panel ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.event-panel li{border-bottom:1px solid #e5eaee;gap:5px;padding-bottom:10px;display:grid}.event-panel li:last-child{border-bottom:0;padding-bottom:0}.event-panel strong{color:#2e3c49;font-size:12px}.event-panel code{overflow-wrap:anywhere;color:#637282;font-size:11px;line-height:1.45}@container operations (width<=760px){.user-tools{align-items:stretch}.user-tools form{flex-basis:100%}.user-list{justify-content:flex-start}}@container operations (width<=470px){.user-tools form{flex-direction:column;align-items:stretch}.compactField{min-width:0}.user-tools form button{width:100%}}@container operations (width<=640px){.device-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}.device-row>:nth-child(3),.device-row>:nth-child(4){grid-column:1/-1}.device-row-head{display:none}}@media (width<=1180px){.workspace-grid{grid-template-columns:minmax(340px,.88fr) minmax(460px,1.12fr)}.device-actions .iconButton{min-width:78px}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.app-frame{max-height:none}.side-rail{border-bottom:1px solid #223240;border-right:0;flex-direction:row;justify-content:space-between;gap:16px;padding:10px 16px}.side-rail nav{flex-direction:row;flex:1;justify-content:flex-end;gap:2px}.side-rail a{border-bottom:2px solid #0000;border-left:0;width:auto;padding:7px 8px}.side-rail a:hover,.side-rail a[aria-current=page]{border-bottom-color:#53a7e8;border-left-color:#0000}.workspace-grid{grid-template-columns:1fr;grid-template-areas:"viewer""operations"}.activity-grid,.summary-grid,.device-row{grid-template-columns:1fr}.device-row{align-items:stretch;gap:8px}.device-row-head{display:none}.viewer-surface{min-height:340px}.event-panel{max-height:300px}}@media (width<=680px){.topbar{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px}.topbar-meta{align-items:stretch;width:100%}.environment-pill{display:none}.status{flex:1;max-width:none}.login-workspace,.console-workspace{padding:16px}.login-workspace{grid-template-columns:1fr}.login-panel,.login-context{padding:18px}.user-tools,.user-tools form,.toolbar-panel{flex-direction:column;align-items:stretch}.user-list{justify-content:flex-start}.compactField{min-width:0}.toolbar-panel button{width:100%}.viewer-surface{min-height:340px}.secureDesktopNotice{flex-direction:column;align-items:flex-start;gap:4px}.security-event{grid-template-columns:1fr;align-items:start}.diagnostics{max-width:calc(100% - 20px);bottom:60px;right:10px}}@media (width<=460px){.side-rail{flex-direction:column;align-items:flex-start;gap:8px}.side-rail nav{justify-content:flex-start;width:100%;overflow-x:auto}.side-rail a{flex:none}.viewer-surface{min-height:340px}.session-pill,.audit-pill{width:100%}.security-summary{grid-template-columns:1fr}}
