/* Avatar de clientes e usuários: foto real ou avatar gerado (Multiavatar). Tamanho pela variável --av. */
.av{--av:32px;width:var(--av);height:var(--av);min-width:var(--av);border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;
  vertical-align:middle;background:linear-gradient(135deg,#3b5bfd,#7c5cfc);color:#fff;font-weight:700;font-size:calc(var(--av)*.42);line-height:1;user-select:none;
  box-shadow:0 0 0 2px rgba(255,255,255,.9),0 1px 4px rgba(16,24,47,.18);}
img.av{object-fit:cover;background:#e8ecf4;}
.av svg{width:100%;height:100%;display:block;}
.av.is-gen{background:transparent;}
.av-cell{display:flex;align-items:center;gap:10px;}
.av-cell>span:not(.av),.av-cell>a{min-width:0;}
.av-form{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;}
.av-form-current .av{box-shadow:0 0 0 3px #fff,0 4px 16px rgba(16,24,47,.22);}
.av-form-body{flex:1;min-width:240px;}
.av-file{max-width:320px;}
.av-credit{margin-top:10px;font-size:.75rem;color:#6b7280;}
.av-credit a{color:inherit;text-decoration:underline;}
[data-avatar-hint].is-err{color:#c92100;font-weight:600;}