@charset "UTF-8";
:root{--ink:#152D27;--muted:#596B62;--teal:#16483D;--teal-dark:#10372E;--line:#dfe8e6;--page:#F5F2EC;--white:#fff;--red:#b53535;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--page)}[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #28755F;outline-offset:3px}button{border:0;background:none}h1,h2,h3,p{margin:0}h1{font-size:34px;font-weight:650;letter-spacing:-1.4px}h2{font-size:19px;letter-spacing:-.5px}h3{font-size:17px}p{color:var(--muted);line-height:1.6}small{font-size:12px;color:var(--muted);line-height:1.6}label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}input{width:100%;border:1px solid #d0deda;background:#fff;border-radius:8px;padding:13px;color:var(--ink)}.eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:1.9px;color:var(--teal);margin-bottom:13px}.brand{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:650;letter-spacing:-.3px;line-height:1.15}.brand-mark{display:grid;place-items:center;background:var(--teal);color:white;width:43px;height:43px;border-radius:12px;font-size:24px;font-weight:600;letter-spacing:-2px;padding-right:3px}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:8px;padding:12px 18px;font-size:13px;font-weight:600;white-space:nowrap}.primary{background:var(--teal);color:#fff;box-shadow:0 2px 2px #07584810}.primary:hover{background:var(--teal-dark)}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.secondary:hover{background:#edf4f1}.danger{color:#a32525;background:#fff;border:1px solid #eecaca}.danger:hover{background:#fff0f0}.text-button{font-size:12px;color:var(--muted);padding:8px}.text-button:hover{color:var(--teal)}.error{min-height:20px;font-size:13px;color:var(--red);margin:10px 0}.muted{color:var(--muted);font-size:12px;margin-top:20px;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-intro{padding:56px 12% 40px;background:#16483D;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-intro:after{content:"";width:550px;height:550px;border:1px solid #ffffff0e;border-radius:50%;position:absolute;bottom:-390px;left:-80px;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff03;pointer-events:none}.login-intro .brand{position:absolute;top:48px}.login-intro .brand-mark{background:#ffffff18}.login-intro .eyebrow{color:#85c7b5}.login-intro h1{font-size:clamp(40px,4.3vw,67px);line-height:1.09;letter-spacing:-2.5px;margin:12px 0 28px}.login-intro p{color:#b6cdc7;max-width:360px;font-size:15px}.intro-foot{position:absolute;bottom:40px;font-size:9px;letter-spacing:1.5px;color:#86aaa1}.login-right{display:grid;place-items:center;padding:40px}.login-card{width:min(350px,100%)}.login-card h2{font-size:30px;margin-bottom:10px}.login-card>p{font-size:14px}.login-card .primary{width:100%;justify-content:space-between}.login-card>small{display:block;text-align:center;margin-top:18px}
.workspace{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:31px 23px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{margin-bottom:57px}.nav-caption{font-size:9px;color:#8b9b9e;margin-left:10px}.nav-item{width:100%;display:flex;align-items:center;gap:14px;padding:12px;border-radius:8px;color:var(--muted);font-size:13px;text-align:left;margin-bottom:6px}.nav-item span{font-size:19px;line-height:1}.nav-item.selected{background:#eaf5f0;color:#087764;font-weight:650}.nav-item:hover{background:#f0f6f3}.sidebar-note{margin-top:auto;padding:23px 5px;font-size:11px;font-weight:600}.sidebar-note p{font-size:11px;font-weight:400;margin:8px 0 0 14px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#35ab8c;margin-right:7px}.profile{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:11px;align-items:center}.profile strong{font-size:12px;display:block}.profile small{font-size:10px}.avatar{background:#e6eeea;border:1px solid #dae6df;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:12px;font-weight:650}.sidebar>.text-button{text-align:left;margin:8px 0 0 36px}.main-pane{min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#ffffff70;font-size:10px;color:#81938e;letter-spacing:1px}.topbar strong{font-weight:600;color:#4d665e}.pilot-badge{border:1px solid #d6e2dd;border-radius:30px;padding:6px 10px;letter-spacing:0;font-size:10px;color:#5b776b}.page{padding:39px 42px 32px;max-width:1700px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:31px}.page-heading .eyebrow{margin-bottom:9px}.page-heading p{font-size:13px;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px}.stats article{background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;gap:17px;padding:22px}.stat-icon{display:grid;place-items:center;background:#e8f6ee;color:#137f62;border-radius:11px;width:40px;height:40px;font-size:23px}.stat-icon.amber{color:#ad8334;background:#fbf3e3}.stat-icon.blue{color:#4a7ba0;background:#edf4fb}.stat-label{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:600}.stats strong{display:block;font-size:31px;line-height:1.4;font-weight:600;letter-spacing:-1px}.stats small{font-size:10px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:11px;margin-top:5px}.quiet-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:5px;background:#f1f6f3;font-size:10px;color:#60796d}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:9px;letter-spacing:1px;background:#f9fbfa;color:#82958b;padding:13px 23px;border-top:1px solid #edf2ef;border-bottom:1px solid #edf2ef;font-weight:600;white-space:nowrap}td{padding:17px 23px;border-bottom:1px solid #eff3f0}tbody tr:last-child td{border-bottom:0}.computer-name{font-weight:600;font-size:12px;display:block}.computer-sub{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.row-actions{display:flex;gap:7px;justify-content:flex-end}.row-actions button{font-size:11px;padding:7px 11px;border-radius:6px}.status{display:inline-block;padding:5px 9px;border-radius:30px;background:#f0f3f1;color:#6a7f74;font-size:10px;white-space:nowrap}.status.ready,.status.active{color:#087557;background:#e9f6ef}.status.pending,.status.invited,.status.transitioning{color:#92722f;background:#fcf5e5}.empty-state{text-align:center;padding:47px 24px 50px}.empty-icon{background:#eef5f1;border:1px solid #dfece4;display:grid;place-items:center;width:57px;height:57px;border-radius:16px;margin:0 auto 21px;color:#659684;font-size:29px}.empty-state h3{font-size:16px;font-weight:600}.empty-state p{font-size:12px;max-width:390px;margin:11px auto 22px}.notice{display:flex;gap:20px;align-items:flex-start;margin-top:25px;padding:19px 21px;border:1px solid #dce8e0;border-radius:9px;background:#edf4ee}.notice strong{font-size:11px;line-height:1.7;flex-shrink:0}.notice p{font-size:11px;line-height:1.7}
dialog{border:1px solid var(--line);border-radius:14px;padding:36px;width:480px;max-width:calc(100vw - 32px);color:var(--ink);box-shadow:0 30px 120px #13372a30}dialog::backdrop{background:#122b285c;backdrop-filter:blur(3px)}dialog h2{font-size:26px;margin-bottom:14px}dialog p{font-size:13px}dialog small{display:block;margin-top:9px}dialog .primary{margin-top:27px;width:100%}dialog .secondary{width:100%;margin-top:18px}.dialog-close{position:absolute;right:15px;top:12px;font-size:25px;color:var(--muted)}.pairing-code{font-family:ui-monospace,monospace;font-size:18px;letter-spacing:.4px;background:#f0f7f2}.toast{position:fixed;bottom:25px;right:25px;max-width:min(430px,calc(100vw - 40px));padding:15px 20px;background:#183d32;color:white;font-size:13px;border-radius:9px;box-shadow:0 10px 40px #0002;z-index:100}
.viewer-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:10px 10px 0 0;font-size:11px;color:var(--muted)}.viewer-toolbar .text-button{margin-left:auto}.screen-container{background:#142523;border:1px solid #18332c;min-height:370px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border-radius:0 0 10px 10px;overflow:hidden;position:relative}.screen-container:fullscreen{width:100vw;height:100vh;border:0;border-radius:0}#screen{display:block;max-width:100%;max-height:100%;object-fit:contain;touch-action:none;cursor:default;outline-offset:-3px}#screen-waiting{text-align:center;color:#d6e8df;padding:25px}#screen-waiting h2{font-size:20px}#screen-waiting p{color:#90afa1;font-size:12px;margin-top:10px}.waiting-symbol{display:block;font-size:35px;color:#78b399;margin-bottom:18px}.viewer-footer{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);padding:15px 2px;line-height:1.7}#back-to-sessions{margin-top:15px}
@media(min-width:1600px){.page{padding:48px 60px}.topbar{padding:0 60px}}@media(max-width:1050px){.workspace{grid-template-columns:185px 1fr}.sidebar{padding:26px 17px}.page{padding:30px 25px}.topbar{padding:0 25px}.stats article{padding:18px 14px;gap:10px}.stat-icon{width:30px;height:30px}.notice{display:block}.notice p{margin-top:7px}th,td{padding:13px}.page-heading h1{font-size:29px}}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-intro{display:none}.workspace{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:15px 20px;flex-direction:row;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.sidebar .brand{margin:0;font-size:14px}.brand-mark{width:35px;height:35px}.nav-caption,.sidebar-note,.profile{display:none}.sidebar nav{display:flex;gap:5px;margin-left:auto}.nav-item{margin:0;padding:8px;font-size:12px}.nav-item span{display:none}.sidebar>.text-button{margin:0;padding:5px}.topbar{height:55px;padding:0 20px}.page{padding:25px 20px}.page-heading{align-items:flex-start}.page-heading h1{font-size:26px}.page-heading .primary{padding:11px}.stats{gap:8px}.stats article{display:block;padding:15px 12px}.stat-icon{display:none}.stats small{font-size:9px}.stat-label{font-size:8px}.notice{margin-top:18px}.viewer-footer{display:block}.screen-container{min-height:250px}.viewer-toolbar{gap:10px}.panel-heading{padding:19px}.pilot-badge{font-size:9px}.login-right{min-height:100vh}}

.security-panel { padding: 28px; max-width: 760px; }
a:focus-visible { outline: 3px solid #28755F; outline-offset: 3px; }
a.secondary { text-decoration: none; }
.client-download { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--line); text-align: center; }
.client-download p { font-size: 13px; margin-bottom: 12px; }
.client-download a { width: 100%; }
.client-download small { display: block; margin-top: 9px; font-size: 11px; }
.page-heading { flex-wrap: wrap; }
.heading-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.heading-actions .primary, .heading-actions .secondary { min-height: 42px; }
.security-panel form { max-width: 540px; }
.security-panel input, .security-panel textarea { width: 100%; margin: 8px 0 20px; }
.security-panel button { margin: 4px 0 18px; }
#recovery-codes { padding: 12px; font-family: monospace; resize: vertical; }
td.computer-name { display: table-cell; }
@media(max-width:760px) {
  .sidebar { flex-wrap: wrap; gap: 12px; }
  .sidebar nav { order: 3; flex-basis: 100%; margin-left: 0; gap: 4px; }
  .sidebar .nav-item { flex: 1; width: auto; justify-content: center; text-align: center; }
  .sidebar > .text-button { margin-left: auto; }
}

#sas-status{margin:0;padding:10px 16px;background:#fff;border:1px solid var(--line);border-top:0;font-size:12px;color:var(--muted);line-height:1.5}

/* Saved viewer defaults and a bounded viewport for fit/actual-size modes. */
select{font:inherit;width:100%;border:1px solid #d0deda;background:#fff;border-radius:8px;padding:13px;color:var(--ink)}
select:focus-visible{outline:3px solid #28755F;outline-offset:3px}
#settings-dialog{max-height:calc(100dvh - 32px);overflow:auto}
#settings-dialog .primary{margin-top:8px}
.screen-container{height:clamp(370px,calc(100vh - 310px),1080px);aspect-ratio:auto}
.screen-container:fullscreen{height:100vh}
.screen-container.actual-size{display:block;overflow:auto}
.screen-container.actual-size #screen{max-width:none;max-height:none;margin:0}
.viewer-toolbar .text-button{margin-left:0}.viewer-toolbar #fullscreen{margin-left:auto}
.display-settings-status{padding:9px 16px;border-inline:1px solid var(--line);background:#f6faf7;font-size:12px}
@media(max-width:760px){.sidebar{flex-wrap:wrap}.sidebar nav{flex-wrap:wrap;justify-content:flex-end}.screen-container{height:60vh;min-height:250px}}

.connection-stats { padding:14px 18px; background:#edf4f1; border-bottom:1px solid var(--border, #dae4df); }
.connection-stats dl { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:12px 18px; margin:0; }
.connection-stats dt { font-size:11px; color:#4c6e63; }
.connection-stats dd { margin:3px 0 0; font-size:15px; font-variant-numeric:tabular-nums; color:#193e32; }
.connection-stats p { margin:12px 0 0; font-size:11px; color:#4c6e63; }
.status.reconnecting { background:#fff1d5; color:#795000; }
.viewer-toolbar { flex-wrap:wrap; }

#copy-invite{margin-top:14px}.legacy-connection{margin-top:20px;font-size:12px;color:var(--muted)}.legacy-connection summary{cursor:pointer}#client-link{font-size:12px}.heading-actions{flex-wrap:wrap}

.quick-connect{padding:24px;margin-bottom:25px}.connect-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.connect-heading p{font-size:12px;margin-top:7px}#connect-code-form{display:grid;grid-template-columns:1.1fr .9fr 1fr auto;gap:16px;align-items:end}#connect-code-form label{margin:20px 0 8px}#connect-code-form select{width:100%;font:inherit;font-size:13px;min-height:47px;border:1px solid #d0deda;border-radius:8px;background:white;padding:10px;color:var(--ink)}#connect-code{font-size:19px;font-weight:650;letter-spacing:2px;min-height:49px}#connect-code-form .primary{min-height:49px}.optional{font-weight:400;color:var(--muted);font-size:10px}.quick-connect>.error:empty{display:none}.quick-connect .legacy-connection{margin-top:19px}.legacy-connection p{font-size:12px;margin-top:12px}#connect-code-form select:focus-visible{outline:3px solid #28755F;outline-offset:3px}@media(max-width:1100px){#connect-code-form{grid-template-columns:1fr 1fr}}@media(max-width:650px){.quick-connect{padding:20px}.connect-heading{align-items:flex-start;flex-direction:column;gap:12px}#connect-code-form{grid-template-columns:1fr}#connect-code-form label{margin-top:5px}#connect-code-form{margin-top:20px}.connect-heading .quiet-badge{display:none}}

#clipboard-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}#clipboard-text{width:100%;resize:vertical;min-height:150px;max-height:45vh;font:13px/1.55 ui-monospace,monospace;color:var(--ink);border:1px solid #d0deda;border-radius:8px;padding:12px;box-sizing:border-box}.clipboard-local,.clipboard-actions{display:flex;flex-wrap:wrap;gap:12px}.clipboard-local{justify-content:space-between;margin:8px 0 20px}#clipboard-status{min-height:42px;font-size:13px;line-height:1.5;color:#275747}#clipboard-dialog small{display:block;line-height:1.5}#open-clipboard:disabled{opacity:.45;cursor:not-allowed}

.file-panel{padding:16px 20px;background:#f3f8f5;border:1px solid var(--line);border-top:0;font-size:13px}.file-panel p{line-height:1.5;margin:8px 0 12px}.file-heading{display:flex;justify-content:space-between;align-items:center}.file-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.file-panel small{color:var(--muted);line-height:1.5}.file-panel progress{display:block;width:100%;height:12px;margin-top:16px;accent-color:#317a5a}.file-panel progress[hidden]{display:none}#file-status{overflow-wrap:anywhere}#open-files:disabled{opacity:.45;cursor:not-allowed}#file-save{text-decoration:none}

/* DeskRook identity: evergreen, mint and ivory. */
.brand-mark{display:block;flex:none;padding:0;object-fit:contain;background:transparent;border-radius:0;letter-spacing:normal}

.login-intro .brand-mark{background:transparent}.login-intro h1{color:#F5F2EC}.login-intro .eyebrow{color:#BFE9D2}.brand-product{display:block;font-size:10px;font-weight:500;letter-spacing:1px;margin-top:5px;color:var(--muted)}.sidebar .brand{gap:10px;font-size:18px}.sidebar .brand-mark{width:37px;height:37px}.nav-item.selected{background:#E5EFE7;color:#16483D}

/* Company workspaces and member onboarding. */
.company-label{margin:25px 0 22px;min-width:0}.company-label .eyebrow{margin-bottom:7px}.company-label strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.company-panel{margin-top:24px}.company-empty{padding:0 24px 24px;font-size:13px}#company-permissions{font-size:13px}#company-edit-name:read-only{background:var(--page)}#member-dialog{max-height:calc(100dvh - 32px);overflow:auto}#member-link{font-size:12px}#member-rows .row-actions{flex-wrap:wrap;justify-content:flex-start}#company-page .table-scroll{max-width:100%}#company-page td{overflow-wrap:anywhere}#company-page th{white-space:nowrap}.join-page{max-width:600px;padding:48px 24px;margin:0 auto}.join-page>.brand{color:var(--ink);text-decoration:none;margin:0 0 32px}.join-card{padding:32px}.join-card h1{font-size:28px;overflow-wrap:anywhere;margin-bottom:16px}.join-card p{font-size:14px}.join-card .primary{margin-top:24px;width:100%;text-decoration:none}.join-card small{display:block;margin-top:7px}.join-foot{text-align:center;font-size:12px;margin-top:24px}#password-status{font-size:13px;overflow-wrap:anywhere}.sidebar .profile{min-width:0}.profile strong{overflow-wrap:anywhere}
@media(max-width:760px){.company-label{order:2;margin:0;max-width:45%;}.company-label .eyebrow{display:none}.sidebar nav{overflow:visible}.sidebar .nav-item{flex:1 0 28%;}.join-page{padding:28px 18px}.join-card{padding:24px}}

/* Email account flows */
.account-links{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:20px 0;font-size:13px}
.account-links a{color:var(--green,#16483D);font-weight:600}.account-links .text-button{font-size:12px}
.email-reminder{margin:24px 32px 0}.email-reminder p{margin:6px 0}
@media(max-width:700px){.email-reminder{margin:16px 16px 0}}

/* Company lifecycle administration */
.platform-filter{display:flex;gap:16px;align-items:end;flex-wrap:wrap;padding:0 24px 22px}.platform-filter>div:first-child{flex:1;min-width:180px}.platform-filter>div:nth-child(2){min-width:160px}.platform-filter input,.platform-filter select{margin-bottom:0}.platform-filter button{align-self:end}.platform-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.platform-actions{flex-wrap:wrap}.platform-number{font-variant-numeric:tabular-nums}.company-status{display:inline-block;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:650;white-space:nowrap;background:#EDF0EB;color:var(--ink)}.company-status.active{background:#DCEEE3;color:#16483D}.company-status.pending{background:#FFF1CB;color:#795C10}.company-status.suspended{background:#FBE4DF;color:#8B302B}#platform-rows td{vertical-align:top}#platform-rows .computer-sub{max-width:220px;white-space:normal}#platform-audit-rows td{white-space:normal;overflow-wrap:anywhere}#platform-invite-title{overflow-wrap:anywhere}#platform-status-description{line-height:1.6}#platform-confirm-label{overflow-wrap:anywhere}#platform-invite-form>.primary,#platform-status-form>button{margin-top:16px}#platform-reason{margin-bottom:8px}
@media(max-width:650px){.platform-filter{padding:0 16px 16px;align-items:stretch}.platform-filter>div{flex:1 1 100%}.platform-filter button{width:100%}.platform-pagination{padding:14px 16px;flex-wrap:wrap}#platform-page .stats{grid-template-columns:1fr}#platform-page .page-heading{align-items:stretch}#platform-page .page-heading>.primary{align-self:start}}

.platform-audit-table{min-width:760px}

/* Profile opens the account menu; the main sidebar stays focused on support. */
.profile-dock{position:relative;margin-top:8px;min-width:0;z-index:30}
.profile-trigger{display:flex;align-items:center;gap:9px;width:100%;min-height:65px;padding:11px 9px;border:1px solid #CADDD1;border-radius:11px;background:#F0F6F1;color:var(--ink);text-align:left;box-shadow:0 2px 4px #153D2D06;transition:background .15s,border-color .15s,box-shadow .15s}
.profile-trigger:hover,.profile-trigger[aria-expanded="true"]{background:#E3EFE6;border-color:#749D85;box-shadow:0 3px 12px #153D2D12}
.profile-trigger .avatar{flex:0 0 32px;width:32px;height:32px;background:var(--teal);border:0;color:#fff}
.profile-copy{display:block;flex:1;min-width:0}.profile-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.5}.profile-hint{display:block;font-size:10px;color:#456A55;line-height:1.5;margin-top:2px;white-space:nowrap}
.profile-chevron{flex:0 0 14px;width:14px;height:14px;color:var(--teal);transition:transform .15s}.profile-trigger[aria-expanded="true"] .profile-chevron{transform:rotate(180deg)}
.profile-menu{position:absolute;bottom:calc(100% + 10px);left:0;width:300px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 120px);overflow:auto;background:#fff;border:1px solid #CEDDD3;border-radius:14px;padding:7px;box-shadow:0 12px 42px #173D2D24,0 2px 6px #173D2D0D}
.profile-menu-heading{padding:14px 13px 16px;margin-bottom:6px;border-bottom:1px solid var(--line)}.profile-menu-heading .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:8px}.profile-menu-heading strong{display:block;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.profile-menu-heading small{display:block;margin-top:3px;text-transform:capitalize;font-size:11px}
.profile-menu-item{display:flex;align-items:center;gap:13px;width:100%;min-height:66px;border-radius:8px;padding:12px;color:var(--ink);text-align:left}.profile-menu-item>svg{width:22px;height:22px;flex:0 0 22px;color:var(--teal)}.profile-menu-item>span:not(.profile-item-arrow){flex:1;min-width:0}.profile-menu-item strong{display:block;font-size:13px;font-weight:650}.profile-menu-item small{display:block;font-size:11px;margin-top:4px;line-height:1.4}.profile-item-arrow{font-size:17px;color:#62836D}.profile-menu-item:hover,.profile-menu-item.selected{background:#EBF4ED}.profile-menu-item:focus-visible{outline-offset:-3px;background:#EBF4ED}
@media(max-width:1050px) and (min-width:761px){.profile-trigger{gap:7px;padding:10px 7px}.profile-trigger .avatar{flex-basis:27px;width:27px;height:27px}.profile-hint{font-size:9px}.profile-chevron{flex-basis:12px;width:12px}}
@media(max-width:760px){.sidebar .brand{font-size:16px}.profile-dock{order:1;margin:0 0 0 auto;width:174px;flex:0 1 174px}.profile-trigger{min-height:54px;padding:8px;gap:8px}.profile-menu{bottom:auto;top:calc(100% + 10px);left:auto;right:0;max-height:calc(100dvh - 94px)}.profile-chevron{transform:rotate(180deg)}.profile-trigger[aria-expanded="true"] .profile-chevron{transform:rotate(0)}.sidebar>.company-label{order:2;flex:1;max-width:none;min-width:0}.sidebar>#logout{order:2;flex:0 0 auto;margin:0}.sidebar>nav{order:3}.sidebar>nav>.nav-item{flex:1 1 0;min-height:43px}.sidebar>#logout{font-size:11px}}
@media(max-width:360px){.profile-dock{width:155px;flex-basis:155px}.sidebar .brand{font-size:14px;gap:6px}.sidebar .brand-mark{width:30px;height:30px}.profile-trigger .avatar{flex-basis:27px;width:27px;height:27px}.profile-hint{font-size:9px}.profile-copy strong{font-size:11px}.profile-trigger{gap:6px;padding:7px}}
@media(prefers-reduced-motion:reduce){.profile-trigger,.profile-chevron{transition:none}}

/* Company dashboard */
@media(max-width:760px){.sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 12px}.sidebar>.brand{grid-column:1;grid-row:1}.sidebar>.profile-dock{grid-column:2;grid-row:1}.sidebar>.company-label{grid-column:1;grid-row:2}.sidebar>#logout{grid-column:2;grid-row:2;justify-self:end}.sidebar>nav{grid-column:1 / -1;grid-row:3}}
.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-stats article{align-items:flex-start;gap:14px;padding:22px 19px}.dashboard-stats .stat-icon{flex:0 0 36px;width:36px;height:36px;font-size:20px}.dashboard-stats strong{font-variant-numeric:tabular-nums}.dashboard-stats .stat-label{line-height:1.6}.dashboard-stats small{line-height:1.5}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}.dashboard-grid>.panel{min-width:0}.dashboard-device-panel,.dashboard-activity-panel{display:flex;flex-direction:column}.dashboard-figure{display:grid;grid-template-columns:minmax(0,230px) minmax(105px,1fr);align-items:center;gap:24px;margin:0;padding:20px 28px 24px;flex:1}.dashboard-donut{position:relative;width:100%;max-width:230px;aspect-ratio:1;margin:auto}.dashboard-donut svg{display:block;width:100%;height:100%}.dashboard-ring{stroke:#DCE4DE}.dashboard-online-ring{stroke:#24785A}.dashboard-donut-centre{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.dashboard-donut-centre strong{font-size:42px;line-height:1.1;letter-spacing:-1.5px;font-weight:650;font-variant-numeric:tabular-nums}.dashboard-donut-centre>span{font-size:11px;color:var(--muted);margin-top:7px}.dashboard-donut-centre small{font-size:11px;color:#24785A;margin-top:10px;font-weight:600}.dashboard-legend{margin:0}.dashboard-legend>div{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 0}.dashboard-legend>div+div{border-top:1px solid var(--line)}.dashboard-legend dt{display:flex;align-items:center;gap:10px;font-size:13px}.dashboard-legend dd{margin:0;font-size:23px;font-weight:650;font-variant-numeric:tabular-nums}.dashboard-key{width:10px;height:10px;border-radius:50%;display:inline-block;flex:0 0 10px}.dashboard-key.online{background:#24785A}.dashboard-key.offline{background:#DCE4DE;border:1px solid #A8B9AE}.dashboard-figure figcaption>p{font-size:11px;margin-top:12px;line-height:1.6}.dashboard-device-footer{border-top:1px solid var(--line);padding:18px 24px;display:flex;gap:20px;align-items:center;justify-content:space-between}.dashboard-device-footer p{font-size:11px;max-width:310px}.dashboard-device-footer .text-button{flex-shrink:0;padding:8px 0;font-weight:600;color:var(--teal)}
.dashboard-activity-list{list-style:none;padding:0 24px 12px;margin:0;flex:1}.dashboard-activity-list li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:12px;align-items:start;padding:16px 0;border-top:1px solid #EFF3F0}.dashboard-activity-dot{width:6px;height:6px;background:#76A38B;border-radius:50%;margin-top:6px}.dashboard-activity-copy strong{display:block;font-size:12px;line-height:1.5;font-weight:600}.dashboard-activity-copy p{font-size:11px;line-height:1.55;margin-top:3px;overflow-wrap:anywhere}.dashboard-activity-list time{font-size:10px;color:var(--muted);white-space:nowrap;padding-top:2px}.dashboard-activity-empty{padding:48px 24px;text-align:center;flex:1}.dashboard-activity-empty>span{display:block;font-size:34px;color:#8BA598;margin-bottom:14px}.dashboard-activity-empty p{font-size:13px}.dashboard-footer{display:flex;justify-content:space-between;gap:16px;margin-top:18px;color:var(--muted);font-size:11px}.dashboard-mfa{margin:0 0 24px;align-items:center;justify-content:space-between}.dashboard-mfa strong{font-size:13px}.dashboard-mfa p{margin-top:5px;font-size:12px}.dashboard-mfa .secondary{flex-shrink:0}.dashboard-error{margin:0 24px 18px;padding:12px 14px;background:#FFF4EC;border-radius:8px;color:#864821;font-size:12px}
@media(max-width:1200px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-figure{grid-template-columns:minmax(0,250px) minmax(105px,240px);justify-content:center}.dashboard-activity-list li{padding:14px 0}}
@media(max-width:760px){.sidebar>nav>.nav-item{flex:1 1 28%}.dashboard-stats article{display:flex;padding:18px 14px}.dashboard-mfa .secondary{margin-top:14px}.dashboard-footer{flex-direction:column;gap:7px}}
@media(max-width:480px){.dashboard-stats{gap:10px;margin-bottom:22px}.dashboard-stats article{padding:17px 13px}.dashboard-stats .stat-icon{display:none}.dashboard-stats strong{font-size:30px}.dashboard-stats small{font-size:10px}.dashboard-stats .stat-label{font-size:8px}.dashboard-grid{gap:20px}.dashboard-figure{grid-template-columns:1fr;gap:8px;padding:8px 22px 22px}.dashboard-donut{max-width:215px}.dashboard-legend{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dashboard-legend>div{gap:10px;padding:12px 0}.dashboard-legend>div+div{border-top:0}.dashboard-figure figcaption>p{text-align:center;margin-top:2px}.dashboard-device-footer{padding:16px 20px;gap:12px;align-items:flex-start}.dashboard-device-footer p{font-size:10px}.dashboard-activity-list{padding:0 20px 10px}.dashboard-activity-list li{grid-template-columns:6px minmax(0,1fr);gap:8px 11px}.dashboard-activity-list time{grid-column:2;padding:0}.dashboard-device-panel .panel-heading{gap:8px}.dashboard-device-panel .quiet-badge{font-size:9px;flex-shrink:0}.dashboard-mfa .secondary{white-space:normal}.dashboard-error{margin:0 20px 16px}}

.update-upload,.update-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.update-upload{padding:0 24px 24px}.update-upload input{max-width:420px}.update-actions{padding:16px 24px}#update-release{margin:8px 24px;max-width:calc(100% - 48px)}#updates-page label[for=update-release]{margin-left:24px}.update-rollout{border-top:1px solid var(--line,#e0e6e3)}.update-job-list{list-style:none;padding:0 24px 20px;margin:0}.update-job-list li{display:flex;gap:16px;justify-content:space-between;padding:10px 0;border-top:1px solid #edf1ef}.update-job-list span{color:#53665f;font-size:13px;text-align:right}#update-confirm-devices{max-height:180px;overflow:auto}#update-device-rows input{width:18px;height:18px;accent-color:#16483d}@media(max-width:700px){.update-job-list li{display:block}.update-job-list span{display:block;text-align:left;margin-top:6px}}
/* Expandable device locations: groups and devices share one list. */
.device-layout{margin-bottom:24px;min-width:0}.device-layout>.panel{min-width:0;margin-bottom:0}.device-filter-bar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;padding:0 24px 18px}.device-filter-bar>div:first-child{flex:1;min-width:180px}.device-filter-bar>div:nth-child(2){width:145px}.device-filter-bar input,.device-filter-bar select{margin:0}.device-expand-bar{display:flex;gap:14px;padding:0 16px 12px}.device-expand-bar button{color:var(--teal);font-weight:600}.device-selection-bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:14px 24px;border-top:1px solid var(--line);font-size:12px}.device-selection-bar>span{color:var(--muted)}.device-selection-bar>button{margin-left:auto}.device-select-all{display:flex;align-items:center;gap:9px;font-size:12px;margin:0;font-weight:500}.device-select-all input,.device-table input[type=checkbox]{width:17px;height:17px;accent-color:#16483D;margin:0;flex-shrink:0}.device-group-list{padding:0 20px 20px}.device-group{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.device-group+.device-group{margin-top:10px}.device-group>summary{display:flex;align-items:center;gap:14px;padding:17px 18px;background:#F5F8F5;list-style:none;cursor:pointer;min-width:0;color:var(--ink)}.device-group>summary::-webkit-details-marker{display:none}.device-group>summary:hover{background:#EDF4EF}.device-group>summary:focus-visible{outline:3px solid #28755F;outline-offset:-3px}.device-group[open]>summary{background:#EAF3ED;border-bottom:1px solid var(--line)}.device-group-arrow{flex:0 0 16px;font-size:27px;line-height:1;text-align:center;color:var(--teal)}.device-group[open]>summary>.device-group-arrow{transform:rotate(90deg)}.device-group-copy{display:flex;flex:1;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}.device-group-copy strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.device-group-kind{font-size:10px;letter-spacing:.5px;font-weight:600;text-transform:uppercase;background:#fff;border:1px solid #D9E5DD;border-radius:5px;padding:3px 6px;color:#486653}.device-group-count{font-size:11px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.device-group-content{padding:12px 0 0 16px;border-left:2px solid #DCE8DF;margin:0 12px 12px 18px;min-width:0}.device-group-actions{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 10px}.device-group-actions .text-button{color:var(--teal);font-weight:600}.device-group-empty{font-size:12px;padding:10px 8px 16px}.device-group-content>.table-scroll{margin-top:12px}.device-table{min-width:620px;width:100%}.device-table td{font-size:12px;overflow-wrap:anywhere}.device-table .row-actions{flex-wrap:wrap}.device-table th{font-size:10px;text-transform:uppercase}.device-list-panel .panel-heading{gap:12px;align-items:flex-start}.device-list-panel .panel-heading p{overflow-wrap:anywhere}.device-list-panel .quiet-badge{flex-shrink:0}.device-list-summary{padding:16px 24px;border-top:1px solid var(--line);font-size:12px}.device-dialog-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:22px}#device-group-dialog,#device-move-dialog,#enrol-dialog{max-height:calc(100dvh - 32px);overflow:auto}#device-group-dialog p,#enrol-form p{font-size:12px;line-height:1.7}#device-move-description,#enrol-location{overflow-wrap:anywhere}#device-move-form>.primary,#enrol-form>.primary{margin-top:20px}
@media(max-width:760px){.device-filter-bar{padding:0 16px 16px;gap:12px}.device-expand-bar{padding-left:8px}.device-selection-bar{padding:14px 16px;gap:12px}.device-list-summary{padding:16px}.device-group-list{padding:0 10px 14px}.device-group>summary{padding:14px 10px;gap:8px;flex-wrap:wrap}.device-group-copy{gap:7px}.device-group-copy strong{font-size:13px}.device-group-count{margin-left:24px;flex-basis:100%}.device-group-content{padding-left:7px;margin-left:9px;margin-right:5px}.device-group-actions{gap:2px}.device-group-actions button{font-size:11px}.device-list-panel .panel-heading{flex-wrap:wrap}}

#monitor-picker{display:flex;align-items:center;gap:8px;max-width:100%;min-width:0}#monitor-picker[hidden]{display:none}#monitor-select{min-width:0;flex:1 1 auto;font:inherit;font-size:12px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);max-width:260px}#monitor-status:empty{display:none}

/* Audit history */
.audit-filter-panel { margin-bottom: 22px; }
.audit-filter-panel form { padding: 0 24px 22px; }
.audit-filter-row { display: grid; grid-template-columns: minmax(220px, 2fr) minmax(150px, 1fr) minmax(140px, 1fr); gap: 16px; }
.audit-filter-row input, .audit-filter-row select, .audit-filter-grid input { width: 100%; min-width: 0; }
.audit-more-filters { margin-top: 18px; }
.audit-more-filters summary { cursor: pointer; color: #5e736b; padding: 5px 0; font-size: 13px; }
.audit-filter-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 14px; }
.audit-filter-actions { display: flex; gap: 14px; margin-top: 20px; }
.audit-table { min-width: 920px; table-layout: fixed; }
.audit-table th:nth-child(1) { width: 15%; }
.audit-table th:nth-child(2) { width: 19%; }
.audit-table th:nth-child(3) { width: 11%; }
.audit-table th:nth-child(4) { width: 18%; }
.audit-table th:nth-child(5) { width: 16%; }
.audit-table td { vertical-align: top; overflow-wrap: anywhere; white-space: normal; }
.audit-table .computer-sub { white-space: normal; overflow-wrap: anywhere; }
.audit-outcome { display: inline-block; border-radius: 20px; padding: 4px 9px; font-size: 11px; background: #edf1ef; color: #475d55; font-weight: 600; }
.audit-outcome.success { color: #14643c; background: #e1f3e8; }
.audit-outcome.failure, .audit-outcome.denied { color: #9c3434; background: #fbeaea; }
.audit-outcome.pending { color: #805a18; background: #fff1d6; }
.audit-detail { margin-top: 9px; font-size: 12px; }
.audit-detail summary { cursor: pointer; color: #246348; font-weight: 600; }
.audit-detail dl { margin: 12px 0; }
.audit-detail dt { font-size: 10px; text-transform: uppercase; color: #62766e; margin-top: 9px; }
.audit-detail dd { margin: 2px 0 0; overflow-wrap: anywhere; }
#audit-retention { line-height: 1.7; font-size: 12px; margin-top: 14px; }
#audit-export-status { font-size: 13px; }
@media (max-width: 760px) {
  .audit-filter-row, .audit-filter-grid { grid-template-columns: 1fr; }
  .audit-filter-panel form { padding: 0 18px 18px; }
  .audit-results .panel-heading, .audit-filter-panel .panel-heading { flex-wrap: wrap; gap: 14px; }
}

/* Daily work first; management and occasional tools stay within reach. */
.sidebar .brand { margin-bottom: 12px; }
.sidebar .profile-dock { margin-top: auto; }
.profile-menu-item { min-height: 46px; padding: 10px 12px; }
.profile-menu-item > svg, .profile-menu-item small, .profile-item-arrow { display: none; }
.menu-section-label { display: block; padding: 12px 12px 5px; font-size: 10px; font-weight: 650; color: var(--muted); }
.profile-menu-heading { padding: 10px 12px; margin: 0; }
.page-heading { margin-bottom: 26px; }
.dashboard-readiness { display: flex; justify-content: center; gap: 26px; padding: 0 24px 22px; color: var(--muted); font-size: 12px; }
.dashboard-readiness strong { color: var(--ink); font-variant-numeric: tabular-nums; }
.dashboard-figure { padding-top: 8px; }
.session-counts { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.session-counts strong { color: var(--ink); }
#connect-code-form { grid-template-columns: minmax(180px, 1.5fr) minmax(150px, 1fr) auto; gap: 14px 18px; }
.connect-options { grid-column: 1 / -1; max-width: 420px; font-size: 12px; color: var(--muted); }
.connect-options summary, .inline-help summary { cursor: pointer; padding: 6px 0; }
#connect-code-form .connect-options label { margin-top: 10px; }
.inline-help { font-size: 12px; color: var(--muted); }
.inline-help p { margin: 8px 0 12px; max-width: 760px; }
.quick-connect > .inline-help { margin-top: 20px; border-top: 1px solid var(--line); padding-top: 12px; }
.quick-connect .legacy-connection { margin-top: 6px; }
.page-help { margin-top: 20px; }
.enrol-download { margin-bottom: 8px; }
.device-list-panel .heading-actions { align-items: center; }
.device-filter-bar label { margin-top: 0; }
.device-expand-bar { justify-content: flex-end; gap: 6px; padding-bottom: 8px; }
.device-selection-bar { background: #f1f6f3; margin-bottom: 12px; }
#organise-devices[aria-pressed="true"] { background: var(--teal); color: #fff; }
.device-group-kind { background: transparent; border: 0; padding: 0; font-weight: 500; letter-spacing: 0; text-transform: none; }
.device-group-content { border-left-width: 1px; }
.device-group-actions { border-bottom: 1px solid var(--line); padding-bottom: 8px; }
.device-table th { letter-spacing: .4px; }
.device-table .row-actions { min-width: 115px; }
.audit-filter-panel .panel-heading { padding-bottom: 12px; }
.audit-search-row { display: flex; align-items: end; gap: 12px; }
.audit-search { flex: 1; min-width: 0; }
.audit-search label { margin-top: 0; }
.audit-search-row > button { min-height: 46px; }
.audit-more-filters { margin-top: 10px; }
.audit-filter-grid { margin-top: 2px; }
.audit-filter-grid label { margin-top: 14px; }
.audit-filter-grid select { width: 100%; }
.audit-apply { margin-top: 18px; }
.viewer-toolbar { gap: 12px; position: relative; }
.viewer-toolbar .text-button { margin-left: 0; }
.viewer-tools { position: relative; margin-left: auto; }
.viewer-tools > summary { cursor: pointer; font-size: 12px; color: var(--ink); padding: 9px 12px; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
.viewer-tools[open] > summary { background: #eaf3ed; }
.viewer-tool-list { position: absolute; top: calc(100% + 8px); right: 0; z-index: 20; width: 250px; max-width: calc(100vw - 48px); display: flex; flex-direction: column; gap: 3px; background: #fff; border: 1px solid var(--line); border-radius: 9px; padding: 8px; box-shadow: 0 10px 30px #173D2D24; }
.viewer-tool-list .text-button { width: 100%; text-align: left; color: var(--ink); padding: 12px; border-radius: 5px; }
.viewer-tool-list .text-button:hover { background: #edf4ee; }
.viewer-tool-list label { padding: 10px; margin: 0; }
.viewer-footer { display: flex; flex-wrap: wrap; }
.viewer-footer #frame-status { font-variant-numeric: tabular-nums; }
summary:focus-visible, select:focus-visible { outline: 3px solid #28755F; outline-offset: 3px; }
.error:empty { display: none; }
@media (max-width: 760px) {
  .sidebar .brand { margin-bottom: 0; }
  .sidebar .profile-dock { margin-top: 0; }
  .sidebar > nav { flex-wrap: nowrap; }
  .sidebar > nav > .nav-item { flex: 1 1 0; padding: 10px 6px; }
  .device-filter-bar > div:nth-child(2) { width: 130px; }
  .device-filter-bar > div:first-child { min-width: 160px; }
  .device-selection-bar > button { margin-left: 0; }
  .audit-search-row { flex-wrap: wrap; gap: 8px; }
  .audit-search { flex-basis: 100%; }
  .viewer-toolbar { padding: 10px; gap: 10px; }
  #monitor-picker { flex-basis: 100%; }
  .viewer-tools { margin-left: 0; }
  .viewer-tool-list { right: auto; left: 0; }
}
@media (max-width: 550px) {
  #connect-code-form { grid-template-columns: minmax(0,1fr); margin-top: 16px; }
  .connect-options { grid-column: 1; }
  .dashboard-readiness { gap: 18px; font-size: 11px; }
  .page-heading { gap: 16px; }
}

/* A focused second step after the server has verified the password. */
#login-mfa-dialog{max-height:calc(100dvh - 32px);overflow:auto}
#login-mfa-description{line-height:1.7;margin-bottom:22px}
.login-mfa-actions{display:grid;gap:16px;margin-top:20px}
#login-mfa-dialog .primary{margin-top:0}
.login-mfa-actions .text-button{justify-self:center}