/* Scoped 360-degree Staff History dashboard; mobile tables scroll locally. */
.staff360 { min-width:0; color:#243344; }
.staff360-profile { display:flex; gap:20px; align-items:center; background:#fff; border:1px solid #dbe4ec; border-left:5px solid #117e6b; padding:22px; border-radius:12px; }
.staff360-profile h2 { margin:5px 0; }
.staff360-profile p { margin:6px 0 12px; }
.staff360-photo { width:80px; height:96px; flex:none; background:#e6f4f0; border-radius:8px; display:grid; place-items:center; font-size:32px; overflow:hidden; }
.staff360-photo img { width:100%; height:100%; object-fit:cover; }
.staff360-badge { display:inline-block; background:#e3f3ef; color:#116553; border-radius:15px; padding:4px 10px; }
.staff360-filters { display:flex; flex-wrap:wrap; gap:14px; align-items:end; margin:20px 0; }
.staff360-filters label { display:grid; gap:6px; flex:1; min-width:150px; }
.staff360-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.staff360-card { min-width:0; border:1px solid #dbe4ec; background:#fff; border-radius:12px; padding:20px; }
.staff360-card h3 { margin:0 0 18px; color:#126e62; }
.staff360-pairs { display:grid; grid-template-columns:minmax(110px,1fr) minmax(0,1.5fr); gap:12px 18px; }
.staff360-pairs dt { color:#58687b; }
.staff360-pairs dd { margin:0; font-weight:600; overflow-wrap:anywhere; }
.staff360-note { font-size:13px; color:#596779; line-height:1.5; }
.staff360-number { font-size:26px; }
.staff360-details { margin-top:20px; }
.staff360-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.staff360 button { margin:4px 6px 4px 0; padding:9px 12px; border:1px solid #c5e6df; border-radius:6px; background:#edf8f5; color:#126e62; cursor:pointer; font:inherit; }
.staff360 button[aria-pressed=true] { background:#117e6b; color:white; }
.staff360-scroll { max-width:100%; overflow:auto; touch-action:pan-x pan-y; }
.staff360-scroll table { min-width:650px; width:100%; border-collapse:collapse; }
.staff360-scroll th,.staff360-scroll td { padding:10px; text-align:left; border-bottom:1px solid #dbe4ec; }
.staff360 :focus-visible { outline:3px solid #167fb0; outline-offset:3px; }
@media(max-width:700px) { .staff360-grid { grid-template-columns:1fr; } .staff360-profile { padding:14px; align-items:flex-start; } .staff360-card { padding:16px; } .staff360-pairs { grid-template-columns:minmax(90px,1fr) minmax(0,1.4fr); gap:10px; } }