.toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.toolbar label{flex:1;min-width:180px}.toolbar button{margin:0 0 9px}.toolbar a{margin-bottom:9px;text-decoration:none}.table-wrap{overflow:auto;background:white;border:1px solid #d5dfe4;border-radius:10px}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:14px;text-align:right;border-bottom:1px solid #e5ecef;white-space:nowrap}th{background:#e9f3f3}td:first-child,td:nth-child(5){white-space:normal;min-width:160px}#login{max-width:480px;margin:35px auto}#login button{margin-top:20px}#message{color:#087f80}#detail{margin:24px 0}.document-links{display:flex;flex-wrap:wrap;gap:16px}.document-links a{color:#087f80}.document-links img{display:block;max-width:210px;max-height:150px;margin-top:10px}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}#notes{min-height:100px}.status-label{background:#e4f0ef;padding:5px 10px;border-radius:6px}a{color:#087f80}@media print{.toolbar,#dashboard,#login,.intro,#message,.detail-actions,#staff-edit{display:none!important}#detail{display:block!important}.document-links img{max-height:100px}main{max-width:none}}

#email-login{display:grid;gap:10px}#email-login label{margin:8px 0 0}#login #email-login button{margin:0}#account-progress button{max-width:100%;white-space:normal}.access-panel{margin-bottom:24px}.access-list{margin-top:20px}.access-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 0;border-top:1px solid #d5dfe4}.access-row span{overflow-wrap:anywhere;min-width:0}.access-row button{margin:0 8px 0 0}@media(max-width:600px){.access-row{align-items:stretch;flex-direction:column}#login{padding:20px 16px}}

.deletion-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #d5dfe4}.deletion-actions button{margin:0;max-width:100%;white-space:normal}.danger-button{color:#96352f;border-color:#bd7974}@media print{.deletion-actions,.access-panel{display:none!important}}

/* Dense register and on-demand navigation; university header stays unchanged. */
.staff-page main{max-width:none;width:100%;padding:20px 24px}.staff-page .intro{margin-bottom:14px;gap:12px}.staff-page .intro h1{font-size:24px;margin:0}.staff-page #message:empty{display:none}.staff-page .toolbar{gap:10px;align-items:center;margin-bottom:12px}.staff-page .toolbar h2{font-size:19px;margin:0;margin-inline-end:auto}.staff-page .toolbar input{width:230px;min-height:38px;padding:7px 10px}.staff-page .toolbar button{margin:0;padding:8px 12px;min-height:38px}.staff-page #count{font-size:13px;white-space:nowrap}.staff-page .table-wrap{max-height:calc(100dvh - 310px);min-height:240px;border-radius:8px;overflow:auto;scrollbar-gutter:stable}.staff-page table{font-size:14px;table-layout:fixed;min-width:1530px}.staff-page th,.staff-page td{padding:6px 8px;height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0!important}.staff-page th{position:sticky;top:0;z-index:1;background:#e9f3f3;height:auto;vertical-align:top}.staff-page th label{font-size:13px;margin:0 0 5px;white-space:normal}.staff-page th input{font-size:13px;min-height:30px;padding:4px 6px;width:100%;min-width:0}.staff-page th:nth-child(2){width:190px}.staff-page th:nth-child(6),.staff-page th:nth-child(10){width:75px}.staff-page th:nth-child(7),.staff-page th:nth-child(8),.staff-page th:nth-child(9){width:170px}.staff-page th:last-child{width:60px}.staff-page td .camera-button{margin:0;padding:4px 10px;min-height:28px;font-size:13px}.staff-page tbody tr:hover{background:#f1f8f8}.staff-page #menu-toggle{margin:0;padding:8px 14px}.staff-page #staff-menu{position:fixed;inset:0 0 0 auto;margin:0;width:290px;max-width:90vw;height:100dvh;max-height:100dvh;border:0;border-inline-end:1px solid #d5dfe4;padding:20px;background:#fff;color:var(--navy)}#staff-menu::backdrop{background:#102d3b66}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.menu-heading h2{font-size:20px}.menu-heading button{margin:0;padding:8px}#staff-menu nav{display:grid;gap:8px}#staff-menu nav a,#staff-menu nav button{display:block;text-align:right;padding:12px;border:0;border-radius:6px;background:#f0f6f7;color:var(--navy);font:inherit;text-decoration:none;cursor:pointer}#staff-menu nav a:hover,#staff-menu nav button:hover{background:#dcefee}.staff-page #staff-access{margin:0;max-width:100%;padding:20px}.staff-page #detail{max-width:1100px;margin:20px auto}.staff-page #login{max-width:480px}.staff-page #menu-toggle svg{vertical-align:middle;margin-inline-end:6px}
@media(max-width:760px){.staff-page main{padding:16px 12px}.staff-page .intro{flex-direction:row;align-items:center}.staff-page .intro h1{font-size:20px}.staff-page .toolbar{gap:8px}.staff-page .toolbar h2{flex-basis:100%}.staff-page .toolbar input{flex:1;width:130px;min-width:100px}.staff-page .table-wrap{max-height:65dvh}.staff-page td{height:42px}.staff-page td .camera-button{min-height:34px}.staff-page .toolbar #count{width:100%}}
@media print{#menu-toggle,#staff-menu{display:none!important}}

.staff-page th[data-column]{cursor:pointer;user-select:none;height:40px;vertical-align:middle;white-space:normal}.staff-page th.column-filter-active{background:#bce3df;color:#083f41;box-shadow:inset 0 -3px #087f80}.staff-page th[data-column]:focus-visible{outline:2px solid #087f80;outline-offset:-3px}.column-filter-dialog{position:fixed;margin:0;inset:auto;border:1px solid #b9ced3;border-radius:10px;padding:16px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;color:var(--navy)}.column-filter-dialog::backdrop{background:#102d3b22}.column-filter-dialog h2{font-size:18px;margin-bottom:12px}.column-filter-dialog input[type=search]{min-height:38px;padding:8px;font-size:14px}.filter-check{display:flex;align-items:center;gap:9px;margin:0;padding:8px 0;font-size:14px;overflow-wrap:anywhere}.filter-check input{width:18px;height:18px;min-height:18px;flex-shrink:0;accent-color:#087f80}#column-filter-values{max-height:240px;overflow:auto;border-block:1px solid #e0e7eb;margin:4px 0 12px}.column-filter-actions{display:flex;gap:8px;flex-wrap:wrap}.column-filter-actions button{margin:0;padding:8px 12px;font-size:14px}

.table-pager{display:flex;gap:12px;justify-content:center;margin:12px 0}.table-pager button{margin:0;padding:8px 14px}

#staff-menu nav a,#staff-menu nav button{display:flex;align-items:center;gap:12px}#staff-menu nav svg{width:20px;height:20px;flex-shrink:0}.auth-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}#login .text-action{background:none;border:0;color:#087f80;padding:8px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:15px}#account-progress{padding-block:8px}#account-status{margin:8px 0 18px}#account-progress>a{display:block;width:fit-content;padding-block:8px;font-size:14px;text-underline-offset:4px}#account-progress [hidden],#staff-name-field[hidden]{display:none!important}.staff-presence{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin:0 0 14px;font-size:14px}.presence-title{color:#536b78}.online-person{display:inline-flex;align-items:center;gap:6px;overflow-wrap:anywhere;min-width:0}.online-person i{width:8px;height:8px;border-radius:50%;background:#168150;flex-shrink:0}.online-person small{color:#536b78}#login{box-shadow:none}#login h2{margin-bottom:22px}@media print{.staff-presence{display:none!important}}