/* Employee area shares the application's restrained palette. */
.staff-list-tools,.staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.staff-list-tools{grid-template-columns:2fr 1fr 1fr;margin:20px 0}.staff-list-tools label,.staff-grid label{min-width:0}.staff-admin-tools{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.staff-list-row{display:flex;align-items:center;gap:16px;padding:20px 16px;border:1px solid var(--line,#d6dee5);border-radius:14px;margin-bottom:10px;background:var(--surface,#fff)}.staff-list-copy{flex:1;min-width:0}.staff-list-copy strong,.staff-list-copy small{display:block;overflow-wrap:anywhere}.staff-list-copy small{color:#526575;margin-top:5px;line-height:1.5}.staff-list-actions{display:flex;gap:8px}.staff-avatar{flex:none;display:inline-flex;justify-content:center;align-items:center;background:#e5ebef;color:#334d61;border-radius:50%;width:52px;height:52px;object-fit:cover;font-weight:700}.staff-list-name{font-size:1rem}.staff-section{background:var(--surface,#fff);border:1px solid #d6dee5;border-radius:12px;margin:14px 0;overflow:hidden}.staff-section>summary{padding:18px;font-weight:700;cursor:pointer;list-style:revert}.staff-section-content{padding:4px 20px 20px}.staff-section-content p{line-height:1.55}.staff-save-bar{display:flex;justify-content:flex-end;gap:12px;position:sticky;bottom:0;z-index:10;padding:16px;background:#f1f5f8f5;backdrop-filter:blur(8px);border-top:1px solid #cad5dd;margin:22px -4px 0;border-radius:12px}.staff-period-section{padding:4px 0 16px;border-bottom:1px solid #d6dee5}.staff-period-section:last-child{border:0}.staff-info{padding:14px;background:#edf2f6;border-left:3px solid #788d9e;color:#3e5565;border-radius:5px;font-size:.92rem;line-height:1.6}.staff-photo-editor{display:flex;gap:22px;align-items:center;margin:14px 0 24px}.staff-photo-editor .staff-avatar,#staff-photo-canvas{width:112px;height:112px;border-radius:16px;object-fit:cover}.staff-photo-editor>div:last-child{min-width:0;flex:1}.staff-photo-editor small{display:block;font-size:.8rem;color:#536577;line-height:1.6}.staff-photo-crop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:14px 0}.staff-photo-crop[hidden],#staff-photo-canvas[hidden],.staff-avatar[hidden]{display:none}.staff-access-row{border:1px solid #d6dee5;border-radius:10px;padding:14px;margin:12px 0}.staff-effective details{padding:10px 0;border-top:1px solid #dde4e9}.staff-effective summary{font-weight:600;cursor:pointer;padding:8px}.staff-right-result{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:10px 8px;font-size:.86rem}.staff-right-result small{grid-column:1/-1;color:#667687}.staff-session{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid #d6dee5}.staff-session small,.staff-audit-row small{display:block;font-size:.8rem;color:#5d6e7b;line-height:1.5;margin-top:5px}.staff-audit-row{padding:12px 0;border-bottom:1px solid #e0e5eb}.staff-admin-property{background:#f4f1ed;border:1px solid #dbd3c8;padding:14px!important;border-radius:8px}.staff-profile-link{background:none;border:none;color:inherit;cursor:pointer}.staff-profile-link .avatar{display:inline-flex;align-items:center;justify-content:center}.staff-badge{background:#a93739;color:#fff;border-radius:20px;padding:2px 6px;min-width:19px;line-height:16px;font-size:11px;font-weight:700;display:inline-flex;justify-content:center;align-items:center}.staff-badge[hidden]{display:none}.nav-item>.staff-badge{margin-left:auto}.staff-menu-button{position:relative}.staff-menu-button .staff-badge{position:absolute;right:0;top:0;transform:translate(15%,-15%)}.staff-notice-list{max-width:1050px}.notice-card{background:#fff;border:1px solid #d6dee5;border-radius:14px;padding:22px;margin:14px 0}.notice-card.unread{border-left:4px solid #627f94}.notice-card-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}.notice-card h2{font-size:1.15rem;margin:0 0 8px}.notice-card-head span,.notice-card>small{font-size:.8rem;color:#5d6e7b}.notice-duty{padding:14px 0;border-bottom:1px solid #e0e6ec;margin-bottom:10px}.notice-duty p{margin:6px 0;line-height:1.5}.staff-section input[type=checkbox]{width:auto;flex:none}.staff-photo-editor input[type=file]{max-width:100%;width:100%}.staff-section input[type=range]{width:100%}.staff-save-bar button{min-width:140px}
@media(max-width:760px){.staff-list-tools,.staff-grid,.staff-photo-crop{grid-template-columns:1fr}.staff-list-row{gap:12px;flex-wrap:wrap;padding:16px}.staff-list-copy{width:calc(100% - 70px);flex:1}.staff-list-actions{width:100%;justify-content:stretch}.staff-list-actions button{flex:1}.staff-admin-tools{display:grid;grid-template-columns:1fr}.staff-section-content{padding:4px 14px 14px}.staff-section>summary{padding:16px 14px}.staff-photo-editor{gap:14px;align-items:flex-start;flex-direction:column}.staff-photo-editor .staff-avatar,#staff-photo-canvas{width:96px;height:96px}.staff-save-bar{gap:8px;padding:12px 8px;bottom:0}.staff-save-bar button{min-width:0;flex:1}.staff-session{align-items:stretch;flex-direction:column}.staff-right-result{grid-template-columns:1fr}.staff-right-result small{grid-column:auto}.staff-profile-link>span:first-child{display:none}.staff-list-tools label{margin:0}.staff-list-tools{gap:10px}.notice-card{padding:18px 14px}.staff-admin-property{line-height:1.5}.staff-section input,.staff-section select,.staff-section textarea{max-width:100%;min-width:0}}