.profile-avatar{object-fit:cover;background:#eaf4fa;border-radius:50%;flex-shrink:0;display:block}.client-initials .profile-avatar,.client-record-avatar .profile-avatar,.followup-avatar .profile-avatar{width:100%;height:100%}.client-initials,.followup-avatar{background:0 0;border-radius:50%;overflow:hidden}.avatar-edit{border-radius:50%;flex-shrink:0;display:block;position:relative}.avatar-edit>span{color:#fff;background:var(--ocean);border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-3px;right:-3px}.avatar-edit:focus-visible{outline:2px solid var(--ocean);outline-offset:4px}.avatar-picker-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.avatar-preview{text-align:center;background:#f2f7fb;border:1px solid #e1ebf2;border-radius:16px;grid-row:1;justify-items:center;gap:14px;min-width:0;padding:20px;display:grid}.avatar-preview-label{color:var(--muted);font-size:11px}.avatar-preview>.profile-avatar{width:112px;height:112px;box-shadow:0 0 0 6px #fff}.avatar-preview-name{max-width:100%;color:var(--ink);overflow-wrap:anywhere;font-size:16px;font-weight:600}@media (min-width:900px){.avatar-picker-layout{grid-template-columns:minmax(0,1fr) 210px}.avatar-preview{grid-row:auto;gap:22px;padding:24px 16px;position:sticky;top:0}.avatar-preview>.profile-avatar{width:176px;height:176px}}.avatar-collection{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.avatar-collection>button{border:2px solid #0000;border-radius:14px;padding:4px;transition:background .16s,border-color .16s,transform .16s;position:relative}.avatar-collection>button[aria-pressed=true]{border-color:var(--ocean);background:#eaf4fa}.avatar-collection>button:hover{background:#f1f6fa}.avatar-collection .profile-avatar{aspect-ratio:1;width:100%;height:auto}.avatar-collection button>svg{background:var(--ocean);color:#fff;border-radius:50%;width:20px;height:20px;padding:2px;position:absolute;bottom:0;right:0}.avatar-pagination{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:11px;display:flex}.avatar-pagination>span{margin-right:auto}.avatar-pagination button{border-radius:7px;min-height:36px;padding:6px 10px}.avatar-pagination button[aria-pressed=true]{color:var(--ocean);background:#eaf4fa}@media (max-width:600px){.avatar-collection{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.avatar-collection>button{transition:none}}.avatar-edit:disabled>span{display:none}