.personnel-tabs{margin-block:1rem}.personnel-filter{display:grid;grid-template-columns:minmax(220px,2fr) minmax(160px,1fr) minmax(180px,1fr) auto;gap:1rem;align-items:end}.personnel-filter .field{margin:0;min-width:0}.personnel-filter input,.personnel-filter select{width:100%;min-width:0;height:46px;box-sizing:border-box}.personnel-list{display:grid;gap:12px;margin-block:18px}.personnel-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px}.personnel-row p{margin:6px 0}.personnel-row small{overflow-wrap:anywhere}.personnel-name{font:inherit;font-weight:700;background:none;color:inherit;border:0;text-align:left;padding:0;cursor:pointer}.personnel-functions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.personnel-check{display:flex;align-items:center;gap:10px;min-height:44px}.personnel-check input{width:20px;height:20px;flex:none}.personnel-row .pill{display:inline-block}@media(max-width:760px){.personnel-filter{grid-template-columns:1fr 1fr}.personnel-filter>label:first-child{grid-column:1/-1}.personnel-row{grid-template-columns:1fr;gap:12px;padding:16px}.personnel-row>.button{justify-self:start}.personnel-functions{grid-template-columns:1fr}}

.personnel-avatar{width:80px;height:80px;object-fit:cover;border-radius:50%}
.personnel-filter:has([name=workspace]){grid-template-columns:repeat(2,minmax(0,1fr))}