#my-workplaces { margin:24px 0; padding:20px; border:1px solid #d5e0e5; border-radius:18px; }
.staff-workplace { padding:20px 0; border-bottom:1px solid #d5e0e5; }
.staff-workplace h4 { font-size:22px; margin:8px 0; }
.staff-editor,.staff-checkin,.staff-request { display:grid; gap:12px; margin:16px 0; }
.staff-editor label,.staff-checkin label,.staff-request label,.staff-schedule-row label { display:grid; gap:5px; font-size:14px; }
.staff-editor input,.staff-checkin input,.staff-request select { width:100%; min-width:0; padding:10px; border:1px solid #b9cbd2; border-radius:8px; }
.staff-choice { display:flex!important; align-items:flex-start; gap:10px!important; }
.staff-choice input { width:auto; margin-top:3px; flex:0 0 auto; }
.staff-schedule { display:grid; gap:12px; }
.staff-schedule-row { display:grid; gap:8px; grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; border:1px solid #d5e0e5; border-radius:12px; }
.staff-preview { width:190px; }
.staff-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,220px)); gap:12px; margin:14px 0; }
.staff-result { color:#075d50; font-weight:700; }
#staff-follow-feed { margin:20px 0; }
.team-member-card { min-width:0; overflow:hidden; border:1px solid #d5e0e5; border-radius:18px; background:#fff; box-shadow:0 12px 28px #09243d12; }
.team-member-photo { position:relative; aspect-ratio:1/1; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#dcecf2,#b9d6df); color:#0b2d49; font-size:34px; font-weight:950; }
.team-member-photo img { width:100%; height:100%; object-fit:cover; }
.team-presence { position:absolute; top:9px; right:9px; display:flex; align-items:center; gap:5px; padding:5px 7px; border-radius:999px; background:#fffffff2; color:#425968; font-size:9px; font-weight:950; box-shadow:0 4px 12px #0002; }
.team-presence i { width:8px; height:8px; border-radius:50%; }
.team-presence.checked-in i { background:#18b978; box-shadow:0 0 0 3px #18b97822; }
.team-member-info { display:grid; gap:4px; padding:12px; }
.team-member-info h3 { margin:0; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#09243d; white-space:nowrap; }
.team-member-info > span { color:#08745f; font-size:12px; font-weight:850; }
.team-member-info small { min-height:30px; color:#607684; font-size:10px; line-height:1.45; }
.team-member-info a,.team-member-info .team-sample-action { margin-top:5px; padding:7px 9px; border:1px solid #bfd0d7; border-radius:999px; background:#fff; color:#0b638d; font-size:11px; font-weight:900; text-align:center; text-decoration:none; }
.team-member-info .team-sample-action:disabled { cursor:default; opacity:1; }

.staff-workplace summary { cursor:pointer; font-weight:700; padding:14px 0; color:#08745f; }
.staff-workplace details { margin-top:10px; }