.staff-photo-avatar{position:relative;display:inline-grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:50%;overflow:hidden;background:#e9f3f3;color:var(--teal)}
.staff-photo-avatar svg{width:21px;height:21px}.staff-photo-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.staff-photo-avatar img[hidden]{display:none}
.staff-person{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;vertical-align:middle}.staff-person-name{min-width:0;overflow-wrap:anywhere}.staff-photo-avatar--inline{width:26px;height:26px}.staff-photo-avatar--inline svg{width:17px;height:17px}
.staff-photo-avatar--profile{width:112px;height:112px;border:1px solid var(--line);border-radius:18px}.staff-photo-avatar--profile svg{width:52px;height:52px}
.staff-photo-summary{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.2rem}.staff-photo-summary h2{margin:0 0 .25rem}.staff-photo-summary p{margin:.25rem 0;color:var(--muted)}
.staff-photo-panel{max-width:750px}.staff-photo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.staff-photo-actions button{margin:0;min-height:44px}
.staff-photo-choose{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;max-width:100%;flex-basis:100%;margin-bottom:.4rem}.staff-photo-choose>span{font-weight:600}.staff-photo-choose input{width:100%;max-width:450px;min-height:44px;padding:.5rem;border:1px solid var(--line);border-radius:8px;font-size:.8rem}
.view-selected-person{display:flex;align-items:center;gap:.5rem;min-height:38px;font-size:.75rem;padding:.15rem .1rem}.view-selected-person .staff-photo-avatar{width:32px;height:32px}.view-selected-person>span:last-child{max-width:180px;overflow-wrap:anywhere}
@media(max-width:700px){header .account-avatar.staff-photo-avatar{display:inline-grid;width:27px;height:27px}.account-identity b{max-width:110px}.account-identity{gap:.35rem}.staff-photo-summary{gap:.85rem;align-items:flex-start}.staff-photo-summary>div{min-width:0;overflow-wrap:anywhere}.staff-photo-avatar--profile{width:92px;height:92px}.staff-photo-panel{padding:1rem}.staff-photo-actions button{flex-grow:1}.view-selected-person{flex-basis:100%}.staff-photo-choose input{max-width:100%;box-sizing:border-box}}