.staff-login{max-width:460px;margin:9vh auto;padding:30px;border:1px solid #476071;border-radius:14px;background:#202f3b;color:#e4edf5}.staff-login form{display:grid;gap:16px;margin:24px 0}.staff-login label{display:grid;gap:8px}.staff-login input{width:100%;box-sizing:border-box}.staff-login details{margin-top:22px}.staff-login #loginError{margin:0;color:#ffdda0}.staff-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 18px;border-bottom:1px solid #476071;background:#202f3b;color:#e4edf5;font-size:12px}.staff-bar .staff-identity{margin-right:auto}.staff-bar a,.staff-bar button{font:inherit;color:#e4edf5;background:#293e4e;border:1px solid #476071;padding:7px 10px;border-radius:7px;text-decoration:none;cursor:pointer}.staff-bar [data-staff-status]{color:#a5edcf}.staff-bar [role=alert]{color:#ffdda0}.staff-dialog{color:#e4edf5;background:#202f3b;border:1px solid #476071;border-radius:12px;width:min(500px,90vw);box-sizing:border-box;padding:24px}.staff-dialog label{display:flex;gap:10px;align-items:center;padding:10px 0}.staff-dialog input{width:auto}.staff-dialog footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.staff-dialog button{padding:9px 12px;background:#216ac3;color:#fff;border:1px solid #476071;border-radius:7px;cursor:pointer}.staff-dialog p{color:#afc0cf;font-size:13px}.staff-dialog [role=alert]{color:#ffdda0}.supervision-layout{max-width:1400px;margin:auto;padding:26px}.supervision-layout header{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}.supervision-layout .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.supervision-layout article{border:1px solid #476071;border-radius:12px;padding:20px;background:#202f3b}.supervision-layout .status{color:#a5edcf}.supervision-layout .uncertain{color:#ffdda0}.supervision-layout .table-scroll{overflow:auto}.supervision-layout table{width:100%;border-collapse:collapse;font-size:13px}.supervision-layout td,.supervision-layout th{text-align:left;padding:12px;border-bottom:1px solid #476071}.supervision-layout details{margin:22px 0}.supervision-layout a{color:#87c7ff}.supervision-layout .read-only{color:#afc0cf;font-size:13px}.supervision-layout #supervisionError{color:#ffdda0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #87c7ff;outline-offset:3px}@media(max-width:600px){.staff-login{margin:20px 12px;padding:22px}.supervision-layout{padding:16px}}

/* One account entry in the top-right toolbar, adjacent to sound. */
.staff-account{position:relative;flex:none;font-size:12px;color:#e4edf5;margin:0}
.staff-account-toggle{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;border:1px solid #476071;border-radius:7px;background:#293e4e;padding:6px 10px;white-space:nowrap;min-height:28px;box-sizing:border-box;user-select:none}
.staff-account-toggle::-webkit-details-marker{display:none}
.staff-account[open]>.staff-account-toggle{background:#31526b;border-color:#78b7df}
.staff-account-dot{height:6px;width:6px;border-radius:50%;background:#8eabba}
.staff-account[data-status=active] .staff-account-dot{background:#5ddbb2;box-shadow:0 0 0 3px #5ddbb222}
.staff-account[data-status=error] .staff-account-dot{background:#ffbf69;box-shadow:0 0 0 3px #ffbf6922}
.staff-account-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:1300;width:280px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);overflow:auto;box-sizing:border-box;background:#202f3b;border:1px solid #527087;border-radius:10px;box-shadow:0 16px 40px #0006;padding:8px;text-align:left;white-space:normal}
.staff-account .staff-account-panel a,.staff-account .staff-account-panel button{display:block;width:100%;box-sizing:border-box;padding:10px 12px;margin:2px 0;text-align:left;border:0;border-radius:6px;color:#e4edf5;background:transparent;text-decoration:none;font:inherit;cursor:pointer}
.staff-account .staff-account-panel a:hover,.staff-account .staff-account-panel button:hover{background:#304c62}
.staff-account-identity{padding:10px 12px 13px;border-bottom:1px solid #476071;margin-bottom:6px;overflow-wrap:anywhere}
.staff-account-identity b,.staff-account-identity small{display:block}.staff-account-identity small{font-size:11px;color:#acc4d5;margin-top:5px}
.staff-account-supervision{padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid #476071}
.staff-account [data-staff-status]{display:block;font-size:11px;padding:7px 12px;color:#bdd2df}
.staff-account[data-status=active] [data-staff-status]{color:#a5edcf}
.staff-account[data-status=error] [data-staff-status],.staff-account [role=alert]{color:#ffcf8e}
.staff-account [role=alert]{font-size:12px;padding:8px 12px;margin:4px 0}
.staff-account .staff-account-logout{color:#ffc2b9!important}
.staff-account-host{display:flex;justify-content:flex-end;padding:10px 18px}
.topbar:has(.staff-account[open]){z-index:1301}
.staff-account-panel [hidden]{display:none}
@media(max-width:700px){.staff-account-toggle{padding:5px 7px;font-size:10px;gap:5px}.top-actions:has(.staff-account) #projectPicker{max-width:86px}.staff-account-panel{position:fixed;top:38px;right:8px}.staff-account-host .staff-account-panel{top:48px}}