.staff-page{margin:0;background:#101b17;color:#fff1ce;font:16px/1.5 'Segoe UI',Arial,sans-serif}.staff-page main{max-width:1600px;margin:auto;padding:20px}.staff-page h1{font-size:28px;margin:12px 0}.staff-page a{color:#eed185}.staff-page label{display:block;margin:10px 0}.staff-page input{box-sizing:border-box;max-width:100%;width:460px;padding:14px;background:#152820;color:#fff1ce;border:1px solid #8b7844}.staff-page button,.staff-recovery button{min-height:44px;padding:10px 16px;margin:5px;border:1px solid #bda463;background:#254b36;color:#fff1ce;cursor:pointer;font:700 14px 'Segoe UI',Arial,sans-serif}.staff-page button:disabled,.staff-recovery button:disabled{opacity:.5;cursor:default}.staff-page :focus-visible,.staff-recovery :focus-visible{outline:3px solid #7ce6a4;outline-offset:3px}.staff-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}#staffTabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}#staffTabs button[aria-pressed=true]{background:#efd48b;color:#122219}#staffFrames iframe{display:block;box-sizing:border-box;width:100%;height:calc(100vh - 300px);min-height:560px;border:1px solid #8b7844;background:#101b17}#staffFrames iframe[hidden],.staff-page [hidden]{display:none!important}#staffStatus{border-top:1px solid #8b7844;padding-top:14px}.staff-recovery{border:1px solid #c5a460;background:#17271f;padding:16px;border-radius:8px;margin:16px 0;overflow-wrap:anywhere}.staff-recovery[hidden]{display:none!important}.staff-recovery h2{font:700 20px 'Segoe UI',Arial,sans-serif}.staff-recovery p{font:400 14px/1.6 'Segoe UI',Arial,sans-serif}.staff-auth-expired{border:2px solid #e7b96c;background:#382d17;padding:16px;margin:16px 0}.staff-auth-expired[hidden]{display:none!important}@media(max-width:600px){.staff-page main{padding:12px}.staff-page h1{font-size:23px}#staffFrames iframe{height:75vh;min-height:580px}.staff-toolbar button{width:100%;margin:0}}

.staff-login-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.staff-login-grid form{padding:clamp(16px,3vw,28px);border:1px solid #8b7844;border-radius:14px;background:#152820}.staff-login-grid h2{margin-top:0}.staff-login-grid input{width:100%}.staff-login-grid p{color:#d9d7c3;max-width:60ch}.staff-login-grid button{margin-left:0}@media(max-width:700px){.staff-login-grid{grid-template-columns:1fr}}

/* The retained shell owns the viewport; only its selected workspace scrolls. */
.staff-connected{height:100vh;height:100dvh;overflow:hidden}
.staff-connected #staffShell{box-sizing:border-box;height:100%;display:flex;flex-direction:column;min-height:0;padding:10px 14px}
.staff-connected #staffShell>header h1,.staff-connected #staffShell>header p{display:none}
.staff-connected #staffShell>header{font-size:12px;padding-bottom:5px;flex:0 0 auto}
.staff-connected #staffConnected{display:flex;flex-direction:column;flex:1;min-height:0}
.staff-connected .staff-toolbar{flex:0 0 auto}
.staff-connected .staff-toolbar button{font-size:12px;min-height:38px;padding:7px 11px}
.staff-connected #staffConnection{font-size:12px;margin:3px 0;max-height:38px;overflow:auto}
.staff-connected #staffTabs{flex:0 0 auto;flex-wrap:nowrap;overflow-x:auto;margin:5px 0;gap:3px}
.staff-connected #staffTabs button{white-space:nowrap;flex:0 0 auto;margin:0;min-height:42px}
.staff-connected #staffFrames{flex:1;min-height:0}
.staff-connected #staffFrames iframe{height:100%;min-height:0}
.staff-connected #staffStatus{flex:0 0 auto;margin:7px 0 0;padding-top:6px;font-size:12px;max-height:50px;overflow:auto}
@media(max-width:600px){.staff-connected .staff-toolbar{flex-wrap:nowrap}.staff-connected .staff-toolbar button{width:auto;max-width:160px}.staff-connected #staffIdentity{font-size:12px;overflow-wrap:anywhere}.staff-connected #staffShell{padding:8px}.staff-connected #staffTabs button{font-size:13px;padding:7px 10px}}