.account-person{display:inline-flex;align-items:center;gap:10px;text-decoration:none;border-radius:12px;padding:5px}.account-person:hover{background:var(--teal-soft)}.account-person .avatar{flex:none;overflow:hidden}.avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-card{max-width:680px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.profile-summary{display:flex;align-items:center;gap:20px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.profile-summary h2{margin:0 0 4px}.profile-summary p{margin:0}.profile-avatar{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#dcebec;color:#0d686b;font-size:2rem;font-weight:800;overflow:hidden;flex:none}.profile-photo-form{max-width:430px}.profile-links{margin-top:32px;max-width:680px}.access-department h2{margin-bottom:20px}.access-group{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.access-group h3{margin-bottom:12px}.access-person{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--line)}.access-person:first-of-type{border-top:0}.access-person strong,.access-person small{display:block}.access-person small{color:var(--muted);overflow-wrap:anywhere}.access-person form{flex:none;margin:0}.access-person button{border:0;background:var(--teal-soft);color:#087d7b;border-radius:9px;padding:9px 12px;font-weight:800}.access-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.access-badge{border-radius:99px;background:#edf0f2;color:#687782;padding:3px 8px;font-size:.7rem;font-weight:700}.access-badge.allowed{background:var(--teal-soft);color:#087d7b}.preview-banner{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#fff1dc;border:1px solid #e8c991;border-radius:12px;padding:12px 16px;margin-top:16px}.preview-banner strong{color:#704c12}.preview-banner span{color:#704c12;font-size:.83rem}.preview-banner form{margin-left:auto}.preview-banner button{border:0;background:#704c12;color:#fff;border-radius:8px;padding:8px 12px;font-weight:800}@media(max-width:700px){.profile-card{padding:20px}.access-person{align-items:start;flex-direction:column}.preview-banner form{margin-left:0}}
.avatar-cropper{margin:18px 0;padding:18px;background:#f2f7f7;border:1px solid var(--line);border-radius:16px}.avatar-cropper[hidden]{display:none}.avatar-cropper p{margin:0 0 14px;color:var(--muted);font-size:.9rem}.avatar-crop-stage{position:relative;width:min(100%,320px);aspect-ratio:1;margin:0 auto 16px;overflow:hidden;border-radius:50%;background:#dcebec;touch-action:none;box-shadow:0 0 0 5px #fff,0 0 0 7px var(--teal)}.avatar-crop-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.avatar-crop-stage canvas:active{cursor:grabbing}.avatar-crop-stage>span{position:absolute;inset:0;pointer-events:none;border:1px solid #ffffffb8;border-radius:50%}.avatar-cropper input[type=range]{padding:0;margin-top:8px}