.staff-profile-link { font-weight:600; color:var(--cream); }
.staff-profile-identity { display:flex; align-items:center; gap:16px; min-width:0; }
.staff-profile-avatar { display:grid; place-items:center; flex:none; width:58px; height:58px; border-radius:50%; background:var(--panel-2); border:1px solid var(--gold); color:var(--gold); font-size:26px; }
.staff-profile-head .actions { align-items:center; }
.staff-profile-head select { width:auto; }
.staff-performance-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:20px 0 16px; }
.staff-performance-metrics section { display:flex; flex-direction:column; gap:10px; padding:20px; border:1px solid var(--line); border-radius:14px; background:var(--panel); }
.staff-performance-metrics section > span { font-size:13px; color:var(--muted); }
.staff-performance-metrics strong { font-size:30px; font-weight:500; color:var(--gold); }
.staff-performance-metrics small { color:var(--muted); line-height:1.5; }
.staff-performance-breakdown { display:flex; gap:12px 24px; flex-wrap:wrap; font-size:13px; color:var(--muted); margin-bottom:24px; }
.staff-performance-section { margin:20px 0; }
.staff-profile-families { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.staff-profile-family { display:flex; flex-direction:column; align-items:flex-start; gap:10px; color:inherit; padding:14px; border:1px solid var(--line); border-radius:10px; }
.staff-profile-week { border-top:1px solid var(--line); margin-top:10px; }
.staff-profile-week summary { padding:14px 0; cursor:pointer; }
.staff-profile-week summary span { margin-left:14px; }
.staff-profile-week .table-wrap { margin-bottom:16px; }
@media(max-width:1050px){.staff-performance-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media(max-width:600px){.staff-performance-metrics { gap:10px; }.staff-performance-metrics section { padding:14px; }.staff-profile-identity { align-items:flex-start; }.staff-profile-week summary span { display:block; margin:8px 0 0; }.staff-profile-head h1 { overflow-wrap:anywhere; }}

.staff-profile-head h1 { overflow-wrap:anywhere; }