.personnel-page{max-width:1100px;margin:auto;padding:28px 20px 80px;color:#1b2a40}.personnel-page h1{font-size:30px}.notice{padding:16px;background:#f1e9d8;border-radius:12px;font-size:14px;line-height:1.6}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}.actions h2{margin-right:auto}button,input,select{font:inherit}button{min-height:48px;border:1px solid #bbccdd;border-radius:10px;padding:10px 16px;background:#e3eef9;color:#294967;cursor:pointer}button:disabled{opacity:.55;cursor:default}#save{background:#1b2a40;color:#fff}label{display:block;font-size:15px}input:not([type=checkbox]),select{display:block;width:100%;min-height:48px;padding:10px;margin-top:7px;background:white;border:1px solid #c9d5e1;border-radius:9px;color:#1b2a40}.tabs{display:flex;gap:10px;margin:26px 0}.tabs [aria-pressed=true]{background:#1b2a40;color:white}.person-card,.schedule-card{margin:14px 0;padding:20px;background:white;border:1px solid #d8e2ed;border-radius:14px}.person-card h3,.schedule-card h3{font-size:18px;margin:0 0 10px}.person-card p{margin:8px 0;font-size:15px;color:#53667a}.person-card button{margin-top:8px}.week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.week-days label{font-size:14px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px}td,th{padding:14px;text-align:left;border-bottom:1px solid #d8e2ed;min-width:120px}dialog{border:0;border-radius:18px;padding:24px;width:min(560px,94vw);max-height:90vh;overflow:auto;color:#1b2a40}dialog::backdrop{background:#1b2a4077}dialog label{margin-bottom:14px}fieldset{border:1px solid #d8e2ed;border-radius:10px;margin:18px 0;padding:14px}.check{display:flex;align-items:center;gap:10px;min-height:36px}.check input{width:20px;height:20px}.inactive{opacity:.7}[hidden]{display:none!important}button:focus-visible{outline:3px solid #9c8251;outline-offset:3px}@media(max-width:700px){.week-days{grid-template-columns:repeat(2,minmax(0,1fr))}.personnel-page{padding:18px 16px}.tabs button{flex:1;padding:10px}.actions{align-items:stretch}#save-status{width:100%}}

/* Shared PITSA administration styling, aligned with the department screens. */
.personnel-page{max-width:1040px;padding:28px 24px 72px}
.admin-heading{text-align:center;margin:26px 0 30px}
.admin-heading .area-name{display:block;font-size:14px;font-weight:600;letter-spacing:1.1px;color:#788699}
.admin-heading h1{font-size:34px;letter-spacing:-.9px;line-height:1.2;margin:10px 0 12px}
.admin-heading p{font-size:16px;line-height:1.6;color:#718095;margin:0}
.personnel-page h2{font-size:20px;letter-spacing:-.3px;line-height:1.4}
.personnel-page>.back{text-decoration:none;color:#718095;font-size:14px;display:inline-block;padding:8px 0}
.notice{background:#eaf0f6;border:1px solid #dae3ec;color:#596c81;border-radius:14px;line-height:1.65}
.actions{gap:12px}
.save-bar{background:#fff;border:1px solid #e1e7ed;border-radius:16px;padding:16px 18px;margin:22px 0}
#save{border:0;border-radius:12px;font-weight:600;padding:12px 22px;min-height:50px}
#save-status{color:#718095;font-size:14px;line-height:1.5}
.tabs{background:#e8edf3;border:1px solid #dfe6ee;padding:5px;border-radius:14px;gap:5px;margin:26px 0}
.tabs button{flex:1;border:0;background:transparent;font-weight:600;color:#718095;border-radius:10px}
.tabs [aria-pressed=true]{background:#fff;color:#1b2a40;box-shadow:0 2px 7px #1b2a4010}
.tab-panel{background:#fff;border:1px solid #e0e6ee;border-radius:18px;padding:22px}
.tab-panel>.actions:first-child{margin-top:0}
.tab-panel>p{color:#718095;line-height:1.6}
.personnel-page button,dialog button{border-radius:12px;font-size:15px;font-weight:600;transition:background .15s}
.personnel-page button:not(:disabled):hover,dialog button:not(:disabled):hover{background:#d7e5f4}
#save:not(:disabled):hover{background:#2c405c}
.personnel-page label,dialog label{font-size:14px;font-weight:600;color:#586a7c}
.personnel-page input:not([type=checkbox]),.personnel-page select,dialog input:not([type=checkbox]),dialog select{font-size:16px;font-weight:400;border:1px solid #d6e0ea;background:#f9fbfd;border-radius:10px;min-height:50px;padding:12px;color:#1b2a40}
#staff-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.person-card{min-width:0;margin:0;background:#f7fafd;border:1px solid #dbe5ef;padding:20px;border-radius:14px}
.person-card h3{font-size:17px;line-height:1.45;letter-spacing:-.15px}
.person-card p{font-size:14px;line-height:1.6;margin:6px 0;overflow-wrap:anywhere}
.person-card button{margin:12px 8px 0 0}
.schedule-card{background:#f7fafd;border-color:#dbe5ef}
.schedule-card>p{font-size:14px;color:#718095;line-height:1.5}
.week-days{margin-top:20px;gap:10px}
.week-days select{padding:10px 6px}
.table-scroll{border:1px solid #dfe6ee;border-radius:12px}
th{background:#e3eef9;color:#294967;font-size:14px}
td{font-size:14px;line-height:1.6}
tbody tr:last-child td{border-bottom:0}
dialog{box-shadow:0 24px 70px #1b2a4030;border:1px solid #dae3ec}
dialog h2{font-size:24px;letter-spacing:-.5px;margin-top:0}
dialog p{font-size:14px;line-height:1.6;color:#718095}
dialog fieldset{background:#f7fafd}
#person-form .actions button[type=submit]{background:#1b2a40;color:#fff}
.session-actions{display:flex;justify-content:flex-end;margin:-10px 0 22px}
.session-actions button{background:#fff}
.home-departments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 32px}
.home-departments .checklist-tile{min-height:112px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;text-decoration:none}
.home-departments .checklist-tile h3{margin:0;font-size:19px;line-height:1.4}
.home-departments .tile-arrow{position:static}
.admin-tile{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#efe3cb;border:1px solid #e2d1b1;border-radius:16px;padding:24px;text-decoration:none;color:#1b2a40;margin:16px 0 28px}
.admin-tile h3{font-size:19px;margin:0 0 8px}
.admin-tile p{font-size:14px;color:#78694f;margin:0;line-height:1.5}
.admin-tile>span{font-size:24px}
@media(max-width:700px){
 .personnel-page{padding:20px 16px 56px}
 .admin-surface .top{height:74px;padding:0 20px}
 .admin-heading{margin:22px 0 26px}
 .admin-heading h1{font-size:28px;letter-spacing:-.6px}
 .admin-heading .area-name{font-size:13px}
 .tab-panel{padding:16px}
 #staff-list{grid-template-columns:1fr}
 .save-bar{padding:14px}
 .save-bar #save{width:100%}
 .tabs button{padding:10px 6px;font-size:14px;min-width:0}
 .person-card,.schedule-card{padding:16px}
 .person-card button{min-height:48px}
 .week-days{gap:14px 10px}
 .home-departments{grid-template-columns:1fr;gap:12px}
 .home-departments .checklist-tile{min-height:92px;padding:20px}
 .admin-tile{padding:20px}
 .session-actions{margin:0 0 24px}
}