#gym-clients .studio-client-rows{margin-top:1rem}
#gym-clients .client-record{display:grid;grid-template-columns:minmax(0,1fr) minmax(7rem,.3fr) auto auto;gap:.75rem 1rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--wg-line);text-align:left;min-width:0}
#gym-clients .client-record[hidden]{display:none!important}
.client-record-identity{min-width:0;display:flex;flex-direction:column;gap:.15rem}
.client-record-name{font-weight:700;color:var(--wg-text);font-size:1rem;line-height:1.35;overflow-wrap:anywhere}
.client-record-email{font-size:.9rem;color:var(--wg-text);opacity:.75;overflow-wrap:anywhere}
.client-record-status{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}
.client-record-status .pill{padding:.3rem .65rem;line-height:1.4}
.client-record-status small{font-size:.8rem}
.client-record-actions .btn,#gym-clients .client-record-more>summary{margin:0;padding:.55rem .8rem;min-height:40px;font-size:.9rem;line-height:1.4;width:auto}
#gym-clients .client-record-more{margin:0;min-width:0}
#gym-clients .client-record-more[open]{grid-column:1/-1}
#gym-clients .client-record-more[open]>summary{width:fit-content}
.client-record-options{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.75rem;padding:.75rem 0 .25rem}
.client-record-options form,.client-record-options details{margin:0}
.client-record-options .btn{font-size:.9rem;padding:.55rem .8rem;min-height:40px}
.client-record-options .role-form{padding:.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.client-record-options label{margin:0}
.account-photo-card .photo-actions{display:flex;align-items:stretch;gap:.75rem;margin-top:1rem;flex-wrap:nowrap}
.account-photo-card .photo-actions>form{display:flex;margin:0;flex:0 1 auto;min-width:0}
.account-photo-card .photo-actions .btn{margin:0!important;min-width:0;white-space:normal;padding:.75rem 1rem;font-size:1rem;line-height:1.35}
@media(max-width:680px){
 #gym-clients .client-record{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;padding:.85rem 0}
 .client-record-identity{grid-column:1}.client-record-status{grid-column:2;max-width:8rem}
 .client-record-actions{grid-column:1}.client-record-more{grid-column:2}
 #gym-clients .client-record-more>summary{font-size:.85rem}
 .account-photo-card .photo-actions>button,.account-photo-card .photo-actions>form{flex:1 1 0}
 .account-photo-card .photo-actions>form .btn{width:100%}
 .account-photo-card .photo-actions .btn{font-size:.9rem;padding:.7rem .5rem}
}

#gym-clients .client-record-identity{display:grid;grid-template-columns:2.4rem minmax(0,1fr);column-gap:.65rem;align-items:center}
#gym-clients .client-avatar{grid-row:1/3;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--wg-line);font-weight:700;color:var(--wg-text)}
#gym-clients .client-record-email{grid-column:2}
#gym-clients [data-filter-state]{max-width:22rem;margin:.35rem 0 1rem}
#gym-clients .client-record:focus-within{outline:2px solid currentColor;outline-offset:4px;border-radius:.3rem}
@media(max-width:480px){#gym-clients .client-record{grid-template-columns:minmax(0,1fr)}#gym-clients .client-record-status,#gym-clients .client-record-more,#gym-clients .client-record-actions{grid-column:1;max-width:none}#gym-clients .client-record-status{flex-direction:row;flex-wrap:wrap}}