/*
  G8 Anatomy admin page (/admin) — on top of the staff page's look (staff-app/css/staff.css).
  A desktop page: the Add a person card, then one row per person.
*/
.top nav { gap: 6px; }
.addperson { display: flex; flex-direction: column; gap: 12px; margin-bottom: 22px; }
.addperson h2 { margin: 0; font-size: 20px; }
.grid4 { display: grid; grid-template-columns: 1fr 1fr 0.8fr 1.3fr; gap: 10px; align-items: end; }
.row.nowrap { flex-wrap: nowrap; }
.row.nowrap input { flex: 1; }
.stafflist { display: flex; flex-direction: column; gap: 8px; }
.srow { background: var(--panel); border: 1px solid var(--panel-line); border-radius: 14px; padding: 10px 14px; display: grid; grid-template-columns: 1.6fr 140px 70px 1fr auto; gap: 14px; align-items: center; }
.srow.off { opacity: .55; }
.srow .sname input { font-weight: 700; padding: 6px 9px; }
.srow .sname .meta { margin-top: 3px; }
.srow select { padding: 6px 9px; }
#pwValue { flex: 1; }
@media (max-width: 900px) { .grid4 { grid-template-columns: 1fr 1fr; } .srow { grid-template-columns: 1fr 1fr; } }